.container { 
  height:100vh; 
  display: grid; 
  grid-template-rows: 120px 1fr 60px; 
  grid-template-columns: 20% 20% 20% 20% 20%; 
} 
header { 
	grid-column-start:1; 
  	grid-column-end:3; 
  	grid-row-start:1; 
  	grid-row-end:2; 
  	padding: 10px;
  	background: #d1e4dd;
  	color:#36648b; 
} 

header_2 {
	grid-column-start:3; 
  	grid-column-end:6; 
  	grid-row-start:1; 
  	grid-row-end:2; 
	padding: 26px;
  	background: #b3dfee;  
  
}
article { 
   grid-column-end:5; 
  grid-row-start:2; 
  grid-row-end:3;
  background:#9e9e9e; 
  grid-column-start:1; 
} 
aside { 
  grid-column-start:5; 
  grid-column-end:6; 
  grid-row-start:2; 
  grid-row-end:3;
  padding: 10px; 
  background:#d1e4dd; 
} 
footer { 
   grid-column-start:1; 
  grid-column-end:6; 
  grid-row-start:3; 
  grid-row-end:4; 
  padding: 10px; 
  background: #d1e4dd;
}

h3{font-family: Arial, Helvetica, Verdana;font-size:14pt;}
h5{font-family: Arial, Helvetica, Verdana;font-size:12pt;}



	/* Navigation */

nav > ul {
	margin: 0;
	padding: 4em;
}

nav li {
	list-style: none;
	font-size: 1.5em;
	position: relative;
	margin: 0 0 .2em 0;
	padding: 0;
	width: 12em;
}

nav ul ul {
	position: absolute;
	top: -0.6em;
	left: 10em;
	font: 0/0 serif;
	/* Unternavigation ausblenden */
	
	z-index: -1;
	transition: font 0.5s;
}

nav ul li:hover ul,
nav ul a:focus ~ ul {
	font: inherit;
	z-index: auto;
	/*  Unternavigation einblenden */
}

@media (min-width: 45em) {
	nav li {
		font-size: 1em;
	}
}

nav a {
	display: block;
	padding: 0.4em;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica;
	text-align: center;
	border: 1px solid darkblue;
	border-radius: 6px;
	box-shadow: 0 5px 10px white inset;
	color: #473c8b;
	background-color: #b3dfee;
	transition: all .25s ease-in;
}

nav li[aria-current] a {
	background-color: firebrick;
	color: gold;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: darkblue;
	background-color: gold;
}
	
	/* Ende Navigation */