/* PAGE */
	html {
		height:100%;
		min-height:100%;
	}
	body {
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
		position: absolute;
		margin: 0;
	}
	.hide {
		display: none;
	}
	@media only screen and (max-width:750px){
		.noMobile {
			display: none !important;
		}
	}
	.onlyMobile {
		display: none;
	}
	@media only screen and (max-width:750px){
		.onlyMobile {
			display: block !important;
		}
	}
	a {
		text-decoration: none;
		border: none;
	}
	.container {
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
		position: absolute;
	}
	
	
	/* VIDEO BACKGROUND */
	.videoBackground {
		position: absolute;
		right: 0;
		top: 0;
		min-width: 100%;
		min-height: 100%;
	}

	
	
	
	

/* FONTS */
	/* GOOGLE FONTS */
		/* latin-ext */
		@font-face {
		  font-family: 'Oswald';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
		  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
		}
		/* latin */
		@font-face {
		  font-family: 'Oswald';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
		}
		/* latin-ext */
		@font-face {
		  font-family: 'Roboto';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
		  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
		}
		/* latin */
		@font-face {
		  font-family: 'Roboto';
		  font-style: normal;
		  font-weight: 400;
		  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
		  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
		}
	/* FONT TAGS */
	h1 {
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;	
	} 
	h2 {
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		font-weight: normal;
	} 
	h3 {
		font-family: 'Oswald', sans-serif;		
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		font-size: 18px;
		font-weight: normal;
	} 
	p {
		font-family: 'Roboto', sans-serif;
	}


	/* COLORS */
	.yellowFont {
		color: #EEFF00 !important;
		-webkit-transition: color 0.5s; /* Safari */
		transition: color 0.5s;
	}
	.biggerFont {
		font-size: 1.2em;
	}
	.whiteFont {
		color: #F2F2F2;
	}
	.smallerFont {
		font-size: 0.8em !important;
	}

/* HEADER */ 
.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* mittiges Logo */
 .logoContainer {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 50%;
	width: 100%;
	margin-left: -12vw;
	top: 50%;
	margin-top: -20vw;
^ }
   @media screen and (max-width: 750px) and (orientation:portrait)  {
	  .logoContainer {
		margin-top: -45vw;
		margin-left: -30vw;
	  }	
  }
.logo {
	width: 24vw;
	padding: 0;
	left: 0;
 }
   @media screen and (max-width: 750px) and (orientation:portrait)  {
	  .logo {
		width: 60vw;
	  }	
  }


 /* MENU */
.menu {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8vw;
	margin-top: -2vw;
	color: transparent;	
	-webkit-background-clip: text;
}
  @media screen and (max-width: 750px) and (orientation:portrait)  {
	  .menu {
		margin-left: -14vw;	
	  }	
  }
.menuEntry {
	text-transform: uppercase;
	text-align: center;
	font-family: "Oswald";
	font-size: 1.5vw;
	position: absolute;
	width: 16vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
	background-color: rgba(242, 242, 242, 0.1);
	border: none;
	color: #f2f2f2;
	box-shadow: 0 0 2px #f2f2f2;
	text-shadow: 0 0 1px #000;
	border-radius: 2px;
 }
@media screen and (max-width: 750px) and (orientation:portrait)  {
	.menuEntry {

		font-size: 5vw;
		width: 28vw;
	 }
 }
 #menuEntry1 {
	margin-left: -17vw;
 }
 @media screen and (max-width: 750px) and (orientation:portrait)  {
	 #menuEntry1 {
		margin-left: -30vw;
	 }
 }

 #menuEntry2 {
	 margin-left: 0;
 }
  @media screen and (max-width: 750px) and (orientation:portrait)  {
	 #menuEntry2 {
		 margin-left: 0;
	 }	  
  }
  
  #menuEntry3 {
	 margin-left: 17vw;
 }
  @media screen and (max-width: 750px) and (orientation:portrait)  {
	 #menuEntry3 {
		 margin-left: 30vw;
	 }	  
  }
.menuEntry:hover {
	background-color: #EEFF00;
	color: #000;
	border: none;
	cursor: pointer;
}

.threesixtyimg {
	position: absolute;
	width: 4vw;
	left: 50%;
	margin-left: -2vw;
	margin-top: -3.2vw;
}	
  @media screen and (max-width: 750px) and (orientation:portrait)  {
			.threesixtyimg {
			position: absolute;
			width: 14vw;
			left: 50%;
			margin-left: -7vw;
			margin-top: -6.1vw;
		}	
 
  }
 
 
 
 /* FOOTER */
 /* FOOTER */
.footer {
	text-align: center;
	vertical-align:middle;
	width: 100%;
	position: relative;
	float: none;
	clear: both;
	margin: 0 !important;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #f2f2f2;
}
.footerContent {
		display: block-inline;
		margin: auto;
		font-family: 'Oswald', sans-serif;		
		text-transform: uppercase;
		font-size: 12px;
		font-weight: normal;
		margin: auto;
		margin-top: 0;
		bottom: 0;
}
.footerContent a {
		color: #f2f2f2;
}
 .footerContent a:hover {
	color: #EEFF00;
	-webkit-transition: color 0.5s; /* Safari */
    transition: color 0.5s;
 }