#banner {
	display: flex;
	flex-direction: row;
}
html {
	background-color: #ddd;
	scroll-padding-top: 300px;
	scroll-behavior: smooth;
}

header {
	background-color: #ddd;
	padding: 10px 0;
}
#logo {
	height: 10em;
}
#site_heading {
	font-size: 400%;
	display: block;
}
body {
	background-color: #ddd;
	font-size: 100%;
	display: grid;
}
footer {
	background-color: #444;
	padding: 10px 0 30px 20px;
	align: center;
}
footer p {
	color: lightgrey;
	padding: 3px;
}
footer a {
	color: lightgrey;
	padding: 5px;
}
img {
	max-width: 100%;
	background-color: #ddd;
}
nav {
	position: sticky;
	top: 10px;

}
ul.navbar {
	list-style-type: none;
	margin: 0 15px;
	padding: 0;
	overflow: auto;
	background-color: #fff;
	border-radius: 5px;
}
li.navbar {
	float: left;
	border-right: 1px solid #f75;
}
li.navbar a {
	display: block;
	color: red;
	font-size: 1.2em;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	transition: background-color 0.5s;
}
li.navbar strong{
	color: #bbb;
	padding: 14px 16px;
	background-color: red;
}
li.navbar:last-child {
	border-right: none;
	border-left: 1px solid #f75;
	float: right;
}
li.navbar a:hover {
	background-color: #ddd;
	color: #f75;
}
ul.heading {
	list-style-type: square;
}
.link {
	padding: 5px;
	background-color: orange;
	color: #000;
	transition: background-color 0.2s;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
}
.link:hover {
	background-color: red;
}
h3:target {
	color: red;
}
#unten {
	float: right;
}