/*
 * Heimathaus Achmer
 * Barrierefreiheit / Tastaturbedienung
 */


/* Tastaturfokus deutlich sichtbar */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible {

    outline:
        3px solid
        #d5a84d !important;

    outline-offset:
        3px !important;
}


/* Skip-Link */

.hh-skip-link {

    position:fixed;

    left:14px;
    top:10px;

    z-index:99999;

    transform:
        translateY(-160%);

    padding:
        11px 15px;

    border-radius:8px;

    background:#173f27;

    color:#fff !important;

    font-weight:800;

    text-decoration:none;

    box-shadow:
        0 4px 18px
        rgba(0,0,0,.18);
}


.hh-skip-link:focus {

    transform:none;
}


/* Aktuelle öffentliche Navigation */

.hh-public-menu
a[aria-current="page"] {

    background:#edf3ed !important;

    color:#173f27 !important;
}


/*
 * Felder, die vom Browser als ungültig
 * erkannt wurden.
 */

input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"] {

    border-color:
        #a33b3b !important;
}


/* Klickbare Kalenderzellen */

.day[role="button"] {

    cursor:pointer;
}


.day[role="button"]:focus-visible {

    position:relative;

    z-index:2;

    outline:
        3px solid
        #d5a84d !important;

    outline-offset:
        -3px !important;
}


/*
 * Menschen mit reduzierter Bewegung:
 * unnötige Animationen abschalten.
 */

@media (
    prefers-reduced-motion:
    reduce
) {

    *,
    *::before,
    *::after {

        scroll-behavior:auto !important;

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }
}