@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 --*/
    :focus { box-shadow:0 0 10px 0 var(--color-blue); }

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

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

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

    /*-- on-demand links --*/
    a:not(.link_as_button):focus-visible { color:var(--color-blue); text-decoration:underline !important; }
    a.link_as_button:focus-visible { text-decoration:underline !important; border-radius:0px; }

    a.link_on_focus_only { top:0px; left:-9999px; position:absolute; overflow:hidden;  color:var(--color-blue); background-color:var(--color-white); z-index:-999; }
    a.link_on_focus_only:focus-visible,
    a.link_on_focus_only:active { color:var(--color-white) !important; background-color:var(--color-dark-blue);  top:50px; left:0px; margin:0px; padding:14px 20px; text-align:center; font-weight:400; z-index:99999; text-decoration:underline; line-height:1; }  
}