body{
	text-rendering: 			optimizeLegibility;
	font-family: 				Roboto;
	font-size:					14px;
	margin:						0px;
	position:					absolute;
	top:						0px;
	width:						100%;
	background-color:			#fefefe;
}

body:before {
    content: 					"";
	position: 					fixed;
    top: 						-10px;
    left: 						0;
    width: 						100%;
	height: 					10px;
    -webkit-box-shadow: 		0px 0px 5px rgba(0,0,0,.6);
	-moz-box-shadow: 			0px 0px 5px rgba(0,0,0,.6);
	box-shadow: 				0px 0px 5px rgba(0,0,0,.6);
	z-index: 					100;

}

@media all and (min-width: 800px) {
	.headerline{
		position:					fixed;
		font-family: 				"Oxygen", sans-serif;
		font-weight:				700;
		top:						-20px;
		left:						-15px;
		display:					block;
		background: 			rgb(0,99,132);
		background: 			linear-gradient(0deg, rgba(0,99,132,1) 8%, rgba(0,140,186,1) 100%);
		border-bottom-style:		solid;
		border-bottom-width:		1px;
		border-bottom-color:		#e9e9e9;
		width:						100%;
		height:						100px;
		padding-left:				35px;
		color:						#FFFFFF;
		font-size:					21px;
		padding-top:				18px;
		margin-bottom:				2px;
		white-space: 				nowrap;
		/*#aa0000;*/
		z-index:					500;
		
		padding-left: 				12px;
		padding-right: 				100px;
		text-align: 				center;
		
    -webkit-box-shadow: 		0px 0px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 			0px 0px 4px rgba(0,0,0,.4);
	box-shadow: 				0px 0px 4px rgba(0,0,0,.4);
	}
}



.bild{
	top:						-10px;
	display:					inline-block;
}
.title{
	position:					relative;
	top:						115px;
	text-align:					center;
	display:					inline-block;
	width:						100%;
	color:						#006789;
	font-family: 'Montserrat', sans-serif;
	font-weight:			400;
	font-size: 		26px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d3d3d3;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

#content{
	padding-top:				115px;
}

.SiteContent{
				display: table;
                margin-left: auto;
                margin-right: auto;
				margin-top: 15px;
}

@media all and (min-width: 800px) {
.fooooter{
	text-align:					center;
	position:					fixed;
	font-family: 				"Oxygen", sans-serif;
	font-weight:				400;
	bottom:						-20px;
	left:						-15px;
	display:					block;
	background-color:			#f5f5f5;
	border-top-style:			solid;
	border-top-width:			1px;
	border-top-color:			#e9e9e9;
	width:						100%;
	height:						60px;
	padding-left:				35px;
	color:						#666666;
	font-size:					12px;
	padding-top:				8px;
	margin-bottom:				2px;
	opacity: 					0.95;
	z-index:					50;
}
.fooooter_mobile{
	visibility:					hidden;
}

.mobileburger{
	display:					none;
}

#mobilemenue{
	display:						none;
}


}
@media all and (max-width: 800px) {
	.fooooter_mobile{
		visibility:					hidden;
	}
	.fooooter{
		visibility:					hidden;
	}
}

.theaterinfos{
	font-size:					11px;
	font-weight:				300;
	color:						#999999;
}
.fooooter a{
	color:						#666666 !important;
	text-decoration:			none !important;
}
.fooooter_mobile a{
	color:						#555555 !important;
	text-decoration:			none !important;
}
.fooooter a:hover{
	color:						#ce5716 !important;
	text-decoration:			underline !important;
}

.menue{
	margin-left:		70px;
	position:			relative;
	display:			inline-block;
}

