@media (min-width: 768px) {
    .navbar-default {
        background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
        background-repeat: repeat-x;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 0 3px rgba(88, 88, 88, 0.5);
        margin:0 !important;
        z-index:1;
    }
    .navbar {
    }
    .navbar-collapse {
		padding:0;
	}
	.navbar-brand {
		display:none;
	}

	.nav li a {
		font-family: 'Dosis';
		color: #444;
		text-transform:uppercase;
	}

	.nav li li a {
		font-family: 'Open Sans';
		color: #444;
		text-transform:none;
	}

	.nav-top, .nav-right {
		margin:0;
		padding:0 !important;
	}

	.nav-top li {
		border-right:1px solid #ccc;
	}
	.nav-top li:last-child {
		border-right:0px;
	}

    .nav-top li a {
		font-size: 1.1em;
		font-weight:bold;
		padding: 16px 0px !important;
	}

    .nav-top li a {
        background-image: linear-gradient(to bottom, #fefefe 0%, #e0e0e0 100%) !important;
        background-repeat: repeat-x !important;
    }

    .nav-top li a.active,
	.nav-top li a:hover {
		text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff;
        background-image: linear-gradient(to bottom, #e0e0e0 0%, #fefefe 100%);
        background-repeat: repeat-x !important;
	}
	.nav-top li a.active {
        background-image: linear-gradient(to bottom, #fafafa 0%, #d0d0d0 100%);
        background-repeat: repeat-x !important;	}
	.link-home.active,
	.link-home:hover {
		color:#C39C26;
	}
	.link-shopping.active,
	.link-shopping:hover {
		color:#CA390D;
	}
	.link-vorort.active,
	.link-vorort:hover {
		color:#2B88C0;
	}
	.link-msf.active,
	.link-msf:hover {
		color:#47A414;
	}

	.nav-right li a {
		font-size: 1.1em;
		padding: 5px 5px !important;
		margin-top:10px;
		border-right:1px solid #ccc !important;
	}
	.nav-top > ul {
		margin-left:3px;
	}
	.nav-top > ul > li:last-child > a {
		border-right:none !important;
	}
	.nav-right li a:hover,
	.nav-rigt li a:focus {
		background:none !important;
	}
	.nav-top li li {
		white-space:nowrap;
	}
	.nav-top li li a {
		font-family:'Open Sans';
		font-size:1em;
		margin:0;
		font-weight:normal;
		padding:3px 20px !important;
		text-transform:none;
		border-right:none !important;
	}
	.nav-top li li a:hover {
		background:#eee !important;
	}
	.dropdown-header {
		color:#444;
		font-size:1em;
		font-weight:bold;
	}
	.dropdown-text {
		line-height: 1.42857;
		padding: 3px 20px;
	}

}
@media (min-width: 992px) {
	.nav-top li a {
		font-size: 1.15em;
	}
	.nav-right li a {
		font-size: 1.15em;
		padding: 5px 10px !important;
	}
	.nav-right > ul {
		margin-left:10px;
	}
	.nav-justified > .dropdown .dropdown-menu {
		left:auto;
		right:0;
	}
}

@media screen and (max-width: 767px) {
	#logo {
		display:none;
	}
	.navbar-default .navbar-toggle {
		border-color: #2b669a !important;
	}
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: #2d6ca2 !important;
	}

    .navbar-top {
        position:fixed;
        width:100%;
        z-index:4;
        top:0;
    }

    .navbar-top h2 {
        font-size:24px;
        margin:10px 0 0 15px;
        padding:0;
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas.active,
    .row-offcanvas.active .navbar-top {
        right: 80% !important;
        left: auto !important;
        margin:0;
        position:fixed;
        width:100%;
    }

    #sidebar {
        position: fixed;
        z-index:0;
        height:100%;
        overflow-y:auto;
        top: 0;
        padding: 0; 
        color:#ddd;
        background-color: #102830;
        border:0;
        border-radius:0;
        display: none;
        background-image: -webkit-linear-gradient(left, #102830 0%, #183b45 100%);
        background-image: linear-gradient(to right, #d4af37 0%, #DBAD1A 50%, #E7CB71 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFBEF', endColorstr='#ffFFFFFF', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    .row-offcanvas.active #sidebar {
        right:0;
        width: 80%;
        z-index:3;
        border-left:1px solid #000;
        box-shadow:-1px 0 3px #222;
        display:block;
    }

    #sidebar.sidebar-offcanvas li a {
        color:#333;
    }

    #sidebar.sidebar-offcanvas li a:hover,
    #sidebar.sidebar-offcanvas li a:focus,
    #sidebar.sidebar-offcanvas li a:active {
        background:#E8D186;
        color:#000;
        outline:0;
    }

    #sidebar .nav {
        padding:0 !important;
    }

    #sidebar .nav li {
        border-bottom:1px solid #AB8D2E;
        margin:0px;
        padding-left:0;
        background:none;
    }

    #sidebar .nav li a {
        background-image:none;
        padding:15px 10px;
        text-align:left;
        margin:0;
    }

    .navbar-toggle {
    }

    .navbar-toggle-right {
        float:right;
    }

    .navbar-toggle-left {
        float:left;
        margin-left:15px;
    }
}