/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*Pfeil in Unicode \u{000025B6}\u{0000FE0E} */

/*Variablen*/
:root {
	--Farbe1: #7A5B6D;
	--Farbe2: #35336d;
	
}
.noneselect {
	-webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.notvisible {
	display:none;
}
.StyleHoverMenu {
    -webkit-transition: all 300ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 300ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 300ms ease-in;
    -moz-transform: scale(1);
    transition: all 300ms ease-in;
    transform: scale(1);   
}
.StyleHoverMenu:hover {
    transform-origin: 50% 40%;
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
    color:#FFF;
}

html {
	background-color:#FFF;
}

body {
	margin:0px;
	padding:0px;
	font-family: 'ralewayregular';
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
}


p, b, i, h1, h2, h3, h4, h5 {
	font-family: 'ralewayregular';
	font-weight:400;
}

h1 {
	font-family: 'ralewaymedium';
	font-size: 32px;
	color: var(--Farbe2);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding: 10px 0 30px 0;
}
h2 {
	font-family: 'ralewaymedium';
	font-size: 28px;
	color: var(--Farbe1);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding: 10px 0 30px 0;
}
h2 > b {
	
}
h3 {
	font-size: 1.5em;
	line-height:1.3em;
	color:#FFF;
	letter-spacing: 3px;
}
h4 {
	font-size: 1.2em;
	padding: 0.3em 0 0.8em 0;
	line-height:1.4em;
}
h5 {
	font-size: 1em;
	padding: 0.1em 0 0.8em 0;
	line-height:1em;
}
p {
	border:0px solid brown;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: 40px;
}




#SEITE {
	border:0px solid green;
	z-index:200;
	position:relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	background-image:url(../pic/HintergrundFOODGIRLS.jpg);
	background-size:500px 800px;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: left center;
}



#SEITE_Mitte_Startseite {
	border:0px dotted green;
	position:relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color:rgba(220,160,140,0);
	min-height:100vh;
	max-width:900px;
	width: 80%;
}
#SEITE_Mitte_Inhalt_Startseite {
	border:0px solid green;
	z-index:300;
	display: flex;
	flex-direction: column;
	align-items: center;
	position:relative;
	min-height:50vh;
	width:100%;
	background-color:rgba(220,160,140,0);
	margin-top: -80px;
}

#SEITE_Mitte_Inhalt_Startseite_Emblem {
	border:0px solid red;
	position:absolute;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 2258 2506'%3E%3Cpath d='M0 0h2480.32v3507.87H0z' style='fill:none' transform='scale(.9102 .71438)'/%3E%3Cpath d='M455.998 1179.44H340.134v55.99l-86.152-86.15 86.152-86.15v56h85.801c-7.193-10.7-11.38-23.5-11.38-37.25 0-37.19 30.615-67.43 68.51-67.9-122.38-48.09-209.11-167.35-209.11-306.706 0-132.885 78.86-247.495 192.294-299.546-15.164-20.979-17.455-49.528-3.471-73.223 19.156-32.459 61.646-43.597 94.826-24.857-19.157-32.459-7.771-74.026 25.408-92.766 12.078-6.822 25.39-9.685 38.361-9.001a91.182 91.182 0 0 0 77.02-35.753C805.962 30.833 975.654-60.668 1166.59-61.46v-.005l1.25.001 1.24-.001c.01.001.01.003.01.005 190.93.792 360.62 92.293 468.19 233.588a91.19 91.19 0 0 0 77.02 35.753c12.97-.684 26.29 2.179 38.36 9.001 33.18 18.74 44.57 60.307 25.41 92.766 33.18-18.74 75.67-7.602 94.83 24.857 13.98 23.695 11.69 52.244-3.47 73.223 113.43 52.051 192.29 166.661 192.29 299.546 0 139.356-86.73 258.616-209.11 306.706 37.9.47 68.51 30.71 68.51 67.9 0 13.75-4.19 26.55-11.38 37.25h85.8v-56l86.15 86.15-86.15 86.15v-55.99h-115.86c9.44 19.48 9.28 43.04-2.57 63.12-19.16 32.46-61.64 43.59-94.82 24.85 13.02 22.07 11.93 48.34-.53 68.79 12.98 30.11 67.03 159.14 67.03 218.52 0 38.52-31.27 69.8-69.8 69.8s-69.81-31.28-69.81-69.8c0-51.75 41.06-156.4 60.2-202.37l-167.92 221.21c13.49 31.38 66.72 158.89 66.72 217.81 0 38.53-31.28 69.8-69.8 69.8-38.53 0-69.81-31.27-69.81-69.8 0-58.92 53.24-186.43 66.73-217.81l-40.68-53.59a81.196 81.196 0 0 0-59.15-31.91c-23.4-1.6-46.35 7-62.93 23.59l-224.18 224.18a72.564 72.564 0 0 1 26.4-4.47c17.72-.3 34.67 5.85 46.58 16.53 28.06 25.19 28.06 75.57 0 125.95-19.65 37.79-70.16 75.57-112.26 100.76-.41-.25-.83-.5-1.24-.75-.42.25-.83.5-1.25.75-42.09-25.19-92.61-62.97-112.25-100.76-28.06-50.38-28.06-100.76 0-125.95 11.9-10.68 28.86-16.83 46.57-16.53 8.74-.15 17.72 1.26 26.41 4.47l-224.186-224.18a81.147 81.147 0 0 0-62.929-23.59 81.17 81.17 0 0 0-59.145 31.91l-40.684 53.59c13.493 31.38 66.726 158.89 66.726 217.81 0 38.53-31.278 69.8-69.805 69.8-38.527 0-69.805-31.27-69.805-69.8 0-58.92 53.233-186.43 66.726-217.81l-167.924-221.21c19.138 45.97 60.197 150.62 60.197 202.37 0 38.52-31.278 69.8-69.805 69.8-38.526 0-69.805-31.28-69.805-69.8 0-59.38 54.058-188.41 67.031-218.52-12.453-20.45-13.543-46.72-.522-68.79-33.18 18.74-75.67 7.61-94.826-24.85-11.847-20.08-12.013-43.64-2.566-63.12Z' style='fill:%23FFFBF4' transform='matrix(1.21803 0 0 1.21804 -296.281 93.186)'/%3E%3C/svg%3E");
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-filter: drop-shadow( 2px 2px 11px rgba(0, 0, 0, .5));
  	filter: drop-shadow( 2px 2px 11px rgba(0, 0, 0, .5));
	width: 100%;
	aspect-ratio: 1 / 1.2;
	
}
#BLOCK_Logo_Foodgirls_Startseite {
	border:0px solid red;
	display: flex;
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 0.56;
	background-image:url(../pic/LogoFOODGIRLS.svg);
	background-size:82%;
	background-repeat: no-repeat;
	background-position: center 97%; 
	-webkit-filter: drop-shadow( 1px 1px 2px rgba(103, 44, 44, .5));
	filter: drop-shadow( 1px 1px 2px rgba(103, 44, 44, .5));
}
#BLOCK_Menu_Startseite {
	border:0px solid red;
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 0.20;
}
#BLOCK_Menu_Startseite_foodwagon, #BLOCK_Menu_Startseite_catering {
	border:0px solid blue;
	display: flex;
	flex: 0 0 46%;
	height: 100%;
	align-items: center;
}
#BLOCK_Menu_Startseite_Ort {
	border:0px solid blue;
	text-align: center; 
	width: 100%;
	font-family: 'ralewaysemibold';
	font-size: clamp(.4em, 2.0vw, 1.6em);
	letter-spacing:5px;
	color:#777;
}
#BLOCK_Menu_Rubriken {
	border:0px solid blue;
	width: 100%;
	aspect-ratio: 1 / 0.20;
	display: flex;
	flex-direction: row;
}
#BLOCK_Menu_Startseite_foodwagon {
	justify-content: flex-end;
	margin-right: 3%;
}
#BLOCK_Menu_Startseite_catering {
	margin-left: 3%;
}

