/*
 * stehle bewegt: Barrierefreiheit auf allen Seiten (2.156.0).
 * Fokusrahmen für die Tastatur, weniger Bewegung, wenn das Gerät es wünscht.
 * Mit der Maus angeklickte Knöpfe bekommen keinen Rahmen (:focus-visible), nur mit der Tastatur.
 */
:root { --sb-fokus: var(--wp--preset--color--dunkel, #3f575b); }
.sbf-fuss, .bewegt-fuss, .sbs-hl, .hl, [data-sb-dunkel-grund] { --sb-fokus: #fff; }

:where(a, button, summary, [tabindex], [role="button"], [role="tab"], label, .wp-element-button):focus-visible,
input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible, input[type="range"]:focus-visible {
	outline: 3px solid var(--sb-fokus) !important;
	outline-offset: 2px !important;
}
/* Texteingaben zeigen ihren Fokus über den Rahmen; ohne eigenen Rahmen bekommen sie diesen. */
:where(input, select, textarea):focus-visible { outline: 2px solid var(--sb-fokus); outline-offset: 1px; }

/* Link „Zum Inhalt springen“ (WordPress) gut sichtbar, sobald er den Fokus hat */
.skip-link:focus, .skip-link:focus-visible { background: var(--wp--preset--color--basis, #fff); color: var(--wp--preset--color--schrift, #2f3434); padding: 12px 18px; border-radius: 8px; z-index: 100000; box-shadow: 0 4px 18px rgba(0, 0, 0, .25); }

/* Für Screenreader, unsichtbar am Bildschirm */
.sb-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		transition-delay: 0s !important;
		scroll-behavior: auto !important;
	}
}

/* 2.160.1 Start-Check: Links im Fließtext nicht nur an der Farbe erkennbar (WCAG 1.4.1) */
main :is(p, li, td, .mk-pfad, .sbk-mehr) a:not([class]) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }

/* 2.160.1 Start-Check: Knöpfe in Fluent-Forms-Formularen (Kontakt, Newsletter) in der Akzentfarbe, weiße Schrift lesbar */
.fluentform .ff-btn-submit { background-color: var(--wp--preset--color--akzent, #4a666b) !important; border-color: var(--wp--preset--color--akzent, #4a666b) !important; color: #fff !important; }
.fluentform .ff-btn-submit:hover { background-color: var(--wp--preset--color--dunkel, #3f575b) !important; }