@media (min-width:768px) {
    .navbar .container {
        width: 100% !important;
    }
}

@media (min-width:992px) {
    .navbar .container {
        width: 100% !important;
    }
}

@media (min-width:1200px) {
    .navbar .container {
        width: 100% !important;
    }
}


.navbar {
    position: relative;
    min-height: 80px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    transition: all 0.5s ease-in-out;
}

.navbar-scrolled {
	position: fixed;
	width: 100%;
	top: 0px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	z-index: 1000;
    transition: all 0.5s ease-in-out;
}


.navbar-default {
    border-color: transparent;
    background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.navbar-header { position: relative; min-height: 80px; }

.navbar-default .navbar-brand {
    position: absolute; 
	left: 20px; 
	top: 0px;
    height: 80px;
	width: 80px;
	background-image: url(../images/design/lernen-und-hoeren.png);
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 90%;
    z-index: 1;
}



@media(min-width:768px) {
.navbar-default .navbar-brand {
    position: absolute; 
	left: 20px; 
	top: 0px;
    height: 80px;
	width: 80px;
	background-image: url(../images/design/lernen-und-hoeren.png);
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 90%;
}
}

@media(min-width:992px) {
.navbar-default .navbar-brand {
    position: absolute; 
	left: 20px; 
	top: 0px;
    height: 80px;
	width: 80px;
	background-image: url(../images/design/lernen-und-hoeren.png);
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size: 90%;
}
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 10px;
	margin-top: 5px;
}

@media(min-width:768px) {
.nav > li > a {
    padding: 0px 5px;
	margin-top: 0px;
}
}

@media(min-width:992px) {
.nav > li > a {
    padding: 0px 5px;
	margin-top: 0px;
}
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #1e3c82;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.0);
	border-top: 0px;
	text-align: center; 
}


.navbar-default .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 22px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
    background-color: #ffffff;
	border-radius: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #e6007e;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    border-color: #e6007e;
    background-color: #e6007e;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

.toggle-text { position:absolute; right:40px; padding-right: 10px; top:7px; 
    text-transform: uppercase;
    font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #e6007e;
font-size: 1em !important; }

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #e6007e;
	background-color: #ffffff;
	margin-left: 5px;
	margin-right: 5px;
}
@media(min-width:768px) {
.navbar-default .nav li a { font-size: 8px; line-height: 80px; }
}


@media(min-width:850px) {
.navbar-default .nav li a { font-size: 10px; }
}

@media(min-width:992px) {
.navbar-default .nav li a { font-size: 12px; padding: 0px 5px; }
}

@media(min-width:1200px) {
.navbar-default .nav li a { font-size: 14px; padding: 0px 10px; }
}

@media(min-width:1400px) {
.navbar-default .nav li a { font-size: 16px; padding: 0px 15px; }
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #ffffff;
    background-color: #e6007e;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #e6007e;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #e6007e;
}

@media(min-width:768px) {
    .navbar-default {
        padding: 0px 0;
        border: 0;
        background-color: #ffffff;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2.5em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 0px;
    }

 }

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000
}