:root {
    --lgs--sticky-head-height: 126px;
    --lgs--sticky-head-shrink-height: 48px;
    --lgs--sticky-head-tablet-height: 96px;
    --lgs--sticky-head-mobile-height: 72px;

}

header.sticky-head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

header.sticky-head.shrink {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


header.sticky-head .lgs-logo-blume img {
    height: var(--lgs--sticky-head-height);
    width: auto;
    transition: 0.8s cubic-bezier(.4, 0, .2, 1);
}

header.sticky-head .lgs-logo-wort img {
    height: var(--lgs--sticky-head-height);
    width: auto;
    opacity: 1;
    transition: 0.8s cubic-bezier(.4, 0, .2, 1);
}

@media (max-width: 840px) {
    header.sticky-head .lgs-logo-blume img {
        height: var(--lgs--sticky-head-tablet-height);
    }

    header.sticky-head .lgs-logo-wort img {
        height: var(--lgs--sticky-head-tablet-height);
    }
}

@media (max-width: 500px) {
    header.sticky-head .lgs-logo-blume img {
        height: var(--lgs--sticky-head-mobile-height);
    }

    header.sticky-head.shrink .lgs-logo-blume img {
        height: var(--lgs--sticky-head-shrink-height);
    }
}

header.sticky-head.shrink .lgs-logo-blume img {
    height: var(--lgs--sticky-head-shrink-height);
    width: auto;
}

header.sticky-head.shrink .lgs-logo-wort img {
    height: var(--lgs--sticky-head-shrink-height);
    width: auto;
    opacity: 0;
    /* display: none; */
}