/*
	Glossar overview – additions to the compiled .c-lernpfadcard styles.
	Enqueued only on the Glossar page template and single glossar entries.
*/

/* max. three cards per row (the shared grid has four above 1200px), centered, card width as in the design */
@media (min-width: 769px) {
	.c-glossar .c-posts-grid__wrapper {
		grid-template-columns: repeat(3, minmax(0, 352px));
		justify-content: center;
	}
}

.c-glossar .c-lernpfadcard {
	max-width: none;
}

.c-glossarcard .c-lernpfadcard__description > div {
	transition: margin .5s ease;
}

.c-glossarcard.c-lernpfadcard--open .c-lernpfadcard__description > div {
	margin-bottom: 16px;
}

.c-glossarcard .c-lernpfadcard__description p:last-child {
	margin-bottom: 0;
}

.c-glossarcard .c-lernpfadcard__expand:focus-visible {
	outline: 2px solid #675ed5;
	outline-offset: 2px;
}