/**** Navigation menu ****/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* for iOS */
#menue-mobile-overlay {
  -webkit-overflow-scrolling: touch; 
}
@layer utilities {
  #menue-mobile-overlay {
    -webkit-overflow-scrolling: touch;
  }
}

.has-submenu:hover > .submenu,
.has-submenu:focus-within > .submenu {
    display: block;
}
.group:hover > .submenu {
    display: block;
}
.group:hover > a > span > img {
    opacity: 1;
}

.group.active > a > span > img {
    opacity: 1;
}

.language-active {
    text-decoration: underline !important;
}

/*** RED Textbox ***/
.redbox-h1 {
    font-weight: 800;
}
.redbox-h2 {
    font-weight: 100;
}

/* textbox animation */
.textbox-hidden {
    opacity: 0;
    pointer-events: none;
}

.textbox-visible {
    opacity: 1;
    animation: revealFade 1.5s ease forwards;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 120%);
    mask-repeat: no-repeat;
    mask-size: 100% 0%;
    mask-position: top;
}

@keyframes revealFade {
    0% {
        -webkit-mask-size: 100% 0%;
    }
    100% {
        -webkit-mask-size: 100% 100%;
    }
}
/*** video controls ***/
.play-btn.playing .triangle {
    opacity: 0;
}
.play-btn.playing .bars {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .headerimage-msg-box {
        clip-path: unset;
    }
}