.directus-honor-wrap {
	margin-bottom: 30px;
}

.directus-honor-block {
	display: grid;

	grid-template-columns: 25% 100px 1fr auto;
	grid-template-areas:
		'name date comment text';
}

.directus-laudatio-block {
	display: grid;

	grid-gap: 10px;

	grid-template-columns: auto 1fr;
	grid-template-rows: repeat(2, auto);
	grid-template-areas:
		'name date'
		'text text';
}

.directus-honor-description {
	font-style: italic;
	margin: 20px 0 20px 0;
}

.directus-honor-name {
	grid-area: name;
	font-weight: 500;
	margin-right: 20px;
}

.directus-honor-date {
	grid-area: date;
}

.directus-honor-comment {
	grid-area: comment;
	font-size: 80%;
	font-style: italic;
}

.directus-honor-text {
	grid-area: text;
	font-size: 80%;
	text-align: right;
}


.directus-laudatio-text {
	grid-area: text;

	border: 1px solid grey;
	border-radius: 5px;
	padding: 30px;
	margin-top: 30px;
}
.directus-laudatio-text {
	grid-area: text;
}

@media (max-width: 800px) {

	.directus-honor-block {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, auto);
		grid-template-areas:
			'name date'
			'comment comment'
			'text text';
	}

	.directus-honor-text {
		margin-left: 20px;
	}
}