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;
}

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

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.

Okay, best of luck!