.accessibility-panel {
    margin-left: var(--item-gap);
    position: relative;
  }

  button.btn-accessibility {
    display: block;
  }

  .btn-accessibility svg {
    display: block;
    width: calc(22 * var(--px));
    height: auto;
  }

  .btn-accessibility svg path {
    fill: var(--base-color-white);
  }
  
  html[data-accessibility-color="light-background"] .btn-accessibility svg path,
  html[data-accessibility-color="negative-contrast"] .btn-accessibility svg path {
    fill: var(--base-color-black);
  }

  .accessibility-options {
    display: block;
    position: absolute;
    top: calc(100% + 15px);
    right: -2px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: 500ms var(--ttf-2);
    transition-property: transform, opacity;
    background: var(--base-color-white);
    color: var(--base-color-black);
    padding: 11px 13px;
    white-space: nowrap;
  }
  
  .accessibility-options a {
    pointer-events: none !important;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  
  .accessibility-options a .icon {
    width: 1.28571428571428571428em;
    text-align: center;
    margin-right: 1.14285714285714285714em;
  }

  .accessibility-options.is-open {
    opacity: 1;
    pointer-events: all;
    transform: none;
  }
  
  .accessibility-options.is-open a {
    pointer-events: all !important;
  }

  .accessibility-options ul {
    margin-top: 8px;
  }
  
  .accessibility-options li + li {
    margin-top: 4px;
  }

  .accessibility-options a.current .label {
    text-decoration: underline;
  }







  html[data-accessibility-color="grayscale"] {
    filter: grayscale(1);
  }
  
  
  
  html[data-accessibility-color="high-contrast"] {
  }
  
  html[data-accessibility-color="high-contrast"] .module-hero .background-image img {
    opacity: 0.25;
  }
  
  html[data-accessibility-color="high-contrast"] .module:not(.has-no-gradient) .module-background {
    display: none;
  }
  
  html[data-accessibility-color="high-contrast"] .cms-icon-wrap img,
  html[data-accessibility-color="high-contrast"] .module-network .map img {
    filter: grayscale(1) brightness(2);
  }
  
  html[data-accessibility-color="high-contrast"] .btn-a, 
  html[data-accessibility-color="high-contrast"] button.btn-a {
    border-color: var(--base-color-white);
    border-image: none;
    transition: color 150ms;
  }
  
  html[data-accessibility-color="high-contrast"] .btn-a:is(:hover, :focus) {
    color: var(--base-color-black);
  }
  
  html[data-accessibility-color="high-contrast"] .btn-a::before {
    background: var(--base-color-white);
  }
  
  html[data-accessibility-color="high-contrast"] .btn-b {
    background: var(--base-color-white);
    color: var(--base-color-black);
  }
  
  html[data-accessibility-color="high-contrast"] .lnk-a {
    color: var(--base-color-white);
    -webkit-text-fill-color: initial;
  }
  
  html[data-accessibility-color="high-contrast"] .quote-box .lnk-a {
    color: var(--base-color-black);
    -webkit-text-fill-color: initial;
  }
  
  
  
  
  
  
  
  html[data-accessibility-color="negative-contrast"] {
    filter: invert(1);
  }
  
  html[data-accessibility-color="negative-contrast"] .accessibility-options a .icon {
    filter: invert(1);
  }
  
  html[data-accessibility-color="negative-contrast"] :is(img, svg, video) {
    filter: invert(1);
  }
  
  html[data-accessibility-color="negative-contrast"] .site-title a .black-logo {
    opacity: 1;
    filter: invert(1);
  }
  
  html[data-accessibility-color="negative-contrast"] .site-title a img {
    opacity: 0;
  }
  
  html[data-accessibility-color="negative-contrast"] .module-hero .background-image img {
    opacity: 0.25;
  }
  
  html[data-accessibility-color="negative-contrast"] .module:not(.has-no-gradient) .module-background {
    display: none;
  }
  
  html[data-accessibility-color="negative-contrast"] .site-title img {
    filter: invert(0);
  }
  
  html[data-accessibility-color="negative-contrast"] .cms-icon-wrap img,
  html[data-accessibility-color="negative-contrast"] .module-network .map img {
    filter: grayscale(1) brightness(2);
  }
  
  html[data-accessibility-color="negative-contrast"] .btn-a, 
  html[data-accessibility-color="negative-contrast"] button.btn-a {
    border-color: var(--base-color-white);
    border-image: none;
    transition: color 150ms;
  }
  
  html[data-accessibility-color="negative-contrast"] .btn-a:is(:hover, :focus) {
    color: var(--base-color-black);
  }
  
  html[data-accessibility-color="negative-contrast"] .btn-a::before {
    background: var(--base-color-white);
  }
  
  html[data-accessibility-color="negative-contrast"] .btn-b {
    background: var(--base-color-white);
    color: var(--base-color-black);
  }
  
  html[data-accessibility-color="negative-contrast"] .lnk-a {
    color: var(--base-color-white);
    -webkit-text-fill-color: initial;
  }
  
  html[data-accessibility-color="negative-contrast"] .quote-box .lnk-a {
    color: var(--base-color-black);
    -webkit-text-fill-color: initial;
  }
  
  html[data-accessibility-color="negative-contrast"] .module-case-hero .background-image {
    filter: none;
    mix-blend-mode: normal;
  }
  
  html[data-accessibility-color="negative-contrast"] .module-case-teaser img,
  html[data-accessibility-color="negative-contrast"] article.slider-teaser figure img {
    filter: none;
  }
  
  html[data-accessibility-color="negative-contrast"] .module-case-teaser,
  html[data-accessibility-color="negative-contrast"] article.slider-teaser {
    filter: invert(1);
  }
  
  html[data-accessibility-color="negative-contrast"] .module-case-hero {
    background: transparent;
  }
  
  html[data-accessibility-color="negative-contrast"] button[class*=btn-pagination-] {
    filter: invert(1);
  }
  
  
  
  
  
  
  
  
  html[data-accessibility-color="light-background"] :is(body, main.main),
  html[data-accessibility-color="light-background"] div.flyout::before {
    background: var(--base-color-white);
    color: var(--base-color-black);
  }
  
  html[data-accessibility-color="light-background"] :is(img, svg, video, .btn, .lnk) {
  }
  
  html[data-accessibility-color="light-background"] .btn-menu {
    filter: invert(1);
  }
  
  html[data-accessibility-color="light-background"] .site-title a .black-logo {
    opacity: 1;
  }
  
  html[data-accessibility-color="light-background"] .site-title a img {
    opacity: 0;
  }
  
  html[data-accessibility-color="light-background"] .btn-b {
    color: var(--base-color-white);
  }
  
  html[data-accessibility-color="light-background"] .site-title img,
  html[data-accessibility-color="light-background"] .module-network .map img {
    filter: invert(1);
  }
  
  html[data-accessibility-color="light-background"] .module-hero .background-image img,
  html[data-accessibility-color="light-background"] .module-hero .background-image video,
  html[data-accessibility-color="light-background"] .module:not(.has-no-gradient) .module-background,
  html[data-accessibility-color="light-background"] .module-hero .background-image::before {
    display: none;
  }
  
  html[data-accessibility-color="light-background"] .module-hero .headline {
    text-shadow: none;
  }
  
  html[data-accessibility-color="light-background"] article.slider-teaser,
  html[data-accessibility-color="light-background"] .module-case-teaser .col-set,
  html[data-accessibility-color="light-background"] .team-cta,
  html[data-accessibility-color="light-background"] .module-case-hero,
  html[data-accessibility-color="light-background"] .platforms-list,
  html[data-accessibility-color="light-background"] .job-listings-list a {
    background: transparent;
  }
  
  html[data-accessibility-color="light-background"] .module-case-hero .background-image {
    filter: invert(1);
    mix-blend-mode: normal;
  }
  
  html[data-accessibility-color="light-background"] .module-case-teaser img,
  html[data-accessibility-color="light-background"] article.slider-teaser figure img {
    filter: none;
    mix-blend-mode: normal;
  }
  
  html[data-accessibility-color="light-background"] header.main .header-shade {
    filter: invert(1);
  }
  
  html[data-accessibility-color="light-background"] body[data-scroll-dir="up"] nav.header {
    filter: drop-shadow(0px 0px 15px white);
  }
  
  html[data-accessibility-color="light-background"] ul.pagination,
  html[data-accessibility-color="light-background"] button[class*=btn-pagination-] {
    filter: invert(1);
  }
  
  html[data-accessibility-color="light-background"] .module-floating .image-right span, 
  html[data-accessibility-color="light-background"] .module-floating .image-left span {
    background: rgba(255,255,255,0.5);
  }
  
  html[data-accessibility-color="light-background"] .form-list > li.input input, 
  html[data-accessibility-color="light-background"] .form-list > li.textarea textarea, 
  html[data-accessibility-color="light-background"] .form-list > li.select select, 
  html[data-accessibility-color="light-background"] .form-list--application > li.file .wpcf7-form-control-wrap {
    background: #eee;
  }
  
  html[data-accessibility-color="light-background"] .module-case-hero .background-image {
    filter: none;
    mix-blend-mode: normal;
  }
  
  
  
  
  
  
  
  
  html[data-accessibility-links="links-underline"] a {
    text-decoration: underline;
  }
  
  html[data-accessibility-links="links-underline"] .accessibility-panel a {
    text-decoration: none;
  }
  
  html[data-accessibility-links="links-underline"] .lnk-a span.label > span {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--base-color-white);
  }
  
  html[data-accessibility-links="links-underline"][data-accessibility-color="light-background"] .lnk-a span.label > span {
    text-decoration-color: var(--base-color-black);
  }
  
  
  
  
  
  
  
  html[data-accessibility-font="readable-font"] {
    
    --base-font-1-regular: Arial, sans-serif;
    --base-font-1-bold: Arial, sans-serif;
    --base-font-2-regular: Arial, serif;
    
  }
  
  
  
  html[data-accessibility-font-size="1"] {
    font-size: 110%;
  }
  
  html[data-accessibility-font-size="2"] {
    font-size: 120%;
  }
  
  html[data-accessibility-font-size="3"] {
    font-size: 130%;
  }
  
  html[data-accessibility-font-size="-1"] {
    font-size: 90%;
  }