@media all {
    /* for off screen HTML that still needs to be read as part of the flow */
    .off_screen { position:absolute !important; height:1px; width: 1px; overflow:hidden; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); }

    /* general WCAG */
    #header :focus-visible { text-decoration:none !important; border-bottom:2px #191a1c solid !important; }

    input:focus,
    select:focus,
    textarea:focus { border:4px var(--color-brown) solid !important; }

    input:focus::placeholder,
    select:focus::placeholder,
    textarea:focus::placeholder  { color:var(--color-dark-gray) !important; }

    /* on-demand links */
    a:not(.link_as_button):not(.link_on_focus_only):focus { text-decoration:none !important; background-color:transparent !important; border:1px var(--color-black) solid !important; }
    a.link_as_button:focus { text-decoration:underline !important; border-radius:0px; }

    a.link_on_focus_only {  position:absolute; top:0px; left:-9999px; color:var(--color-white); background-color:var(--color-brown); overflow:hidden;  z-index:-999; }
    a.link_on_focus_only:focus,
    a.link_on_focus_only:active { margin:0px; padding:var(--spacing-2S) var(--spacing-1L); top:var(--spacing-4L); left:0px; color:var(--color-white) !important; text-align:center; font-weight:400; text-decoration:underline; line-height:1; background-color:var(--color-brown); z-index:99999; }  

    a.wcag_link { font-size:var(--font-size-1S); text-transform:none; background-color:var(--color-white) }
}

@media (max-width:1400px) {
    .accessibility_icon { font-size:var(--font-size-2L); }
}

@media (max-width:1200px) {
    .accessibility_icon { font-size:var(--font-size-3L); }
}