/**
focus
*/
*:focus-visible {
    outline: 1px solid #e4003a;
    position: relative;

    &::after {
        border: 2px solid #e4003a;
        bottom: -5px;
        box-shadow: 0 0 0 3px rgba(228, 0, 58, .22);
        content: "";
        left: -5px;
        pointer-events: none;
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: 2;
    }
}


/**
sprungmarken (screen reader)
*/
.skip-links {
    overflow: hidden;

    .skip-link {
        background-color: #000;
        color: #FFF;
        font-size: 1.2em;
        height: 1px;
        width: 1px;
        overflow: hidden;
        text-align: center;
        padding: 1em;
        position: absolute;
        top: auto;
        left: -9999px;
        z-index: -999;

        &:active,
        &:focus,
        &:focus-visible {
            height: auto;
            width: auto;
            overflow: visible;
            top: 0;
            left: 0;
            z-index: 999;
            text-decoration: none;
            outline: 2px solid #FFF;

            &::after {
                display: none;
            }
        }
    }
}



/** eof */