/* Standardkontrast */
html.contrast-normal {
	background-color: initial;
	color: initial;
}

/* Hoher Kontrast */
html.contrast-high {
	background-color: #000;
	color: #fff;
}

html.contrast-high a {
	color: #00f;
	text-decoration: underline;
}

/* Sepia (niedriger Kontrast) */
html.contrast-low {
	background-color: #f4ecd8;
	color: #5b4636;
}

html.contrast-low a {
	color: #8b6f47;
	text-decoration: none;
}

/* Styling für das Widget */
#contrastWidget {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}

#contrastWidget button {
	background-color: #e0e0e0;
	color: #000;
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
}

#contrastWidget button.active {
	background-color: #007bff;
	color: #fff;
}

#contrastWidget button:hover {
	background-color: #0056b3;
	color: #fff;
}