html, body {
	width: 100%;
	height: 100%;
	/*opacity: 0.5; */
}

body {
	margin-left: -0.1px;
}

img {
	width: 100%;
	height: 50%;
	/* Mit dieser Kode Linie gibt es keine Verzerrung */
	object-fit: cover; 
}

div, header, nav, aisde, footer {
	/*border: 1px solid blue;
	/*margin-bottom: 5px;*
	border-collapse: collapse;*/
	box-sizing: border-box;
}

header, nav, footer {
	width: 100%;
}

header {
	height: 35%;
}

nav {
	padding-left: 2%;
	background-color: skyblue;
	height: 25%x;
	font-size: 1.2em;
}

footer {
	float: left;
	height: 15%;
	color: #47a;
	font-size: 1.0em;
}

a#fLink {
	color: #47a;
	font-size: 1.0em;
	text-decoration: none;
}

a#fLink:hover {
	color: #147;
	text-decoration: underline;
}

div#inhalt, aside {
	float: left;
	height: 280%;
}

div#inhalt {
	width: 80%;
	background-color: gold;
}

aside {
	background-color: lightgrey;
	width: 20%;
}

/* Diese kode wechseln die "demoClass" farbe zu rot */
.democlass {
    color: red;
}