@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-visible,
    input:focus,
    select:focus,
    textarea:focus { text-decoration:none !important; outline:3px var(--color-blue) solid; outline-offset: var(--spacing-3S); border-radius: var(--spacing-5S); }

    .link_as_button,
    .input_button,
    input:focus,
    select:focus,
    textarea:focus { outline-offset:0px; }

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

    /*-- on-demand links --*/
    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,
    a.link_on_focus_only:active { color:var(--color-white) !important; background-color:var(--color-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; } 
}

@media (max-width:1000px ){

}

@media (max-width:500px ){

}