bunteshaus.de/themes/buha/assets/scss/article.scss

article {
	.article_content {
		word-break: normal;
	}
	.article_image {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin-bottom: 1.5rem;
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
		img {
			width: 80vw;
		}
		&> a {
			display: inherit;
			justify-content: inherit;
			flex-direction: inherit;
			align-items: inherit;
			margin-bottom: inherit;
		}
	}
	p {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.toc {
		padding-left: 0;
		padding-bottom: .4rem;
		margin-top: 1rem;
		.toc-head {
			margin-top: 1rem;
			margin-right: 1rem;
			margin-bottom: 1rem;
			margin-left: 0;
			font-size: 1.35rem;
		}
		ul { padding-left: 0;}
		li { list-style: none; margin-bottom: .1rem; margin-left: 1rem;}
	}
}

.articlemeta {
	margin-top: 1rem;
	margin-bottom: .5rem;
	div:first-child {
		font-weight: bold;
	}
}

.article_footer {
	font-size: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 1rem;
	.bold {
		font-weight: bold;
		margin-right: .4em;
	}
	.foundations_items {
		display: flex;
		margin-bottom: 1em;
		img {
			margin-right: .4rem;
			max-height: 4rem;
		}
	}
	.mod_times {
		display: flex;
		flex-direction: column;
		.mod_times_item {
			display: flex;
		}
	}
}

@media (min-width: 640px) {
	.article_footer {
		align-items: flex-start;
	}
	article {
		.article_image {
			width: 55vw;
			margin-left: auto;
			margin-right: auto;
			img {
				width: 55vw;
			}
		}
	}
}