#BLOCK_Menu_Startseite_foodwagon_Rahmen, #BLOCK_Menu_Startseite_catering_Rahmen {
	border:0px solid red;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	width: 64%;
	height: 30%;
	border-radius: 70px;
	background-color: #B99AC3;
	color: #FFF;
	font-family: 'ralewaysemibold';
	font-size: clamp(.4em, 2.2vw, 1.6em);
	line-height: 30px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(185,154,195,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(185,154,195,1);
	box-shadow: 0px 0px 10px 0px rgba(185,154,195,1);
	cursor:pointer; 
}	
#BLOCK_Menu_Startseite_foodwagon_Rahmen {
	width: 57%;
	background-color: #ADD3D2;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(173,211,210,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(173,211,210,1);
	box-shadow: 0px 0px 10px 0px rgba(173,211,210,1);

}
#BLOCK_Menu_Startseite_foodwagon_Rahmen:hover {
	background-color: #40B7AB;
}
#BLOCK_Menu_Startseite_catering_Rahmen:hover {
	background-color: #AB57C3;
}







#SEITE_Links {
	border:0px solid blue;
	display: flex;
	justify-content: flex-start;
	flex: 1;
	overflow: hidden;
	min-height:100vh;
}

#SEITE_Links_Flaeche {
	border:0px solid red;
	display: flex;
	position: absolute;
	width: 300px;
	height: 100%;
	min-height:100vh;
	
}
#SEITE_Links_Verlauf_weiss {
	border:0px solid blue;
	display: flex;
	position: absolute;
	width: 300px;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}


#SEITE_Rechts {
	border:0px solid blue;
	display: flex;
	justify-content: flex-end;
	flex: 1;
	overflow: hidden;
	min-height:100vh;
}
#SEITE_Rechts_Flaeche {
	border:0px solid red;
	display: flex;
	position: absolute;
	width: 300px;
	height: 100%;
	min-height:100vh;
	
}

#SEITE_Rechts_Verlauf_weiss {
	border:1px solid blue;
	display: flex;
	position: absolute;
	width: 300px;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}




/**********************************/
/*
@media (max-width: 800px) {
	
	#MENU_Mitte_Rahmen {
		position:absolute;
	}
	
	#SEITE {
		justify-content: flex-start;
		flex: 0 0 100%;
	}
	#SEITE_Mitte {
		min-width: 800px;
		flex: 0 0 100%;
	}
	
	#SEITE_Links, #SEITE_Rechts {
		display: none;
	}
	#BACKGROUND {
		display: none;
	}
}
*/





#BLOCK_Start {
	border:0px solid red;
	padding: 0 6%;
	text-align: center; 
}
.Randabstand {
	padding-left: 100px;
	padding-right: 100px;
}