.source-links, .about-links, .text-links {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
    justify-content: center;
}

/* Grundlayout der Pills */
.source-links span, .source-links a,
.about-links span, .about-links a,
.text-links span, .text-links a {
	padding: 7px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 4px;
	border-radius: 16px;
	font-size: 16px;
	line-height: 16px;
}

/* Labels (schwarz/weiß) – z. B. "Bildquellen", "Videoquellen", "Textquellen" */
.source-links span, .about-links span, .text-links span {
	border: 1px solid var( --e-global-color-blocksy_palette_10 )!important;
	background-color: var( --e-global-color-blocksy_palette_11 )!important;
	color: var( --e-global-color-blocksy_palette_10 )!important;
	/* Cursor für Labels ist normaler Text, NICHT pointer */
	cursor: default;
}

/* Verlinkte Quellen-Pills (grau) */
.source-links a, .about-links a, .text-links a,
.source-links a:hover, .about-links a:hover, .text-links a:hover,
.source-links a:active, .about-links a:active, .text-links a:active,
.source-links a:link, .about-links a:link, .text-links a:link,
.source-links a:visited, .about-links a:visited, .text-links a:visited {
	border: 1px solid var( --e-global-color-blocksy_palette_33 )!important;
	background-color: var( --e-global-color-blocksy_palette_34 )!important;
	color: var( --e-global-color-blocksy_palette_11 )!important;
	text-decoration: none;
	cursor: pointer; /* nur echte Links sind klickbar */
}

/* Nicht verlinkte Einträge: sehen wie die grauen Pills aus, aber ohne Hover/Klick */
.source-links .sapl-nolink,
.about-links .sapl-nolink,
.text-links .sapl-nolink {
	border: 1px solid var( --e-global-color-blocksy_palette_33 )!important;
	background-color: var( --e-global-color-blocksy_palette_34 )!important;
	color: var( --e-global-color-blocksy_palette_11 )!important;
	text-decoration: none;
	cursor: default; /* keine Hand, kein Klick */
}

/* Keine Hover-Effekte für nicht verlinkte Einträge */
.source-links .sapl-nolink:hover,
.about-links .sapl-nolink:hover,
.text-links .sapl-nolink:hover {
	text-decoration: none;
	filter: none;
}

/* Optional (falls Themes Hover-Filter/Transitions auf inline-Elemente legen): */
.source-links a:hover, .about-links a:hover, .text-links a:hover {
	/* hier ggf. leichte Hover-Optik, wenn gewünscht – aktuell neutral */
}