/* Hide Header on Scroll - Styles */
.hhos-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
    
    /* Weißer Hintergrund */
    background-color: #ffffff;
    
    /* Dezenter Schatten für Tiefe */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hhos-header.hhos-visible {
    transform: translateY(0);
}

.hhos-header.hhos-hidden {
    transform: translateY(-100%);
}

/* Verhindere Content-Jump */
body.admin-bar .hhos-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .hhos-header {
        top: 46px;
    }
}