@charset "utf-8";
/* CSS Document */

body{
	display: grid;
	grid-template-rows: 480px 80px 1fr 80px;
	height: 100vh;
	width: 1200px;
	margin: 0 auto 0 auto;
	background-color: black;
}


#header{
	background: url("images/header.jpg")no-repeat;
	background-size: 100% auto;
	
}


#navi{
	text-align: center;
	font-weight: 600;
	
}


#bereich-1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2em;
}

#bereich-2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2em;
}


#footer{
	background: #000000;
	color: white;
	text-align: center;
	padding-top: 28px;
	font-size: 1.3em;
}


a{
	color: white;
	text-decoration: none;
	margin-left: 20px;
	font-size: 1.3em;
}


a:hover{
	text-decoration: underline;
	font-size: 1.4em;
	color: #79565C;
}


section{
	text-align: justify;
}


h2{
	text-align: center;
	color: #E8C794;
}

.abstand {
	padding-top: 2px;
	padding-bottom: 2px;
}