/* standard_css.css */

@media (max-width:1300px) {
	body {
		font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		background-color: whitesmoke;
	}
}

@media (min-width:1301px) {
	body {
		font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		background-color: whitesmoke;
	}
}

body {
	display: grid;
	grid-template-columns: 225px 1fr 120px;
	grid-template-rows: 85px 1fr 95px;
}

@media screen {
	main {
		grid-column: 2;
		grid-row: 2;
		margin-left: 0px;
	}
	footer {
		grid-column: 1 / span 3;
		grid-row: 3;
	}
	aside {
		grid-column: 3;
		grid-row: 2;
		width: 110px;
		position: relative;
	}
	header {
		grid-column: 1 / span 3;
		grid-row: 1;
	}
	nav {
		grid-column: 1;
		grid-row: 2;
		float: none;
		position: relative;
	}
	aside p {
		font-size: 10px;
	}
	aside nav {
		padding: 10px;
		margin-left: 3px;
		margin-right: 2px;
		border-style: solid;
		border-radius: 15px;
		border-width: 0px;
		background-color: gainsboro;
		width: 120px;
		position: fixed;
		font-size: 10px;
	}
	aside nav a {
		color: navy;
	}
	aside nav a:link {
		color: navy;
		text-decoration: none;
	}
	aside nav a:focus {
		color: red;
		font-weight: normal;
	}
	aside nav a:hover {
		color: red;
		font-weight: normal;
	}
	aside nav a:active {
		color: red;
		font-weight: normal;
	}
}

.teilenummer {
	color: green;
}

figure {
	margin: 0.5rem;
}