Here is a mistake. There should not be a space.

And I would suggest using such code instead

.sticky-header-placeholder {
    height: 0 !important;
}
#sp-header {
    animation: none !important;
    transition: .3s;
}
#sp-header .logo {
    transition: padding .3s;
}

Pavel, fantastic!!! it works, just on mobile view it looks horrible....if u like help me....later i can look myself....

Here are fixes for mobile on the basis of your code

@media (max-width: 991px) {
    #sp-header .logo {
        height: 60px !important;
    }
}

But in general, the code that you used for Desktop is not a very successful solution. Therefore, this hotfix longer looks like a crutch.

great, thnx, need ot see how I will work out mobile view. right now there is conflict with slideshow

I do not see a slideshow.
By the way, pay attention, I updated the code while you saw the old version. Additional important point in using this part.

see mobile vie including slideshow and your new code.
the logo is too small and above slideshow. thnx, dear for all!

https://snipboard.io/PaLZh0.jpg

Remove that

@media (max-width: 991px) {
    #sp-header .logo {
        height: 60px !important;
    }
}

Use it with your values instead.

@media (max-width: 991px) {
   #sp-header {
       height: auto !important;
   }
   #sp-header .logo {
       height: inherit !important;
       padding-top: 30px;
   }
   .logo-image {
       height: 80px;
   }
}