/* Accessibility improvements for checkbox keyboard navigation */

/* Only show focus indicator - no additional borders */
.sky-form .checkbox input:focus + i {
	outline: 2px solid #e74c3c;
	outline-offset: 2px;
}

/* Ensure checked state is properly visible when toggled via keyboard */
.sky-form .checkbox input:checked + i:after {
	opacity: 1;
	color: #e74c3c;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.sky-form .checkbox input:focus + i {
		outline: 3px solid #e74c3c;
		outline-offset: 2px;
	}
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
	.sky-form .checkbox input + i:after {
		transition: none;
	}
}

/* XXXX Manuel: FOKUS BEIM TABBEN START*/

:focus:not(.mCustomScrollBox) {
	outline: 2px solid #e74c3c !important; /* Sehr dicke, rote Umrandung */
	outline-offset: 2px !important;

	background-color: #ffeeee !important; /* Dezenter roter Hintergrund */
	color: #000000 !important; /* Schwarze Schrift für optimalen Kontrast */
}

/* XXXX Manuel: FOKUS BEIM TABBEN ENDE*/