header{
	background-color: #822C31; 
	width: 100%;
}
ol{
	text-decoration: none; 
	list-style:none; 
	font-style:none; 
}

h2{
	padding-left: 5px; 
	text-decoration: none; 
	color: white; 
}
a{
	text-decoration: none;
}

.navbar{
	display: flex;
	width: 98%; 
	justify-content: space-between; 
	align-items: center;
	height: auto;

}

.navbarleft img{
	width: 45px; 
}

.navbarleft{
	margin: 5px; 
	display:flex; 
	text-decoration: none;  
	align-items: center;
	
}

.navbarright{
	display:flex; 
	margin-right:5px; 
	align-items: center;
}



.button{
	background-color: white; 
	color: black;	
	padding: 10px; 
	border-top:none;
	border-right:none; 
	border-radius:2px;
}


.button:hover{
	border-bottom:3px solid white; 
	filter: brightness(.8);
}

.facebooklogo{
	max-width:45px; 
	margin-left: 5px; 
	
}

.standort{
	margin-left: 5px; 
	max-height: 45px; 
}

/*mobile version*/

.hidden{
	display:none;
	
}

.mobilelinks{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 3px;
	padding-bottom: 3px;
	border: #000 1px solid;
	
}

.mobilelinks img {
	-webkit-filter: invert(1);
	filter: invert(1);

}

.toggle-btn{
	width: 35px;
	position: absolute;
	right: 50px; 
	top: 30px; 
	display: none;
}

.toggle-btn span{
	display: flex;
	width: 100%;
	height: 2px;
	background-color: #000;
	float: left;
	margin-bottom: 8px;
	
}

.mobilenavbar
{
	display: none;
}



@media(max-width: 1440px)
{
	.toggle-btn{
		display: block; 
	}
	.navbarright{
		display: none;
	}

	
	.show
	{
		display: flex;
		flex-direction: column;
		visibility: visible;
		width: auto;
		justify-content: center;
		border-top: 1px solid; 

	}

	 .button{
		width: 100%;
		padding-top: 4px;
	}

}

@media(max-width: 768px)
{
	.navbarleft h2{
		display: none;
	}

	.navbarright{
		margin-left: 5px;
	}
}