.bsl-post {
	--bsl-bg: #1b252a;        /* Fläche des Beitrags */
	--bsl-bg-deep: #121a1f;   /* Kopfband und Beitragskasten */
	--bsl-bg-page: #121a1f;   /* Kreise der Mini-Icons */
	--bsl-line: #000000;      /* alle Rahmen */
	--bsl-text: #cfc5c1;
	--bsl-text-strong: #ece4df;
	--bsl-text-muted: #8d979b;
	--bsl-accent: #c7945c;
	--bsl-link: #c7945c;
	--bsl-ava-w: 250px;
	--bsl-ava-h: 300px;
	--bsl-side: 298px;        /* Avatarbreite + 2 × 24px Rand */
 
	margin: 0 0 28px;
	border: 1px solid var(--bsl-line);
	border-radius: 14px;
	background: var(--bsl-bg);
	color: var(--bsl-text);
	overflow: hidden;
}
 
.bsl-post a:link,
.bsl-post a:visited { color: var(--bsl-link); text-decoration: none; }
.bsl-post a:hover { color: #e1b37f; }
 
/* ---------- 1 · Kopfband ---------- */
 
.bsl-post__head {
	box-sizing: border-box;
	min-height: 140px;
	padding: 20px 36px 20px calc(var(--bsl-side) + 24px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	background: var(--bsl-bg-deep);
	border-bottom: 1px solid var(--bsl-line);
}
 
.bsl-post__who { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
 
.bsl-post__name,
.bsl-post__name a:link,
.bsl-post__name a:visited {
	font-family: Aldrich, sans-serif;
	font-size: 34px;
	line-height: 1.1;
	color: var(--bsl-text-strong);
}
 
.bsl-post__player {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--bsl-accent);
}
 
.bsl-post__quote {
	max-width: 460px;
	text-align: right;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 20px;
	line-height: 1.35;
	color: #b5aaa4;
}
 
/* ---------- Aufteilung links / rechts ---------- */
 
.bsl-post__main {
	display: grid;
	grid-template-columns: var(--bsl-side) minmax(0, 1fr);
}
 
.bsl-post__side {
	padding: 0 24px 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
 
/* ---------- Avatar + Mini-Icons ---------- */
 
.bsl-post__ava {
	position: relative;
	width: var(--bsl-ava-w);
	height: var(--bsl-ava-h);
	margin: -64px 0 24px;   /* ragt ins Kopfband hinein */
}
 
.bsl-post__ava img {
	display: block;
	box-sizing: border-box;
	width: var(--bsl-ava-w);
	height: var(--bsl-ava-h);
	object-fit: cover;
	border: 1px solid var(--bsl-line);
	border-radius: 12px;
	background: #223138;
}
 
.bsl-post__icons {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-around;
}
.bsl-post__top { top: -24px; }
.bsl-post__bottom { bottom: -24px; }
 
.beitragspokeicons {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	image-rendering: pixelated;
	font-size: 0;
	overflow: hidden;
}
 
.beitragspokeicons-reihe {
	display: flex;
	gap: 6px;
}
 
.bsl-post__who { gap: 0; }
.beitragspokeicons-reihe { margin-top: -4px; }
 
.bsl-post__head {
	min-height: 110px;
	padding-top: 12px;
	padding-bottom: 12px;
}
 
/* ---------- Profilpunkte ---------- */
 
.bsl-post__facts {
	border: 1px solid var(--bsl-line);
	border-radius: 10px;
	padding: 0 14px;
}
 
.bsl-post__fact {
	display: grid;
	grid-template-columns: 84px 14px minmax(0, 1fr);
	align-items: center;
	min-height: 38px;
	border-bottom: 1px solid var(--bsl-line);
}
.bsl-post__fact:last-child { border-bottom: 0; }
 
.bsl-post__label {
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bsl-text-muted);
}
 
.bsl-post__slash {
	width: 1px;
	height: 18px;
	background: var(--bsl-line);
	transform: skewX(-20deg);
}
 
.bsl-post__value {
	font-size: 13px;
	color: #cfc5c1;
	overflow-wrap: anywhere;
}
 
/* ---------- 2 · Beitragskasten ---------- */
 
.bsl-post__box {
	min-width: 0;
	margin: 24px 24px 24px 0;
	padding: 26px 40px 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border: 1px solid var(--bsl-line);
	border-radius: 18px;
	background: var(--bsl-bg-deep);
}
 
.bsl-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	font-size: 13px;
	color: var(--bsl-text-muted);
}
.bsl-post__meta strong,
.bsl-post__meta .float_right { float: none; font-weight: 600; }
.bsl-post__meta a:link,
.bsl-post__meta a:visited { color: var(--bsl-accent); }
 
.bsl-post .post_body {
	padding: 0;
	font-size: 14px;
	line-height: 1.75;
	color: var(--bsl-text);
}
.bsl-post .post_body b,
.bsl-post .post_body strong { color: var(--bsl-accent); font-weight: 600; }
 
.bsl-post .post_meta { margin: 0; padding: 0; font-size: 12px; color: var(--bsl-text-muted); }
.bsl-post .post_meta:empty { display: none; }
 
/* ---------- Links unter dem Beitrag (reiner Text, keine Icon-Buttons) ---------- */
 
.bsl-post__foot {
	margin-top: auto;
	padding-top: 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 4px 32px;
	border-top: 1px solid var(--bsl-line);
	font-size: 13px;
}
 
.bsl-post__foot .postbit_buttons {
	float: none;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
}
.bsl-post__foot .post_management_buttons { margin-left: auto; justify-content: flex-end; }
 
.bsl-post .post_meta .float_right { float: right; }
 
.bsl-post .postbit_buttons > a:link,
.bsl-post .postbit_buttons > a:visited,
.bsl-post .postbit_buttons > a:hover,
.bsl-post .postbit_buttons > a:active {
	display: inline-block;
	margin: 0;
	padding: 6px 0;
	border: 0;
	background: none;
	font-size: 13px;
	color: var(--bsl-link);
}
.bsl-post .postbit_buttons > a:hover { color: #e1b37f; }
 
.bsl-post .postbit_buttons a span {
	height: auto;
	padding: 0;
	background: none;
}
 
/* ---------- Schmale Bildschirme ---------- */
 
@media (max-width: 860px) {
	.bsl-post__head {
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.bsl-post__name,
	.bsl-post__name a:link,
	.bsl-post__name a:visited { font-size: 26px; }
	.bsl-post__quote { max-width: none; text-align: left; font-size: 17px; }
 
	.bsl-post__main { grid-template-columns: minmax(0, 1fr); }
	.bsl-post__side { padding: 44px 20px 0; align-items: center; }
	.bsl-post__ava { margin: 0 0 24px; }
	.bsl-post__facts { width: 100%; box-sizing: border-box; }
	.bsl-post__box { margin: 20px; padding: 20px; }
}
 
.bsl-post { --bsl-side: 322px; }
.bsl-post__side { align-items: center; }
 
.bsl-post__facts {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
 
.bsl-post__fact {
	grid-template-columns: 76px 16px minmax(0, 1fr);
	align-items: stretch;
	padding-left: 14px;
}
 
.bsl-post__label { align-self: center; }
.bsl-post__value { align-self: center; padding: 6px 14px 6px 8px; }
 
.bsl-post__slash {
	width: auto;
	height: auto;
	transform: none;
	background: linear-gradient(to bottom right,
		transparent calc(50% - 0.5px),
		var(--bsl-line) calc(50% - 0.5px),
		var(--bsl-line) calc(50% + 0.5px),
		transparent calc(50% + 0.5px));
}
 
/* ---------- Anpassung: Beschriftungen mit eigener Hintergrundfarbe ---------- */
 
.bsl-post__facts { --bsl-label-bg: #223138; }
 
.bsl-post__fact {
	grid-template-columns: 90px 16px minmax(0, 1fr);
	padding-left: 0;
}
 
.bsl-post__label {
	align-self: stretch;
	display: flex;
	align-items: center;
	padding-left: 14px;
	background: var(--bsl-label-bg);
}
 
.bsl-post__slash {
	background: linear-gradient(to bottom right,
		var(--bsl-label-bg) calc(50% - 0.5px),
		var(--bsl-line) calc(50% - 0.5px),
		var(--bsl-line) calc(50% + 0.5px),
		transparent calc(50% + 0.5px));
}
 
.bsl-post__icon { font-size: 0; overflow: hidden; }