.xbutton_line
{ 
	position: absolute; 
	left:10px;
	height: 4px; width: 55px; 
	background: #be1110;
	border-radius: 2px;
	display: block; 
	transition: 0.5s; 
	transform-origin: center;
}

.xbutton_line:nth-child(1) { top: 12px; transform: translateY(12px) rotate(-45deg);}
.xbutton_line:nth-child(2) { top: 24px; opacity:0;}
.xbutton_line:nth-child(3) { top: 36px; transform: translateY(-12px) rotate(45deg);}

.xbutton
{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	color:#be1110;
	z-index:1000;
	width:75px;
	cursor:pointer;
}

#top_menue_div
{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	bottom:0px;
	width:100%;
	max-width: 1012px;
	margin: auto;
	align-items: flex-end;
	background-color:#be1110;
	z-index:20;
}
.top_menue_item_container
{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	z-index:10;
	border-radius: 5px 5px 0px 0px;
	height:auto;
}
.top_menue_item
{
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight:400;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	border-radius: 5px 5px 0px 0px;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	z-index:10;
}
.menue_link
{
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight:400;
	width: 100%;
	display: block;
}
.menu_int
{
	
}
.top_menue_subdiv
{
	position:absolute;
	display:none;
	flex-direction:column;
	justify-content:flex-start;
	border-radius: 0px 0px 5px 5px;
	background-color:#be1110;
	z-index:5;
	padding:10px;
	margin-top: 47px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}
.top_menue_subitem
{
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
}
.top_menue_subitem:hover
{
	background-color:rgba(255, 255, 255, 0.5);
    position: relative;
}
.top_menue_item_container:hover .top_menue_subdiv
{
	display:flex;
}
.top_menue_item_container:hover
{
	background-color: rgba(255, 255, 255, 0.5);
}
.hamburg
{
	display:none;
}
input#hamburg
	{
		display:none;
	}
@media screen and (max-width: 799px)
{
	.menu_int
	{
		margin-left: 10px;
		text-indent: -20px;
		width: calc(100% - 20px);
		display: block;
	}
	.top_menue_item_container
	{
		border-radius: 0px 0px 0px 0px;
		height:unset;
	}
	.top_menue_item:hover
	{
		background-color: rgba(255, 255, 255, 0.5);
	}
	.hamburg_line
	{ 
	   position: absolute; 
	   left:10px;
	   height: 4px; width: 55px; 
	   background: #fff; border-radius: 2px;
	   display: block; 
	   transition: 0.5s; 
	   transform-origin: center; 
	}

	.hamburg_line:nth-child(1) { top: 12px; }
	.hamburg_line:nth-child(2) { top: 24px; }
	.hamburg_line:nth-child(3) { top: 36px; }
	
	#hamburg:checked + .hamburg .hamburg_line:nth-child(1){
	   transform: translateY(12px) rotate(-45deg);
	}

	#hamburg:checked + .hamburg .hamburg_line:nth-child(2){
	   opacity:0;
	}

	#hamburg:checked + .hamburg .hamburg_line:nth-child(3){
	   transform: translateY(-12px) rotate(45deg);
	}

	#hamburg ~ #top_menue_div
	{
		display:none;
	}
	#hamburg:checked ~ #top_menue_div
	{
		display:flex;
	}
	.hamburg
	{
		display:block;
		position:fixed;
		top:5px;
		right:5px;
		color:white;
		z-index:1000;
		width:75px;
		height: 50px;
		cursor: pointer;
		background-color:#be1110;
	}
	#top_menue_div
	{
		display:none;
		position:absolute;
		top:0px;
		right:0px;
		flex-direction:column;
		justify-content:flex-end;
		width:80%;
		margin-left:20%;
		z-index:100;
		bottom:unset;
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
		border-radius: 0px 0px 0px 15px;
		padding-top: 50px;
	}
	.top_menue_subdiv
	{
		position:relative;
		border-radius: 0px 0px 5px 5px;
		
		z-index:9;
		padding:10px;
		margin-top: 0px;
	}
	.top_menue_item
	{
		padding-top:5px;
		padding-bottom:5px;
		font-size:24px;
	}
	.menue_link
	{
		font-size:24px;
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:5px;
	}
	.top_menue_item:hover
	{
		background-color: rgba(255, 255, 255, 0.5);
	}
	.top_menue_subitem
	{
		font-size:24px;
	}
	.top_menue_subitem:hover
	{
		background-color:rgba(255, 255, 255, 0.5);
		position: relative;
	}
}