Okay, best of luck!

And does it also work if you enter it into the custom CSS?

Yes, it works with the Jasmine template. However, you should note that with this CSS code, the mobile logo cannot be used. It would probably need an additional rule to hide the main logo in responsive mode.

However, this is sufficient for me.

And does it also work if you enter it into the custom CSS?

ChatGPT say:

/* Ausgangszustand */
.logo {
overflow: hidden;
max-height: 300px; /* ungefähr die aktuelle Logo-Höhe */
transition: max-height 0.5s ease, padding 0.5s ease;
}

.logo-image.primary-logo-image {
display: block;
transition: transform 0.5s ease, opacity 0.4s ease;
}

/* Sticky-Zustand */
.sticky-wrapper.is-sticky .logo {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
}

.sticky-wrapper.is-sticky .logo-image.primary-logo-image {
transform: translateY(-100%);
opacity: 0;
}