/* Funktionale Theme-Switch-Logik 
 * Das gehört logisch zum Dark-/Light-Mode-System. */
 
.theme-color-switch {
	display: inline-block;
	cursor: pointer;
	padding:0 10px 0 15px;
	/* An Suchfeld-/Headerhöhe koppeln,
	 * damit Sprachumschalter und Theme-Switch
	 * exakt auf einer Linie liegen. */
	line-height: var(--search-height-desktop);
}

.theme-color-switch:after {
	content: attr(data-text-off);
}

.switch-on {
	background-color: transparent;
	color: rgb(174, 167, 62); /* Light Mode */
}

.switch-on:after {content: attr(data-text-on);}