/* Byline unter dem Beitragstitel */
.pema-byline {
	margin: 0.6em 0 0;
	font-size: 0.95em;
	color: var(--theme-text-color, #444);
}
.pema-byline a {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}
.pema-byline a:hover {
	text-decoration: underline;
}
.pema-byline-job {
	opacity: 0.8;
}
.checkliste .pema-byline,
.category-hr-arbeitshilfen .pema-byline {
	display: none;
}

/*
 * Autorenkarte. Selektoren mit .authors-box davor, damit sie die alten Regeln
 * im Custom CSS (Post 6234: Flex, 2rem-Padding, Spalte unter 550px) überstimmen.
 */
.authors-box {
	margin: 4rem 0;
}
.authors-box .mio-author-box {
	display: grid;
	grid-template-columns: 176px minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
	margin: 0;
	padding: 2rem;
	background: #fff;
	border: 1px solid var(--theme-palette-color-5, #e1e8ed);
	box-shadow: 0 12px 32px rgba(6, 53, 80, 0.06);
}
.authors-box .mio-author-box + .mio-author-box {
	margin-top: 1.5rem;
}
.authors-box .mio-author-box--noimg {
	grid-template-columns: minmax(0, 1fr);
}
.authors-box .mio-author-box .ct-media-container {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--theme-palette-color-6, #f2f5f7);
}
.authors-box .mio-author-box .ct-media-container img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: 50% 20%;
}
.authors-box .mio-author-box section {
	padding: 0;
	min-width: 0;
}
.authors-box .mio-author-box .author-box-name {
	margin: 0 0 0.35rem;
	font-size: 1.25rem;
	line-height: 1.3;
	color: var(--theme-palette-color-4, #063550);
}
.authors-box .mio-author-box .author-box-job-details {
	padding: 0;
	margin: 0 0 1rem;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
}
.authors-box .mio-author-box .author-box-bio {
	font-size: 1rem;
	line-height: 1.7;
}
.authors-box .mio-author-box .author-box-bio p {
	margin: 0 0 0.75em;
}

@media (max-width: 600px) {
	/* Handy: kleines Foto neben Name und Funktion, Bio darunter über die volle Breite */
	.authors-box .mio-author-box {
		grid-template-columns: 88px minmax(0, 1fr);
		column-gap: 1rem;
		row-gap: 0;
		padding: 1.25rem;
	}
	.authors-box .mio-author-box--noimg {
		grid-template-columns: minmax(0, 1fr);
	}
	.authors-box .mio-author-box section {
		display: contents;
	}
	.authors-box .mio-author-box .ct-media-container {
		grid-row: 1 / span 2;
		align-self: start;
	}
	.authors-box .mio-author-box .author-box-name {
		align-self: end;
		font-size: 1.125rem;
	}
	.authors-box .mio-author-box .author-box-job-details {
		align-self: start;
		margin-bottom: 0;
		font-size: 0.9375rem;
	}
	.authors-box .mio-author-box .author-box-bio,
	.authors-box .mio-author-box .author-box-links {
		grid-column: 1 / -1;
	}
	.authors-box .mio-author-box .author-box-bio {
		margin-top: 1rem;
	}
}

/* Name als Link, Profil-Links */
.mio-author-box .author-box-name a {
	color: inherit;
	text-decoration: none;
}
.mio-author-box .author-box-name a:hover {
	text-decoration: underline;
}
.mio-author-box .author-box-links {
	margin: 1rem 0 0;
	font-size: 0.9em;
}
.mio-author-box .author-box-bio > :last-child {
	margin-bottom: 0;
}