body{	
	background-color: #DFD8D5;
}
.w3-card, .w3-card-2{
	background-color: #fff;
}


.margin-top-64 {
	margin-top: 100px;
}

.spinner {
	height: 24px;
	width: 24px;
	animation: rotate 1s infinite linear;
	border: 4px solid #9e9e9e;
	border-radius: 50%;
	border-right-color: transparent
}

.w3-animate-opacity {
    -webkit-animation: opac 1.5s;
    animation: opac 1.5s;
    animation-name: opac;
    animation-duration: 1.5s;
}





.bar-logo{
	width: 14% !important;
}
.list-logo{
	display: block;
	max-width: 100%;
}
.bar-text{
	width: 64% !important;
}
.bar-icon{
	width: 4% !important;
}
.bar-button{
	width: 8% !important;
	text-align: right;
	margin-left: 2%;
}
@media (max-width:768px){
	.bar-logo{
		width: 100% !important;
	}
	.list-logo{
		display: none;
	}
	.bar-text{
		width: 100% !important;
	}
	.bar-icon{
		width: 15% !important;
	}
	.bar-button{
		width: auto !important;
		text-align: right;
	}
}

.noe-orange{
	background-color: #fbba00;
	color: #fff;
}
.noe-orange-dkl{
	background-color: #f39800;
	color: #fff;
}
.noe-rot-hell{
	background-color:#ea670c;
	color: #fff;
}

.noe-rot{
	background-color:#e31818 !important;
	color: #fff !important;
}
.noe-rot-dkl{
	background-color:#ca012c;
	color: #fff;
}
.noe-blau{
	background-color:#790c68  !important;
	color: #fff  !important;
}

.noe-braun{
	background-color: #5D3C2D !important;
	color: #fff !important;
}

@keyframes rotate {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
.logo{
	max-width: 100%;
}


.w3-button:hover{color:#000;background-color:#FF9900 !important}
.w3-sidenav a:hover,.w3-navblock a:hover{background-color:#FF9900 !important}