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

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

#bg_balken {
	display: none;
}

/* - Seite 1 - */
#seite1 {
	height: 160vw;
}

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

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

		font-family: "Font-Regular";
		width: 85vw;
		padding: 2%;
		padding-top: 1vw;
		cursor: pointer;

		transition: color 1s;
	}

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

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


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

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

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

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

.box2 img {
	height: 10vw;
	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 - */

#seite3 {
	height: 340vw;
	display: block;
	margin: auto;
	padding-top: 3vw;
}

#boxbreit3 {
	font-family: "Font-Regular";
	position: absolute;
	left: 5vw;
	top: 10vw;
	width: 85vw;
	padding: 1.5vw;
	padding-top: 1vw;
	cursor: pointer;
	font-size: 1.3em;

		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: 240vw;
	display: block;
	margin: auto;
	padding-top: 3vw;
}

#boxen4 {
	top: 5vw;
	left: 10vw;
	color: rgba(49, 122, 158, 1);
	position: absolute;
	cursor: pointer;
	text-align: center;
	transition: color 1s;
	text-align: center;
	font-size: 1em;
	align-content: center;
}

	.person_box {
		position: relative;
		left: 0;
		width: 80vw;
		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 {
		font-size: 1.1em;
		position: absolute;
		top: 0vw;
		left: 26vw;
		transition: color 1s;
	}

	.person_box p {
		font-size: 1em;
		position: absolute;
		top: 7vw;
		left: 26vw;
		transition: color 1s;
	}

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