body{
			font-family: NeuzeitGroteskRegular,Helvetica,sans-serif;
			width: 100%;
			margin:0;
			height:auto;
			position: relative;
			min-height: 100vh;
			padding-bottom: 100px;
			}

		footer{
			position: absolute;
			bottom: 0;
			width: 100%;
			}

		header{
			display: inline;
			position: fixed;
	  		z-index:20;
	  		width: 100%;
	    	background-color:#1c75b9;
	    	border-bottom-color: orange;
	  		border-bottom-style: solid;
			}

		.container-fluid{
			padding: 0px;
		}

		#logo{
			position: absolute;
			width: 0px;
			}

		#navbar{
	    	text-align:center;
	    	color:#1e1e1e;
	    	padding-top: 30px;
	    	padding-bottom: 30px;
	  		display: block;
	  		height: 7,5vw;
	  		margin-bottom: 0px;
	  		transition: 0.4s;
			}

		#navbar > a {
			padding: 15px;
			padding-left: 30px;
			padding-right: 30px;
			text-align: left;
			line-height: 10px;
			font-size: 17px;
			font-size-adjust: auto;
			font-weight: lighter;
			width:60vw;
			color: white;
			text-decoration: none;
			}

		#navbar >a:hover {
			color: orange;
			}

		.projektemenu {
			display: none;
			text-align: center;
			}

		.projektemenu > a {
			display: inline-grid;
			padding: 15px;
			line-height: 10px;
			font-size: 13px;
			font-size-adjust: auto;
			font-weight: lighter;
			width:60vw;
			color: white;
			text-decoration: none;
			}

		.projektemenu >a:hover {
			color: orange;
			}

		.changeprojektemenu {
			display: block;
			}

		#english1 {
			display: inline-block;
			text-align: right;
			padding-top: 30px;
	    	padding-bottom: 30px;
	    	padding-right: 30px;
	  		display: block;
	  		height: 7,5vw;
	  		padding-left: 30px;
			}

		#containerMenu {
  			display: inline;
			}

		.containerBar {
			display: none;
			float: right;
			cursor:pointer;
			height: 80px;
			}

		.burger {
			display: none;
			position: relative;
			float: right;
			cursor:pointer;
			margin-bottom: 21px;
			margin-top: 21px;
			transition-timing-function: ease-out;
			transition: 0.4s;
			}

		#bar1, #bar2, #bar3 {
  			width: 30px;
  			height: 1px;
  			background-color: white;
  			margin: 8px;
  			transition: 0.4s;
			}

		.changebar1 {
  			-webkit-transform: rotate(-45deg) translate(-6px, 5px);
  			transform: rotate(-45deg) translate(-6px, 5px);
			}

		.changebar2 {opacity: 0;}

		.changebar3 {
 			-webkit-transform: rotate(45deg) translate(-7px, -7px);
  			transform: rotate(45deg) translate(-7px, -7px);
			}

		.BurgerMenu {
			display: none;
  			position: relative;
  			background-color: #1c75b9;
  			color: white;
  			margin-top: 80px;
  			z-index: 1;
  			height: 0%;
  			transition: 0.4s;
  			transition-timing-function: ease-out;
			}

		.BurgerMenu > a {
			color: white;
  			padding: 12px 16px;
  			text-decoration: none;
  			display: block;
  			font-size: 20px;
  			font-weight: lighter;
			}

		.changeBurgerMenu {
			display: block;
			height: 100%;
			}

		.BurgerMenu > a:hover {
			color: orange;
			}

		.textcontainer{
			background-color: rgba(28, 117, 185, 0.6);
			float: right;
			margin-left: 12vw;
			margin-right: 12vw;
			margin-top: 50px;
			margin-bottom: 50px;
			padding-left: 30px;
			padding-right: 30px;
			position: relative;
			color: black;
			font-size: calc(10px + 0.6vw);
			max-width: 1000px
		}

		p {
			padding-bottom: 20px;
			opacity: 1;
		}

		.projectcontainer {
			min-height: 100px;
			display: inline-block;
			width: 100%;
			padding-top: 5vw;
			padding-bottom: 5vw;
			border: 2px solid;
			border-color: orange;
			text-align: center;
			padding-left: 20px;
			padding-right: 20px;
			margin-bottom: 20px;
			border-radius: 5px;
			opacity: 1;
			transition-timing-function: ease-in;
			transition: 0.5s;
			background-size: 30vw;
			background-position: center top;
		}

		.projectcontainer:hover {
			cursor: pointer;
			background-size: 35vw;
			text-decoration: none;
		}

		.projectcontainertext {
			opacity: 1;
			color: white;
			font-size: calc(14px + 0.7vw);
		}

		.projectcontainer:hover .projectcontainertext {
			opacity: 1;
			color: orange;
		}

		.parallax {
			background-attachment: fixed;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.parallax-1 {
			background-attachment: fixed; 
			background-position: top;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.parallax-2 {
			background-attachment: fixed; 
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		@media only screen and (max-width: 768px) {
			#navbar { display: none; }
			#english1 { display: none; }
			.burger {display: inline-block;}
			.containerBar {display: inline-block;}
			.projectcontainer {background-size: cover;}
			.projectcontainer:hover {background-size: cover;}
			.parallax {background-size: cover; background-attachment: scroll;}
			.parallax-1 {background-size: cover; background-attachment: scroll; background-position: bottom;}
			.parallax-2 {background-size: cover; background-attachment: scroll;}
			.textcontainer{margin:0; margin-top: 20px;}
			}

		@media only screen and (max-width: 992px) {
			.projectcontainertext {font-size: calc(10px + 0.5vw); font-weight: normal;}
			}

		.come-in {
		  transform: translateY(150px);
		  animation: come-in 0.8s ease forwards;
		}
		.come-in:nth-child(odd) {
		  animation-duration: 0.6s;
		}
		.already-visible {
		  transform: translateY(0);
		  animation: none;
		}

		@keyframes come-in {
		  to { transform: translateY(0); }
		}

		.projektetext {
			padding-top: 20px;
			padding-bottom: 20px;
			font-size: calc(12px + 0.4vw);
			position: relative;
			color: black;
		}

		.text {
			color: white; 
			font-weight: lighter; 
			padding-left: 0px;
		}

		.text a {
			padding-bottom: 0px; 
			margin-bottom: 0px; 
			text-decoration: none; 
			float: right; 
			font-weight: normal;
			color: orange;
		}

		.text a:hover {
			color: white;
		}

		.textpress {
			color: white; 
			font-weight: lighter; 
			padding-left: 0px;
			font-size: 16px;
			text-align: center;
		}		

		.textpress a {
			display: inline-block;
			margin: 20px;
			margin-top: 10px;
			text-decoration: none; 
			float: right; 
			font-weight: normal;
			color: black;
			border: 2px solid;
			padding: 5px;
			border-radius: 5px;
		}

		.textpress a:hover {
			color: orange;
			background-color: #f9f5ee;
		}

		.required span:after,
		.requiredZweitdaten span:after {
			content: '*';
		}