/* ============================================ */
/* HEADER NAVIGATION - KLEINERE SCHRIFT        */
/* ============================================ */

/* Desktop Navigation Links verkleinern */
header nav a,
nav.bg-white a,
nav.dark\:bg-gray-900 a,
.hidden.md\:flex a {
    font-size: 0.875rem !important;  /* Von ~1rem auf 0.875rem (14px) */
}

/* Navigation Items im Header */
header .flex.items-center.space-x-6 a,
header .flex.items-center.space-x-4 a,
nav .flex.items-center.space-x-6 a,
nav .flex.items-center.space-x-4 a {
    font-size: 0.875rem !important;
}

/* Dropdown-Menü Items auch verkleinern */
header .absolute a,
nav .absolute a,
.dropdown-menu a {
    font-size: 0.8rem !important;  /* Dropdown etwas kleiner */
}

/* Mobile Navigation bleibt unverändert oder etwas kleiner */
@media (max-width: 768px) {
    header nav a,
    nav a {
        font-size: 0.9rem !important;  /* Mobile etwas größer für bessere Touch-Bedienung */
    }
    
    /* Mobile Dropdown */
    .md\:hidden a {
        font-size: 0.9rem !important;
    }
}

/* Hover-Effekte beibehalten */
header nav a:hover,
nav a:hover {
    /* Keine Größenänderung beim Hover, nur Farbe/Unterstreichung */
    transform: none !important;
}