/* Team*/
.image-team-container img.brxe-pupeho {
    display: none;
}

.image-team-container:hover img.feature-team-image {
    display: none;
}

.image-team-container:hover img.brxe-pupeho {
    display: block;
}

.remove-spacing {
    margin-top:-62px;
}

.ff-default .ff-btn-lg {
    border-radius:0!important;
}

.fr-vertical-nav-alpha.brxe-nav-menu .bricks-nav-menu .sub-menu > li > a {
white-space: pre-wrap;
    margin-bottom: 2.1rem;
}

/* Navigation */
.lang-item a {
  gap:0.6rem!important;  
}

.lang-item span {
  font-size:1.8rem!important;  
}

/* Referenzen (Units) */
.unit-ref-container {
    position: relative;
    transition: flex 0.5s ease;
    flex: 1 1 25%;
    overflow:hidden;
}

.unit-ref-container:hover {
    flex: 1 1 40%; 
    z-index: 1; 
}

.unit-ref-container:hover ~ .unit-ref-container {
    flex: 1 1 20%; 
    transition: flex 0.5s ease; 
}

/* Units (Startseite) */

.ref-text-rotate {
  transition: .2s ease-in;
        transform: rotate(-90deg) translateX(-00%) translateY(-1.5em);
        position: absolute;
        transform-origin: right top;
        right: 0px;
        top: 1em;
        width: max-content;
}

@media screen and (max-width: 991px) {
  .ref-text-rotate {
    background: none;
        transition: .2s ease-in;
        transform: rotate(0deg) translateX(-20px); 
  }
}

.video-container:hover .ref-text-rotate {
    background: none;
        transition: .2s ease-in;
        transform: rotate(0deg) translateX(-20px); 
    right:0px!important;
}

.video-container {
    position: relative;
    transition: flex 0.5s ease;
    flex: 1 1 15%;
    overflow:hidden;
    background: rgb(0,0,0);
}

.video-container:hover {
    flex: 1 1 40%; 
    z-index: 1; 
}

.video-container:hover ~ .video-container {
    flex: 1 1 20%; 
    transition: flex 0.5s ease; 
}

.video {
object-fit:cover;  
width:100%;
height: clamp(32rem, 22.8571vw + 27.4286rem, 56rem);
min-height: clamp(32rem, 22.8571vw + 27.4286rem, 56rem);
max-height: clamp(32rem, 22.8571vw + 27.4286rem, 56rem);
    opacity: 0.5;
}

video {
display:flex!important;
}



/*
.video-container {
    height: clamp(32rem, 22.8571vw + 27.4286rem, 56rem);
    position: relative;
    overflow: hidden;
    transition: flex 0.5s ease;
    max-width: 100%;
}

.video-container:hover {
    flex: 1 1 100%; 
    z-index: 1; 
}

.video-container:hover ~ .video-container {
    flex: 1 1 15%; 
    transition: flex 0.5s ease; 
}


.video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    display: block; 
}
*/

/* Weiteres */

h1 span {
    color:var(--primary)
}