/* Accessibility Tools CSS */
/* Grundfunktionen: Graustufen, hoher Kontrast, lesbare Schrift, Links unterstreichen */
/* Hinweis: Passe Styles an deine Seite an! */

/* Lesbare Schriftarten einsetzen */
/* Nur Textcontainer UND NICHT mit .a11y-no-font */
body.a11y-readable-font p:not(.a11y-no-font),
body.a11y-readable-font span:not(.a11y-no-font),
body.a11y-readable-font li:not(.a11y-no-font),
body.a11y-readable-font blockquote:not(.a11y-no-font),
body.a11y-readable-font h1:not(.a11y-no-font),
body.a11y-readable-font h2:not(.a11y-no-font),
body.a11y-readable-font h3:not(.a11y-no-font),
body.a11y-readable-font h4:not(.a11y-no-font),
body.a11y-readable-font h5:not(.a11y-no-font),
body.a11y-readable-font h6:not(.a11y-no-font),
body.a11y-readable-font .bricks-text:not(.a11y-no-font),
body.a11y-readable-font .a11y-resize:not(.a11y-no-font) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Graustufen-Modus */
.a11y-grayscale {
  filter: grayscale(100%) !important;
}

/* Hoher Kontrast (Basis) */
.a11y-high-contrast {
  background-color: #000 !important;
  color: #fff !important;
}

/* Links im Kontrastmodus */
.a11y-high-contrast a {
  color: #0ff !important;
  text-decoration: underline;
}

/* Buttons im Kontrastmodus (Basisbeispiel) */
.a11y-high-contrast button,
.a11y-high-contrast .button {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #fff !important;
}

/* Sektionen, Header, Footer – individuell anpassbar */
.a11y-high-contrast header,
.a11y-high-contrast footer,
.a11y-high-contrast .section {
  background-color: #000 !important;
  color: #fff !important;
}

/* Lesbare Standardschrift (z. B. Arial) */
.a11y-readable-font {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.5px;
  line-height: 1.6;
}

/* Links unterstreichen */
.a11y-underline-links a {
  text-decoration: underline !important;
}

.a11y-underline-links a:hover {
  text-decoration-thickness: 2px;
}

/* Textgrößen-Animation */
.a11y-resize {
  transition: font-size 0.2s ease-in-out;
}