/* CSS Document */
.grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 15px;
	background-color: #d1dffa;
}

/* Alle div, die die Klasse grid-container als parent haben */
.grid-container > div {
  background-color: #1344a0;
  color: #d1dffa;
  text-align: center;
  padding: 20px 0;
  font-size: 36px;

}

.box8 {
  /* grid-row-start / grid-column-start / grid-row-end / grid-column-end */
  grid-area: 2 / 2 / span 1 / span 2;
}

.box7 {
  grid-area: 3 / 1 / span 1 / span 4;
}