/* Barrierefreiheit: Ergänzungen zu main.css (main.css wird aus assets/sass erzeugt) */

/* Nur für Screenreader sichtbar */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Sprunglink zum Inhalt, erscheint beim Tabben */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 0.75em 1em;
	background: #ffffff;
	color: #1c1d26 !important;
	border: 0;
}

.skip-link:focus {
	left: 0;
}

/* Linkfarbe mit ausreichendem Kontrast (mind. 4,5:1) auf dem dunklen Hintergrund */
a {
	color: #e09a74;
}

/* Navigation: volles Weiß statt 75 % Deckkraft auf dem braunen Kopfbereich */
#header nav ul li a {
	color: #ffffff;
}

/* Sichtbarer Tastaturfokus (main.css blendet ihn teils aus) */
a:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="button"]:focus-visible,
#titleBar .toggle:focus-visible {
	outline: 2px solid #ffffff !important;
	outline-offset: 3px;
}

/* Weniger Bewegung, wenn das Betriebssystem es wünscht */
@media (prefers-reduced-motion: reduce) {
	*,
	*:before,
	*:after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Dateiauswahl (Verwaltung) im Farbschema */
input[type="file"] {
	color: inherit;
	max-width: 100%;
}

/* Bilder behalten ihr Seitenverhältnis: width/height im HTML dienen nur dem Platzhalter
   beim Laden, die Breite kommt aus main.css, die Höhe ergibt sich daraus. */
.image img {
	height: auto;
}