body {
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
}

header {
	margin: 0;
	padding: 0;
	background-color: gray;
}

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

.news {
	position: absolute;
	top: 40%;
	left: 45%;
	transform: translate(-50%, -50%);
	color: rgba(75, 228, 14, 0.973);
	font-size: 150%;
	font-weight: bold;
}


#teaser {
	width: 100%;
	height: 200px;
}

#teaser img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (min-width: 800px) {
	#teaser {
		height: 400px;
	}
	.news {
		font-size: 250%;
	}
}

nav {
	position: sticky;
	top: 0;
	backdrop-filter: blur( 8px );
}

nav ul,
footer ul {
	list-style-type: none;
	margin: 0;
	padding: 24px 0 24px 0;
}

nav ul li a,
footer ul li a {
	font-weight: 500;
	padding: 16px;
}

main {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}

/* Impressum und Datenschutz*/
#weitere {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}

/* Kontakt*/
.table-fixed {
	table-layout: fixed;
	width: 400px;
	margin: 0 auto;
	align-items: center;
}
#tel-mail {
	font-size: 1.2em;
}
.kontakt {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	text-align: center;
}
.angebot h2 {
	font-size: 110%;
}
.angebot h1 {
	font-size: 150%;
}