@import './constants.css';

nav {
    /*background-color: #68ff004f;*/
    /*background-color: #d9c494a6;*/
    background-color: var(--header-bg-color);
}

nav img {
    position: absolute;
    top: 0;
    width: 60%;
    max-width: 300px;
}

nav a.nav-link {
    font-size: 21px;
}

.navbar-nav .nav-link.active, .nav-link:hover {
    color: var(--color-red);
}

#navbarNav {
    margin-left: 0;
}

ul.navbar-nav {
    margin-top: 50px;
}

.navbar-nav .submenu {
    padding-left: 0.5rem;
    position: absolute;
}

.navbar-nav .submenu .submenu-item {
    display: block;
    list-style: none;
}

.navbar-nav .submenu-item a {
    text-decoration: none;
    color: var(--bs-nav-link-color);
}

.dropdown-menu {
	background-color: var(--header-bg-color);
	border: 0;
	border-radius: 0 0 10px 10px;
}

.dropdown-menu .dropdown-item:hover {
    background: none;
}

.dropdown-menu .dropdown-item.active {
    background: none;
}

.dropdown-menu .dropdown-item {
    margin-left: 20px;
    font-size: 1.2rem;
}

@media (min-width: 1200px) { /* Ab großer Bildschirmgröße */
    .dropdown:hover ul.dropdown-menu {
      display: block;
    }

    #navbarNav.show, #navbarNav {
        margin-left: 300px;
    }

    ul.navbar-nav {
        margin-top: 0;
    }

    .dropdown-menu .dropdown-item {
        margin-left: 0;
    }
}