.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 5px 0; 
    overflow: hidden; /* Verhindert horizontales Scrollen durch den Margin */
}

.logo-link {
    display: inline-block;
    text-decoration: none;
    margin-left: 25px; 
    transition: transform 0.2s ease;
    /* Wir begrenzen die Breite des Links, nicht nur des SVGs */
    max-width: calc(100% - 40px); 
}

.logo-svg {
    display: block;
    width: 100%; /* Nutzt den Platz des Links voll aus */
    height: auto;
}

.logo-svg text, 
.logo-svg path {
    pointer-events: none;
    user-select: none;
}

.logo-link:hover {
    transform: scale(1.03); /* Logo wird beim Hover minimal größer */
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* Nur noch 5px Abstand oben/unten */
    padding: 40px 0; 
}