/* Haupt-Container - Zentriert den Inhalt */
.main_nav {
    display: flex;
    justify-content: center;
    background: #000;
    height: 35px;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #000;
}

/* Links und Styling */
.main_nav a {
    position: relative;
    padding: 9px 9px;
    text-decoration: none;
    background-color: #093163;
    color: #ffffff;
    font-weight: 500;
    transition: color 0.3s ease;
    font-size: 15px;
    border-right: 4px solid #000000;
    border-radius: 20px;
	letter-spacing:1px;
}

.main_nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    transition: all 0.3s ease;
}

.main_nav a:hover, .main_nav a.active { color: #ffffff; background-color: #0065bb; }

/* Individuelle Farben */
/* .nav_start:hover::after, .nav_start.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_description:hover::after, .nav_description.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_domains:hover::after, .nav_domains.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_forum:hover::after, .nav_forum.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_register:hover::after, .nav_register.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_dashboard:hover::after, .nav_dashboard.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_tools:hover::after, .nav_tools.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_hilfe:hover::after, .nav_hilfe.active::after { background: #FFE97A; width: 90%; left: 5%; }
.nav_regeln:hover::after, .nav_regeln.active::after { background: #FFE97A; width: 90%; left: 5%; } */

/* Desktop: Menü ist Flex */
.nav_menu { display: flex; }

/* Hamburger: Desktop weg */
.hamburger { display: none; }


/* Mobil-Modus */
@media (max-width: 768px) {
    .main_nav { justify-content: flex-start; height: auto; padding: 5px; }
    .hamburger { display: block; color: #fff; cursor: pointer; font-size: 20px; }
    
    .nav_menu {
        display: none; /* Standardmäßig aus */
        flex-direction: column;
        position: absolute;
        top: 35px;
        left: 0;
        width: 100%;
        background: #000;
        text-align: center;
        z-index: 1000;
    }
	
.main_nav a {
    margin-bottom:5px;
}
	
    
    /* WICHTIG: !important erzwingt, dass es sich öffnet */
    .nav_menu.active { display: flex !important; }
}