.sliderContainer {
	/* Entfernt das Standardaussehen des Sliders */
	& .sliderInput {
		-webkit-appearance: none;
		appearance: none;
		background: transparent;
		cursor: pointer;
		width: 100%;
	}

	/* Dezenter Fokus-Stil für bessere Accessibility */
	& .sliderInput:focus {
		outline: 1px solid var(--gray-primary);
		outline-offset: 1px;
	}

	/* Slider Track (WebKit) */
	& .sliderInput::-webkit-slider-runnable-track {
		background-color: var(--app-primary-color);
		border-radius: 0.25rem;
		height: 0.25rem;
	}

	/* Slider Thumb (WebKit) */
	& .sliderInput::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		margin-top: -6px;
		background-color: var(--app-primary-color); /* Primärfarbe für Thumb */
		height: 1rem;
		width: 0.5rem;
	}

	& .sliderInput:focus::-webkit-slider-thumb {
		border: 1px solid var(--app-primary-color);
		outline-offset: 0.125rem;
	}

	/* Slider Track (Mozilla Firefox) */
	& .sliderInput::-moz-range-track {
		background-color: var(--app-primary-color);
		border-radius: 0.25rem;
		height: 0.25rem;
	}

	/* Slider Thumb (Mozilla Firefox) */
	& .sliderInput::-moz-range-thumb {
		border: none;
		border-radius: 0;
		background-color: var(--app-secondary-color); /* Sekundärfarbe für Thumb */
		height: 1rem;
		width: 0.5rem;
	}

	& .sliderInput:focus::-moz-range-thumb {
		border: 1px solid var(--app-primary-color);
		outline: 3px solid var(--app-primary-color);
		outline-offset: 0.125rem;
	}
}