.menue_item{
	position:	relative;
	border: 	0px;
	display:	table-cell;
	height:		58px;
	vertical-align : middle;
	text-align: center;
	padding-left:	20px;
	padding-right:	20px;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight:			400;
	font-size: 		18px;

	
	background-color:		#a33d08;
	background: #a33d08; /* Old browsers */
	background: -moz-linear-gradient(top, #cf5516 0%, #a33d08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a33d08), color-stop(100%,#a33d08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cf5516 0%,#a33d08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cf5516 0%,#a33d08 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cf5516 0%,#a33d08 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cf5516 0%,#a33d08 100%); /* W3C */
	text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
	

}

.menue_item:hover{
	background-color:		#cf5516;
	background: #cf5516; /* Old browsers */
	background: -moz-linear-gradient(top, #ed760d 0%, #cf5516 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed760d), color-stop(100%,#cf5516)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ed760d 0%,#cf5516 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ed760d 0%,#cf5516 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ed760d 0%,#cf5516 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ed760d 0%,#cf5516 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed760d', endColorstr='#cf5516',GradientType=0 ); /* IE6-9 */	
	
	-webkit-transition: 		all 0.80s ease-in-out;
	-moz-transition: 			all 0.80s ease-in-out;
	-ms-transition: 			all 0.80s ease-in-out;
	-o-transition: 				all 0.80s ease-in-out;
}


.menue_item2{

}

.menue_a{
	position:	relative;
	display:	table-cell;
	text-decoration : none;
}

.menue_active{
	background-color:		#cf5516;
	background: #cf5516; /* Old browsers */
	background: -moz-linear-gradient(top, #ed760d 0%, #cf5516 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed760d), color-stop(100%,#cf5516)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ed760d 0%,#cf5516 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ed760d 0%,#cf5516 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ed760d 0%,#cf5516 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ed760d 0%,#cf5516 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed760d', endColorstr='#cf5516',GradientType=0 ); /* IE6-9 */	
}




/* Mobilansicht --------------------------------------------------------- */


@media all and (max-width: 800px) {
	.headerline{
		position:					fixed;
		font-family: 				"Oxygen", sans-serif;
		font-weight:				700;
		top:						-20px;
		left:						-15px;
		display:					block;
		background: 			rgb(0,99,132);
		background: 			linear-gradient(0deg, rgba(0,99,132,1) 8%, rgba(0,140,186,1) 100%);
		border-bottom-style:		solid;
		border-bottom-width:		1px;
		border-bottom-color:		#e9e9e9;
		width:						100%;
		height:						100px;
		padding-left:				35px;
		color:						#FFFFFF;
		font-size:					21px;
		padding-top:				18px;
		margin-bottom:				2px;
		white-space: 				nowrap;
		/*#aa0000;*/
		z-index:					500;
		
		padding-left: 				12px;
		padding-right: 				100px;
		text-align: 				left;
		
    -webkit-box-shadow: 		0px 0px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 			0px 0px 4px rgba(0,0,0,.4);
	box-shadow: 				0px 0px 4px rgba(0,0,0,.4);
	}
	
	
	.menue{
		display:					none;
	}
	.mobileburger{
		position: 					absolute;
		top: 50px;
		right: 90px;
		width: 						50px;
		height: 					35px;
		font-size: 					22px;
	}
	#mobilemenue{
		position:					fixed;
		top:						100px;
		left:						0px;
		width:						100%;
		-webkit-transition: 		all 0.3s ease;
		-moz-transition: 			all 0.3s ease;
		-o-transition: 				all 0.3s ease;
		transition: 				all 0.3s ease;
		
		background-color:			white;
		z-index:					99999;
		
		background-color:			#FAFAFA;
	}
	.mobileFlex{
		display:					flex;
		flex-direction: 			row;
		flex-wrap: 					wrap;
		justify-content:			center;
		text-decoration: 			none;
	}
	.mobileFlex a{
		text-decoration: 			none;
	}
	.menueItem{
		margin:						15px 2% 0px 2%;
		flex:						1 1 42%;
		padding:					10px 10px;
		background-color:			rgb(0,99,132);
		font-family: 				"Be Vietnam Pro", sans-serif;
		font-weight:				400;
		font-size:					14px;
		color:						#ffffff;
		text-decoration: 			none;
	}
	.menueItem2{
		margin:						8px 2% 0px 2%;
		flex:						1 1 42%;
		padding:					6px 10px;
		background-color:			#f2f2f2;
		font-family: 				"Be Vietnam Pro", sans-serif;
		font-size:					11px;
		color:						#767676;
		text-decoration: 			none;
	}
	.menueclosed{
		display:					none;
	}
	.menueopened{

		display:					block;
		height:						fit-content;
		padding-bottom:				10px;
		-webkit-box-shadow: 		1px 1px 3px 1px rgba(0,0,0,0.17);
		-moz-box-shadow: 			1px 1px 3px 1px rgba(0,0,0,0.17);
		box-shadow: 				1px 1px 3px 1px rgba(0,0,0,0.17);
		-webkit-transition: 		all 0.6s ease;
		-moz-transition: 			all 0.6s ease;
		-o-transition: 				all 0.6s ease;
		transition: 				all 0.6s ease;
	}
	
	#mobilemenue ul{
		margin-top:					20px;
		margin-left:				10px;
		list-style-type: 			none;
		padding-left: 				15px;
	}
	
	#mobilemenue ul li {
		display:					block;
		margin-bottom:				30px;
	}
	#mobilemenue ul li div:nth-child(1){
		width:						20px;
		height:						20px;
		margin-top:					5px;
		background-color:			#CE5716;
	}
	#mobilemenue ul li div:nth-child(2){
		padding-left:				35px;
		width:						calc(100% - 80px);
		font-size:					20px;
		/*background-color:			grey;*/
		margin-top:					-22px;
	}
	#mobilemenue ul li a{
		text-decoration:			none;
	}
	
}

/* Userstyles */
.C1{color: #008cba;}
.C1bg{background-color: #008cba;}
.C1 a:hover{color: #008cba;}
.BCA:hover {
	border-color: #ffa800;
	-webkit-box-shadow: 	1px 1px 6px 1px rgba(255,168,0,0.8);
	-moz-box-shadow: 		1px 1px 6px 1px rgba(255,168,0,0.8);
	box-shadow: 			1px 1px 6px 1px rgba(255,168,0,0.8);
}
/* Kategorien */
.k0{background-color:	#406ae1;	}
.k1{background-color:	#ce5716;	}
.k2{background-color:	#e30850;	}
.k3{background-color:	#7800ff;	}
.k4{background-color:	#11c9d0;	}
.k5{background-color:	#86d903;	}
.k6{background-color:	#cfad19;	}
/* Menü: Orderprozess */
.active{
	background-color:			#008cba;
	border-color:				#008cba;
}
