.accessibilty-settings-btn {
 cursor: pointer;
}

.accessibilty-settings-container {
 position: fixed;
 top: var(--hh);
 right: 0rem;
 background: var(--wp--preset--color--weiss);
 border: 1px solid var(--wp--preset--color--grau-dunkel);
 box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
 z-index: 1000;
 padding: 1rem;
 transform: translateX(110%);
 transition: transform 0.3s ease-in-out;
}
.accessibilty-settings-container.active {
 transform: translateX(0);
}

/*
--wp--preset--color--weiss: #ffffff;
--wp--preset--color--grau-dunkel: #3C3C3B;
--wp--preset--color--hell-sand: #E6E3D8;

--wp--preset--color--hell-petrol: #9ad0d4;
--wp--preset--color--petrol: #3c9b9d;
--wp--preset--color--petrol-dunkel: #016565;

--wp--preset--color--hell-limette: #dde29c;
--wp--preset--color--limette: #cad231;
--wp--preset--color--limette-dunkel: #5c7725;

--wp--preset--color--lavendel-hell: #c0bdd9;
--wp--preset--color--lavendel: #6967b1;
--wp--preset--color--lavendel-dunkel: #5b559a;
*/
body:has(.contrast-btn[data-state=on]) {
 --wp--preset--color--weiss: #ffffff !important;
 --wp--preset--color--grau-dunkel: #000000 !important;
 --wp--preset--color--hell-sand: #ffffff !important;
 --wp--preset--color--hell-petrol: #ffffff !important;
 --wp--preset--color--petrol: #ffffff !important;
 --wp--preset--color--petrol-dunkel: #000000 !important;
 --wp--preset--color--hell-limette: #ffffff !important;
 --wp--preset--color--limette: #ffffff !important;
 --wp--preset--color--limette-dunkel: #000000 !important;
 --wp--preset--color--lavendel-hell: #ffffff !important;
 --wp--preset--color--lavendel: #ffffff !important;
 --wp--preset--color--lavendel-dunkel: #000000 !important;
}
body:has(.contrast-btn[data-state=on]) .wp-block-button__link {
 color: #ffffff !important;
 background-color: #000000 !important;
 border-color: #000000 !important;
}
body:has(.contrast-btn[data-state=on]) .medizinische-bereich-item:has(.medizinische-bereich-subitem:hover) .medizinische-bereich-name {
 background-color: #000000 !important;
 color: #ffffff !important;
}
body:has(.contrast-btn[data-state=on]) .medizinische-bereich-item:has(.medizinische-bereich-subitem:hover) .medizinische-bereich-subitem:hover {
 background-color: #000000 !important;
 color: #ffffff !important;
}
body:has(.contrast-btn[data-state=on]) .medizinische-bereich-item:has(.medizinische-bereich-subitem:hover) .medizinische-bereich-subitem:hover .wp-block-button__link {
 background-color: #ffffff !important;
 color: #000000 !important;
}
body:has(.contrast-btn[data-state=on]) .contrast-bw-has-background {
 color: #ffffff !important;
 background-color: #000000 !important;
}
body:has(.contrast-btn[data-state=on]) .contrast-bw-has-background .wp-block-button__link {
 color: #000000 !important;
 background-color: #ffffff !important;
}
body:has(.contrast-btn[data-state=on]) .contrast-bw-has-background-invert {
 color: #000000 !important;
 background-color: #ffffff !important;
}
body:has(.contrast-btn[data-state=on]) .contrast-bw-has-background-invert .wp-block-button__link {
 color: #ffffff !important;
 background-color: #000000 !important;
}
body:has(.contrast-btn[data-state=on]) .contrast-bw-has-background-invert svg {
 fill: #000000 !important;
}
body:has(.contrast-btn[data-state=on]) a:hover {
 color: unset !important;
}
body:has(.contrast-btn[data-state=on]) .wp-block-ensch-form-input {
 background-color: #ffffff !important;
 color: #000000 !important;
}
body:has(.contrast-btn[data-state=on]) .wp-block-ensch-form-input ::-moz-placeholder {
 color: #000000 !important;
 opacity: 0.5 !important;
 font-style: italic !important;
}
body:has(.contrast-btn[data-state=on]) .wp-block-ensch-form-input ::placeholder {
 color: #000000 !important;
 opacity: 0.5 !important;
 font-style: italic !important;
}

.contrast-btn {
 cursor: pointer;
}
.contrast-btn .toggle-on {
 opacity: 0;
}
.contrast-btn .toggle-off {
 opacity: 1;
}

body:has(.contrast-btn[data-state=on]) .contrast-btn .toggle-on {
 opacity: 1;
}
body:has(.contrast-btn[data-state=on]) .contrast-btn .toggle-off {
 opacity: 0;
}
body:has(.contrast-btn[data-state=on]) ::-moz-placeholder {
 color: #000000 !important;
 opacity: 0.8 !important;
}
body:has(.contrast-btn[data-state=on]) ::placeholder {
 color: #000000 !important;
 opacity: 0.8 !important;
}

.dyslexic-btn {
 cursor: pointer;
}
.dyslexic-btn .toggle-on {
 opacity: 0;
}
.dyslexic-btn .toggle-off {
 opacity: 1;
}

body:has(.dyslexic-btn[data-state=on]) {
 font-family: "OpenDyslexic", sans-serif !important;
}
body:has(.dyslexic-btn[data-state=on]) * {
 letter-spacing: -0.15em;
 word-spacing: -0.4em;
}
body:has(.dyslexic-btn[data-state=on]) .dyslexic-btn .toggle-on {
 opacity: 1;
}
body:has(.dyslexic-btn[data-state=on]) .dyslexic-btn .toggle-off {
 opacity: 0;
}