/* Logo Styles */

.header-logo-link {
    display: flex !important;
    align-items: center;
    text-decoration: none;
    transition: var(--transition-fast);
    max-width: 100%;
    overflow: visible;
    flex-shrink: 0;
    visibility: visible !important;
    opacity: 1 !important;
}

.header-logo-link:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.header-logo-image {
    height: 58px;
    width: auto;
    max-width: 192px;
    border: none;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: var(--transition-fast);
    object-fit: contain;
    flex-shrink: 0;
}

/* Mobile: Logo kleiner, damit Hamburger-Menü Platz hat */
@media (max-width: 575px) {
    .header-logo-image {
        height: 43px;
        max-width: calc(100vw - 100px);
    }
}