/* secondfloor.css */

@media only screen and (min-width: 1040px) {
	body {
		max-width: 985px;
		margin: 0;
		margin-left: calc(100vw - 1035px);
	}
	footer {
		width: 985px;
		left: calc(100% - 985px);
		border-top-left-radius: 0.5vmin;
	}
	#mainNav {
		border-bottom-left-radius: 0.5vmin;
		/* Maße für Safari */
		padding-left: 0.0vmin;
		padding-right: 1.0vmin;
	}
	div#rightAside {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 50px;
		height: 100vh;

		background: linear-gradient(to right, rgb(183, 190, 207) 0%, rgb(183, 190, 207) 20%, rgb(255, 221, 0) 20%, rgb(255, 221, 0) 30%, transparent 30%);
	}
}

@media only screen and (min-width: 1440px) {
	body {
		margin-left: calc(100vw - 1085px);
	}
	footer {
		max-width: 985px;
		border-top-left-radius: 0.5vmin;
	}
	div#rightAside {
		width: 100px;
		height: 100vh;
		background: linear-gradient(to right, rgb(183, 190, 207) 0%, rgb(183, 190, 207) 10%, rgb(255, 221, 0) 10%, rgb(255, 221, 0) 15%, transparent 15%);
	}
}

@media only screen and (min-width: 1670px) {
	body {
		margin-left: calc(100vw - 1150px);
	}
	footer {
		max-width: 985px;
		border-top-left-radius: 0.5vmin;
	}
	div#rightAside {
		width: 165px;
		height: 100vh;
		background: linear-gradient(to right, rgb(183, 190, 207) 0%, rgb(183, 190, 207) 6%, rgb(255, 221, 0) 6%, rgb(255, 221, 0) 9%, transparent 9%);
	}
}