h1, h2, h3, h4, h5, h6 {
    text-wrap: pretty;
}

strong {
    font-weight: 600;
}

@media (max-width: 1024px) {
    
   .content .grid-content-wrapper{
       max-width: 30rem;
       margin: auto;
   }
   
   .content .header-grid-adjust{
       max-width: 100vw;
       margin: 0;
   }
    .lottie-image{
        margin-left: -15%;
}
}

h1 em {
    font-style: normal;
    color: #b6b6b6;
}



video {
    mix-blend-mode:multiply;
}

.video-footer, .video-js{
    background-color: #f2f2f2;
}

.blur-effect {
    filter: blur(10px);
    transition: filter 0.5s ease-out;
    backface-visibility: hidden; 
    transform: translateZ(0); 
    will-change: filter;
}

.hovered {
    transition: filter 0.1s ease-out;
}
    
.blur-text {
    display: inline-block; 
}

.blur-text span {
    display: inline; 
}

.button-full.button-secondary-variant-color{
    border: solid 1px transparent;
    background-color: transparent; /* F2F2F2 in RGBA with 50% opacity */
}

.button-full.button-secondary-variant-color:hover{
    background-color: #FFFFFF;
    color: black;
    border: solid 1px #FFFFFF;
}
.area-wrapper:hover .has-secondary-variant-background-color-hover, 
.has-secondary-variant-background-color, 
.is-accordion .area-content:hover.has-secondary-variant-background-color-hover, 
.is-accordion[open] .area-content.has-secondary-variant-background-color-hover {
    background-color: transparent; /* Change to any color you want */
}

 #menu-main-menu-navigation{
    /*background-color: rgba(242, 242, 242, 0.5); 
    backdrop-filter: blur(10px); 
    border-radius: 5px;*/
    padding: 0.5em;
    gap: 0.5em;
}

#button__hover-grey>a:hover{
    background-color: #b9b9b9!important ;
}

.logotype .icon {
    width: 10rem !important;
}

.area-content .logotype {
    padding: 0.5em;
}