/* Animation definieren */
@keyframes bgColorChange {
    0% {
        background-color: white;
    }
    100% {
        background-color: rgba(255, 200, 0, 1);
    }
}
@-webkit-keyframes bgColorChange {
    0% {
        background-color: white;
    }
    100% {
        background-color: rgba(255, 200, 0, 1);
    }
}

/** BLOG-DETAIL| PAGE_NEWS | PAGE_NEWSKATEGORIE | NewsSlider im Shop*/
[data-page="41"] a:focus-visible,
[data-page="41"] button:focus-visible,
[data-page="7"] a:focus-visible,
[data-page="7"] button:focus-visible,
[data-page="42"] a:focus-visible,
[data-page="42"] button:focus-visible,
.ws5_blogBuster_index-news-wrapper  a:focus-visible,
.ws5_blogBuster_index-news-wrapper  button:focus-visible
   {
    outline: 2px solid rgba(255, 200, 0, 0.8) !important;
    outline-offset: 3px;
    border-radius: 3px;
    box-shadow: 0 0 0 3px rgba(255, 200, 0, 0.8);
    color: black !important;
    font-weight: bold !important;
    animation: bgColorChange 1s infinite alternate;
    -webkit-animation: bgColorChange 1s infinite alternate;
}