.single-article .article-meta-head {
	color: var(--color-grey-mid-dark);
	font-size: 0.9em;
	padding-bottom: 40px;
}

	.single-article .article-meta-head .width {
		max-width: 700px;
	}

.single-article .article-meta {
	margin: 40px 0;
}

	.single-article .article-meta .columns {
		border-top: 1px solid var(--color-grey-medium-dark);
		padding-top: 20px;
	}

		.single-article .article-meta .columns .column {
			width: calc(100% - 20px - 130px);
		}

		.single-article .article-meta .columns .column:last-child {
			text-align: right;
			width: 130px;
		}

		.single-article .article-meta .flags {
			display: inline;
		}

		.single-article .article-meta-actions {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: inline;
		}

			.single-article .article-meta-actions li {
				display: inline;
			}

			.single-article .article-meta-actions li a {
				display: inline-block;
				width: 22px;
				padding: 22px 0 0;
				height: 0;
				overflow: hidden;
				line-height: 2;
				vertical-align: middle;
				position: relative;
			}

				.single-article .article-meta-actions li a:before,
				.single-article .article-meta-actions li a:after {
					content: "";
					display: block;
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
					background: no-repeat center center / contain;

					-webkit-transition: opacity 200ms ease-in-out;
					-moz-transition: opacity 200ms ease-in-out;
					-o-transition: opacity 200ms ease-in-out;
					-ms-transition: opacity 200ms ease-in-out;
					transition: opacity 200ms ease-in-out;
				}

					.single-article .article-meta-actions li a:after {
						opacity: 0;
					}

						.single-article .article-meta-actions li a:hover:after {
							opacity: 1;
						}

						.single-article .article-meta-actions li a:hover:before {
							opacity: 0;
						}

					.single-article .article-meta-actions li.facebook a:before {
						background-image: url(../img/social-icons/facebook_small_black.svg);
					}

						.single-article .article-meta-actions li.facebook a:after {
							background-image: url(../img/social-icons/facebook_small_green.svg);
						}

					.single-article .article-meta-actions li.twitter a:before {
						background-image: url(../img/social-icons/twitter_small_black.svg);
					}

						.single-article .article-meta-actions li.twitter a:after {
							background-image: url(../img/social-icons/twitter_small_green.svg);
						}

					.single-article .article-meta-actions li.xing a:before {
						background-image: url(../img/social-icons/xing_small_black.svg);
					}

						.single-article .article-meta-actions li.xing a:after {
							background-image: url(../img/social-icons/xing_small_green.svg);
						}

					.single-article .article-meta-actions li.linkedin a:before {
						background-image: url(../img/social-icons/linkedin_small_black.svg);
					}

						.single-article .article-meta-actions li.linkedin a:after {
							background-image: url(../img/social-icons/linkedin_small_green.svg);
						}

					.single-article .article-meta-actions li.sendviamail a:before {
						background-image: url(../img/icons/mail_small_black.svg);
					}

						.single-article .article-meta-actions li.sendviamail a:after {
							background-image: url(../img/icons/mail_small_green.svg);
						}

	@media ( max-width: 680px ) {

		.single-article .article-meta-head {
			padding-bottom: 20px;
		}

		.single-article .article-meta .columns {
			flex-wrap: wrap;
		}

		.single-article .article-meta .columns .column {
			width: 100%;
			order: 2;
		}

		.single-article .article-meta .columns .column:last-child {
			width: 100%;
			order: 1;
			margin-bottom: 10px;
			text-align: left;
		}
	}

.single-article .breadcrumb > .width > ul {
	padding-right: 180px;
}

	@media ( max-width: 680px ) {

		.single-article .breadcrumb > .width > ul {
			padding-right: 0;
		}

	}

.single-article .reading-indicator {
	padding-left: 22px;
}

	.single-article .reading-indicator:before {
		content: "";
		width: 18px;
		height: 18px;
		background: url(../img/icons/clock-small.svg) no-repeat center center / contain;
		display: block;
		position: absolute;
		left: 0;
		bottom: 5px;
	}

	@media ( max-width: 580px ) {

		.single-article .reading-indicator {
			display: none;
		}

	}

.single-article .article-headline {
	padding: 80px 0 20px;
}

	.single-article .article-headline .width {
		max-width: 700px;
	}

	.single-article .article-headline .text {
		font-size: 1.2em;
		font-style: var(--font-default-italic);
		margin: 20px 0 0;
	}

	@media ( max-width: 680px ) {

		.single-article .article-headline {
			padding-top: 60px;
		}

	}