@font-face {
	font-family: "Lora-Regular";
	src: url("../fonts/Lora/static/Lora-Regular.ttf");
}

@font-face {
	font-family: "Lora-Bold";
	src: url("../fonts/Lora/static/Lora-Bold.ttf");
}

@font-face {
	font-family: "Helvetica-Neue";
	src: url("../fonts/HelveticaNeue.ttc");
}

@font-face {
	font-family: "Nimbus-BR";
	src: url("../fonts/Nimbus-Sans-Becker-BR.otf")
}

/*
div {
	border: 1px solid #000000;
}
*/

body {
	display: flex;
	flex-direction: column;
	height: auto;
	background-color: #FFF5E0;
}

.header {
	display: flex;
	width: 100%;
	height: auto;
}

.nav-leiste {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	height: auto;
	justify-content: space-around;
	align-items: center;
	background-color: rgba(20, 30, 70, 1.0);
}

.banner-image {
	height: 65vw;
	width: 100%;
}

.nav-leiste div {
	display: flex;
	text-align: center;
	height: auto;
	width: auto;
}

.nav-leiste div a {
	font-size: 40pt;
	margin: 2.5vh;
	font-family: "Nimbus-BR";
	text-decoration: none;
	color: #ffffff;
}

/* ----- */



/* ----- */

.footer {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 5vh;
	justify-content: center;
	align-items: center;
	background-color: #141E46;
}

.footer a, p {
	font-family: "Helvetica-Neue";
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}