body {
	margin: 0;
	padding: 0;
}

#logo-container {
	background-color: cadetblue;
	width: 10%;
	height: 10%;
	position: absolute;
	top: 0%;
	left: 0%;

	display: flex;
	align-items: center;
	justify-content: center;
}

#logo-container img {
	display: block;
	height: 100%;
	margin: auto;
}

#navbar-container {
	background-color: rgb(155, 207, 209);
	width: 90%;
	height: 10%;
	position: absolute;
	top: 0%;
	left: 10%;
}

#navbar-container a,
#navbar-container a:visited {
	float: left;
	width: 20%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;

	text-decoration: none;
	color: rgb(4, 60, 116);
}

#navbar-container a:hover {
	background-color: rgb(225, 236, 236);
}

.content-container {
	background-color: rgb(229, 228, 222);
	width: 100%;
	height: 90%;
	position: absolute;
	top: 10%;
	left: 0%;
	text-align: center;
}

.buch-element {
	float: left;
	background-color: rgb(210, 194, 168);
	height: 150px;
	width: 18%;
	padding: 1.5em 0;
	margin: 10px 1% 10px 1%;
}

@media screen and (max-width: 700px) {

	#logo-container img {
		max-width: 100%;
		height: auto;
	}

	#navbar-container a,
	#navbar-container a:visited {
		font-size: 0.7em;
	}

	.buch-element {
		float: none;
		width: 98%;
		position: static;
		font-size: 0.9em;
	}
}