#banner {
	font-size: 1.06em;
	background-color: #8ABF9C;
}

#banner h1 {
	font-size: 1em;
}

#bg_balken {
	display: none;
}

/* - Seite 1 - */
	#seite1 {
		height: 390vw;
		display: block;
		margin: auto;
		padding-top: 3vw;
	}

	#boxen1 {
		color: rgba(235, 216, 76, 1);
		font-family: "Font-Regular";
		position: absolute;
		top: 45vw;
		left: 5vw;
		cursor: pointer;
		text-align: center;
		font-size: 1.3em;
	}

	.box1 {
		position: relative;
		background-color: rgba(235, 216, 76, 1);
		color: rgba(49, 122, 158, 1);
		margin-bottom: 1.7vw;
		border-radius: 1vw;
		width: 85vw;
		padding: 2%;
		padding-top: 1vw;
		cursor: pointer;
	}

	.box1 img {
		height: 3vw;
		display: block;
		margin: 1.5vw auto 2vw auto;
	}

	.box1 h2 {
		font-size: 1.2em;
		text-align: center;
	}

	.box1 p {
		font-size: 1em;
	}


/* - Seite 2 - */
	#seite2 {
		height: 100vh;
		display: block;
		margin: auto;
		padding-top: 3vw;
	}

	#banner2 {
		position: absolute;
		top: 3vw;
		left: 0vw;
		width: 100vw;
		color: rgba(49, 122, 158, 1);
		text-align: center;
		font-size: 2.5em;
	}

	#banner22 {
		position: absolute;
		top: 13vw;
		left: 0vw;
		width: 100vw;
		color: rgba(49, 122, 158, 1);
		text-align: center;
		font-size: 2.5em;
	}

	#boxen2 {
		top: 12vw;
		left: 25vw;
		width: 55vw;
		color: rgba(235, 216, 76, 1);
		font-family: "Font-Regular";
		position: absolute;
		cursor: pointer;
		text-align: center;

		transition: color 1s;
	}

	.box2 {
		position: relative;
		background-color: rgba(49, 122, 158, 1);
		float: left;
		margin-right: 1.5vw;
		border-radius: 1vw;

		font-family: "Font-Regular";
		width: 23vw;
		height: 24vw;
		padding: 1%;
		padding-top: 1vw;
		cursor: pointer;
		margin-bottom: 2vw;

		transition: color 1s;
	}

	.box2 img {
		height: 3vw;
		display: block;
		margin: 1.5vw auto 2vw auto;
	}

	.box2 h2 {
		font-size: 1.7em;
		text-align: center;
	}

	.box2 p {
		font-size: 1.5em;
	}

	#button2 {
	position: absolute;
	top: 42vw;
	left: 45vw;
	width: 10vw;
	background-color: rgba(235, 216, 76, 1);
	color: rgba(49, 122, 158, 1);
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
	padding: 0.5vw;
	border-radius: 1vw;
	z-index: 1001;
	}

/* - Seite 3 - */
	#boxbreit3 {
		font-family: "Font-Regular";
		position: absolute;
		left: 15vw;
		top: 10vw;
		width: 67vw;
		height: 25vw;
		padding: 1.5vw;
		padding-top: 1vw;
		cursor: pointer;
		font-size: 1.5em;

		transition: color 1s;

		color: rgba(49, 122, 158, 1);
		background-color: rgba(235, 216, 76, 1);
		border-radius: 1vw;
		text-align: center;
	}

/* - Seite 4 - */
	#seite4 {
		height: 70vw;
		display: block;
		margin: auto;
		padding-top: 3vw;
	}

	#boxen4 {
		top: 5vw;
		left: 15vw;
		width: 80vw;
		color: rgba(49, 122, 158, 1);
		font-family: "Font-Regular";
		position: absolute;
		cursor: pointer;
		text-align: center;

//		border: 1px solid green;

		transition: color 1s;
		text-align: center;
		font-size: 1.5em;
		align-content: center;
	}

	.person_box {
		position: relative;
		left: 0;
		width: 32vw;
		color: rgba(49, 122, 158, 1);
		font-family: "Font-Regular";
		float: left;
		margin-right: 5vw;
		margin-bottom: 2vw;
		text-align: left;

//		border: 1px solid red;

		transition: color 1s;
	}

	.person_box h3 {
		position: absolute;
		top: 2vw;
		left: 12vw;
		transition: color 1s;
	}

	.person_box p {
		position: absolute;
		top: 5vw;
		left: 12vw;
		transition: color 1s;
	}

	.person_box img {
		width: 10vw;
		border-radius: 5vw ;
		-moz-border-radius:  5vw;
		-webkit-border-radius:  5vw;
	}

	.box4 {
		position: relative;
		color: rgba(235, 216, 76, 1);
		background-color: rgba(49, 122, 158, 1);
		float: left;
		margin-right: 1.7vw;
		margin-bottom: 1.7vw;
		border-radius: 1vw;

		font-family: "Font-Regular";
		width: 23vw;
		height: 15.5vw;
		padding: 1%;
		padding-top: 1vw;
		cursor: pointer;

		transition: color 1s;
	}

	#box4_4 {
		margin-left: 12vw;
	}

/* - Seite 5 - */
	#bg5 {
		height: 35vw;
		display: block;
		margin: auto;
		padding-top: 3vw;
	}