html, body{
	font-family: sans-serif;
	font-size:16px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	background-color:#3B3B3B;
	overflow: hidden;
	box-sizing: border-box;
	height: 100%;
}

/*---------------------------------------------------------------------- Overlay ----------------------------------------------------------------------*/

#overlay{
	height: 100%;
	width: 100%;
	background: url(images/DVAG_2.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	z-index: 2;
	opacity: 0;
	animation: cover 60s infinite;
}

/*---------------------------------------------------------------------- Layout ----------------------------------------------------------------------*/

.header{
	grid-area: header;
}

.container{
	height: 100%;
	display: grid;
	grid-template-rows: 46px auto 72px;
	grid-template-columns: auto auto 25%;
	grid-template-areas: 
		'header header header'
		'main main right'
		'footer footer footer';
}

.grid-container{
	height: 100%;
	display: grid;
	grid-template-rows: auto auto;
	grid-gap:5px;
	grid-template-areas: 
		'Stock1 Stock2'
		'Stock3 Stock4'; 
}

.main{
	grid-area: main;
	padding: 5px;
}

.right{
	grid-area: right;
	padding: 5px;
	padding-left: 0px;
}

.footer {
	grid-area: footer;
}

/*---------------------------------------------------------------------- Animationen ----------------------------------------------------------------------*/

@keyframes cover{
	3%{
		opacity: 1;
	}

	5%{
		opacity: 1;
	}

	8%{
		opacity: 0;
	}

}