/* Mobile */
@media (max-width: 767.98px) {
    .mmp-navbar nav {
        border-bottom: 3px solid #e2001a;
    }

    .mmp-navbar nav .navbar-collapse {
        background-color: #e2001a !important;
    }

    .mmp-navbar nav .navbar-brand {
        width: 150px;
        background-image: url("/theme-resolver/site/assets/header-mobile.png");
        background-position-y: center;
    }
	
	.mmp-navbar nav .navbar-mb-logo {
        width: 90px;
        background-image: url("/theme-resolver/site/assets/mb-logo-mobile.svg");
        background-position-y: center;
    }

    .mmp-navbar nav .navbar-toggler .icon-bar {
        background-color: #e2001a;
    }
}

/* Desktop */
@media (min-width: 768px) {

    .mmp-navbar nav {
        background-color: #ffffff !important;
        border-top-left-radius: 11px;
		height: 50px;
		background-image: linear-gradient(90deg, #e70101, #b4091f);
        background-repeat: no-repeat;
		background-size: 100% 22%;
		background-position: left top;
    }

    .mmp-navbar nav .navbar-brand {
        margin-left: 20px;
        width: 162px; /* 150px + 1rem margin-right */
        height: 30px; /* Für BA-Logo eigene höhe, da das Logo nicht bis an die Ränder reicht (anders als JC und IAB)*/
        background-image: url("/theme-resolver/site/assets/header-desktop.png");
        background-position-y: center;
    }
	
	.mmp-navbar nav .navbar-mb-logo {
        width: 158px; /* Default Höhe der Navbar ist 158px*/
        background-image: url("/theme-resolver/site/assets/mb-logo.png");
        background-position-y: center;
    }
	
	.navbar-dark .navbar-brand {
		color: #000;
	}

	.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
		color: #000;
	}

	.navbar-dark .navbar-nav .nav-link {
		color: #000;
	}

	.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
		color: #000;
	}

	.navbar-dark .navbar-nav .nav-link.disabled {
		color: #000;
	}

	.navbar-dark .navbar-nav .show > .nav-link,
	.navbar-dark .navbar-nav .active > .nav-link,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .nav-link.active {
		color: #000;
	}

	.navbar-dark .navbar-text {
		color: #000;
	}

	.navbar-dark .navbar-text a {
		color: #000;
	}

	.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
		color: #000;
	}
	
	.mmp-navbar nav .nav-text {
		color: #000;
	}
	
	.mmp-navbar nav span:not(:last-child):after,
    .mmp-navbar nav li:not(:last-child):after {
        border-right: 2px solid #000;
    }
}