body {
	font-family: arial;
	font-size: 2.5vw;
	line-height: 1.2;
	font-weight: bold;
}

.container {
	padding: 20px;
}

/* headline
=========================================================== */

.headline {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	padding-bottom: 2.4%;
}

.headline .date {
	grid-column-start: 1;
	grid-column-end: 3;
}
.headline .object {
	grid-column-start: 3;
	grid-column-end: 5;
}

.headline .subject {
	grid-column-start: 5;
	grid-column-end: 7;
}


/* element
=========================================================== */

.element {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	
}

.element .date {
	grid-column-start: 1;
	grid-column-end: 3;
}
.element .object {
	grid-column-start: 3;
	grid-column-end: 5;
}

.element .subject {
	grid-column-start: 5;
	grid-column-end: 8;
}

.element:hover {
	background: blue;
	color: white;
}