		body, html {
			height: 100%;
		}
		
		/*nur, um die Link-Definition von Standard.css zu unterdrücken!*/
		a.nav-link, a.dropdown-menu, a.dropdown-item {
			font-family: Tahoma,Verdana,Arial,sans-serif !important;
			text-decoration:none !important;
			line-height: 1.1 !important;
			font-size: 1em !important;
		}
		a.dropdown-item {
			color: rgba(0, 0, 0, 1) !important;
		}
		/***************************************************/
		
		.navbar{
			font-family: Tahoma,Verdana,Arial,sans-serif !important;
		}

		@media screen and (min-width:992px) {
		 /*nur für größere Screens anwenden*/
			
			.navbar .container-fluid, .navbar-expand-lg .navbar-collapse, .navbar-expand-lg .navbar-nav {
				flex-direction: column; /*Ausrichtung von navbar vertikal statt horizontal*/
				align-items: flex-start;
			}

			.navbar{
				width: 240px;
				align-items: flex-start;
				/*background-image : url(../img/background.gif);*/
				padding-top: 0 !important;
				padding-bottom: 0 !important;
				padding-left: 1rem !important;
				padding-right: 1rem !important;
				float: left;
				/*margin-right: 5px;*/
				background-image : url(../img/navbg_long.jpg);
				background-position: right;
				background-repeat: repeat-y;
				min-height: 100vh;
				heigth: 100%;
			}
			
				
			.navbar-brand{
				margin-left: -1.3rem;
				font-size: 1.5em;
				font-weight: bold;
			}
			
			nav.navbar-aw{
				height: 100vh;
				overflow: auto;
			}
			
			body{
				padding-left: 240px;
			}
		}
		
		@media screen and (max-width:991px) {
		 /*nur für kleinere Screens anwenden*/
			.navbar-collapse{
				height: 100vh;
				overflow: auto;
			}
			
			.navbar-brand{
				margin-left: 2rem;
				padding: 0;
				max-height: 60px;
				}
				
			.btn-aw-nav, .navbar {
				line-height: 1.5em;
			}
			
			.nav-item{
				margin-left: 3rem;
			}
			
			nav.navbar-aw{
				/*overflow-y: scroll;*/
			}
			
			body{
				padding-top: 80px;
			}
			
			/*für Modals (Image-Zoom/Extern-Lilnk/usw...)*/			
			.modal {
				top: 80px !important;
			} 
			
			/*für Scrol-positionen bei Anker (#oben/#unten/usw.)*/
			html{
				scroll-padding-top: 80px;
			}
		 }		
		
		.navbar-light .navbar-nav .nav-link {
			color: rgba(0, 0.2, 0.1, 0.6) !important;
		}

		.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
			color: rgba(0, 0, 0, 1) !important;
			border-radius: 0.4rem;
			background-color: rgba(102, 102, 0, 0.2) !important;
			
		}
		
		.navbar-light .navbar-nav .show > .nav-link,
		.navbar-light .navbar-nav .active > .nav-link,
		.navbar-light .navbar-nav .nav-link.show,
		.navbar-light .navbar-nav .nav-link.active {
			color: rgba(0, 0, 0, 1) !important;
		}
		
		.btn-aw-nav{
			  color: #000000;
			  background-color: #ffffe0;
			  border-color: #6c757d;
			  padding: 0.25rem 0.5rem;
			  border-radius: 0.2rem;
		}
		
		.nav-item .dropdown-menu{
			color: #000000;
			background-color: #ffffe0;
			border-color: #6c757d;
			
			
		}
		
		.btn-aw-nav:hover, .btn-aw-nav:focus, .btn-aw-nav.focus {
			color: #000000;
			background-color: #e0e0b6;
			border-color: #545b62;
		}
		
		.btn-aw-nav:focus, .btn-aw-nav.focus {
			box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
		}