/* Logo-spezifische CSS-Regeln */

.nav-logo {
    display: flex;
    align-items: center;
    height: 112px;
}

.nav-logo .logo {
    height: 100px;
    max-height: 100px;
    width: auto;
    object-fit: contain;
    object-position: center;
    transition: var(--transition-fast);
    /* Kein Rahmen, wie in den Regeln gefordert */
    border: none;
    outline: none;
}

/* Responsive Logo-Anpassungen */
@media (max-width: 768px) {
    .nav-logo .logo {
        height: 80px;
    }
}

@media (max-width: 480px) {
    .nav-logo .logo {
        height: 60px;
    }
}