/****************************************************************************************************/
/*******************************************[ Dark Style ]*******************************************/
/****************************************************************************************************/
@media screen and (prefers-color-scheme: dark) {

	body{
		background-color: #444;
		color: white;
	}
	
	#upper, #top, #lower, #footer{
		border-bottom: 1px solid white;
	}
	
	#lower{
		color:white;
		border:1px solid #eee;
	} 
	
	#lower a{
		color:white;
	}

	#addstand{
		color:white;
		border:1px solid #eee;
	}
	#addstand a{
		color:white;
	}

	#footer{
		color:#eee;
	}
	#top{
		background-color:white;
	}
	h4{
		border-bottom:1px solid #eee;
	}
	.sehrklein{
		color:#eee;
	}
	.material-icons{
		color:white;
		text-shadow: 0 0 2px white;
	}
	.material-icons-margin{
		color:#f5f0d6;
		text-shadow: 0 0 2px white;
	}

	.fa{
		color:white;
		text-shadow: 0 0 2px white;
	}
	a{
		color:#f5f0d6;
	}
	.btn-primary{
		background-color:#f5f0d6;
		border-color: #eee;
		color:black;
	}
	.btn-primary:hover{
		background-color: #7EB100;
		border-color: #eee;
	}


	.form-control{
		border-bottom:1px solid #eee;
	}

	.card{
		max-width:888px;
		background-color:#777;
		color: white;
	}

	.card-header{
		background-color:#BFB479;
	}
	.card-body, .showhide{
		background-color:#777;
	}
	.card:hover{
		-webkit-box-shadow: 0px 0px 16px 0px rgba(233, 224, 178,0.8);
		-moz-box-shadow: 0px 0px 16px 0px rgba(233, 224, 178,0.8);
		box-shadow: 0px 0px 16px 0px rgba(233, 224, 178,0.8);
		cursor: pointer;
	}
	.innercard{
		border-bottom:1px solid #eee;
	}
	.alert, .alert a{
		color:black;
	}
	.highlight:hover, .alert:hover{
		-webkit-box-shadow: inset 0px 0px 16px 0px rgba(233, 224, 178,0.8);
		-moz-box-shadow: inset 0px 0px 16px 0px rgba(233, 224, 178,0.8);
		box-shadow: inset 0px 0px 16px 0px rgba(233, 224, 178,0.8);
		cursor: pointer;
	}

	#back{
		background:#ddd;
	}


	#navleft{	
		background-color:#BFB479;
		color:white;
	}

	#navleft i, #navleft span, .edit, .eintragtext{
		color: white;
	} 
	
	.eintrag{
		background-color: #888;
		color: white;
	}
	

	#navcenter{
		background-color:#BFB479;
		color:white;
	}

	#navright{
		background-color:#BFB479;
		color:white;
	}

	#karte{
		border:1px solid white;
	}

	#wait{
		background-color:#BFB479;
	}



	.kleinerheader{
		border-bottom:1px solid #eee;
	}

	.btn-light{
		background-color:#eee;
	}

	/********************** Burger ********************/

		.burger {
			display: inline-block;
			cursor: pointer;
		}

		.bar1, .bar2, .bar3 {
			width: 35px;
			height: 5px;
			background-color: #333;
			margin: 6px 0;
			transition: 0.4s;
		}

		.change .bar1 {
			-webkit-transform: rotate(-45deg) translate(-9px, 6px);
			transform: rotate(-45deg) translate(-9px, 6px);
		}

		.change .bar2 {
			opacity: 0;
		}

		.change .bar3 {
			-webkit-transform: rotate(45deg) translate(-8px, -8px);
			transform: rotate(45deg) translate(-8px, -8px);
		}
		
		.menu{
			border:none;
			display:block;
			background-color: #7D7233;
			z-index:100;
			text-align: left;
			width: 100%;
			color:white;
			padding-left: 8px;
		}
		

		.menu i, .menu a{
			color: white;
			text-shadow: none;
			vertical-align:middle;
		}
		.menu span a,.menu span{
			display:block;
			width:100%;
			border-bottom: 1px solid #eee;
		}
		.noshow{
			display:none;
		}

	/***************************/
		
	/**********Auswahl Dialog********/

		.auswahl {
			background-color: rgba(0, 0, 0, 0.5);
		}
		.auswahl-content {
			background-color: #555;
		}
	/***************************/
			


}