/**
 * Header Custom Design
 * Anpassungen: Zentriert, größere Höhe, größere Schriftgröße, Platz für Sprachauswahl
 * Datum: 2025-11-06
 */

/* Header höher machen */
.nav-container {
    padding: 1rem 2rem !important; /* Vorher: 1rem 2rem */
    min-height: 80px; /* Garantierte Mindesthöhe */
    justify-content: center !important; /* Zentrieren */
}

/* Logo vergrößern */
.logo {
    font-size: 2rem !important; /* Vorher: 1.5rem */
    font-weight: 800 !important;
}

/* Logo Subtitle auch etwas größer */
.logo span {
    font-size: 1rem !important; /* Vorher: 0.8rem */
}

/* Navigation zentrieren */
.desktop-nav {
    display: flex;
    justify-content: center;
}

/* Navigation Menu horizontal mit extra Abstand vor Buttons */
.nav-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2rem !important; /* Grundabstand zwischen allen Items */
}

/* Normaler Abstand zwischen den ersten Links */
.nav-menu li:nth-child(1),
.nav-menu li:nth-child(2),
.nav-menu li:nth-child(3),
.nav-menu li:nth-child(4) {
    margin-right: 0.5rem;
}

/* Kein extra Abstand mehr - Welt-Icon entfernt (2025-11-07) */
/* .nav-menu li:nth-child(5) {
    margin-left: 3rem !important;
} */

/* Sprachauswahl Platzhalter - ENTFERNT (2025-11-07) */
/* .nav-menu li:nth-child(4)::after {
    content: "🌐";
    display: inline-block;
    margin-left: 2rem;
    opacity: 0.3;
    font-size: 1.2rem;
    cursor: pointer;
} */

/* Mobile Menu Button */
.mobile-menu-toggle {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

/* Responsive: Auf Mobile kleinere Anpassungen */
@media (max-width: 768px) {
    .nav-container {
        padding: 1.5rem !important;
        min-height: 70px;
    }

    .logo {
        font-size: 1.75rem !important;
    }

    .logo span {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 480px) {
    .nav-container {
        padding: 1.25rem 1.5rem !important;
        min-height: 65px;
    }

    .logo {
        font-size: 1.5rem !important;
    }

    .logo span {
        font-size: 0.8rem !important;
    }
}


/* Desktop: Hide mobile menu toggle */
@media screen and (min-width: 1024px) {
    .mobile-menu-toggle {
        display: none !important;
    }
}