/* Responsives Layout: Bei kleinen Browserfenster (< 45 % der Gesamtbreite) wird der Inhalt untereinander, sonst nebeneinander dargestellt

	+++NICHT ÄNDERN - START+++ */
@media (min-width: 45em) {body {grid-template-columns: 1fr 3fr; grid-template-rows: auto 1fr auto;}}
body {display: grid;gap: 20px; margin: 0 auto; max-width: 60em; margin: 20px auto;}
header {grid-column: 1 / -1;}
footer {grid-column: 1 / -1;}
nav ul {list-style-type: none;}
nav li {padding-top: 3px;}
nav a {height: 25px; width: 160px; text-decoration: none; color: white; line-height: 25px; display: block; padding-left: 5px;}
nav a:link, nav a:visited {background-color: #666666;}
nav a:hover, nav a:active {background-color: #ffcc66; color: black;}
/* +++NICHT ÄNDERN - Ende+++ */

/* +++ AB HIER KÖNNEN SIE DIE CSS-DATEI VERÄNDERN */
body {/*Formatierung sichtbarer Bereich*/
	font-family: Verdana;
}

header { /*Formatierung Kopfbereich*/
	background: #F1F3F4;
}

nav {/*Formatierung Navigation*/
	background: #F1F3F4;
}

main {/*Formatierung Hauptbereich*/
	background: #F1F3F4;
}

footer {/*Formatierung Fussbereich*/
	background: #F1F3F4;
}