@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);
}

.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;
}

/* ----- */

.galerie-header {
	display: flex;
	flex-direction: column;
	align-self: center;
	align-items: center;
	width: 60%;
	height: auto;
	background-color: #fff5e0;
}

.galerie-header h1 {
	font-family: "Nimbus-BR";
	font-size: 70pt;
	letter-spacing: 2pt;
	margin-top: 5vh;
	margin-bottom: 5vh;
	color: #141e46;
}

.galerie-inhalt p {
	font-family: "Lora-Regular";
	font-size: 18pt;
	margin-bottom: 5vh;
	color: #141e46;
	width: 80%;
	line-height: 20pt;
}

.galerie-inhalt {
	display: flex;
	flex-direction: column;
	align-self: center;
	align-items: center;
	width: 100%;
	height: auto;
	margin-bottom: 5vh;
}

.galerie-inhalt div {
	display: flex;
	flex-direction: column;
	width: 80%;
	height: auto;
}

.galerie-inhalt div img {
	width: 100%;
	aspect-ratio: 3 / 2;
}

.galerie-inhalt div h2 {
	font-family: "Nimbus-BR";
	font-size: 36pt;
	letter-spacing: 2pt;
	margin-top: 2.5vh;
	color: #141e46;
}

.galerie-inhalt div p {
	font-family: "Lora-Regular";
	font-size: 18pt;
	margin-top: 2.5vh;
	margin-bottom: 5vh;
	color: #141e46;
}

/* ----- */

.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;
}