/* in style.css */
:root {
    --video-distance-default: 200;
    --video-distance-easylang: 540;
}


.intro-block .video {
    align-self: flex-start;
    max-height: 100%;
    padding-top: var(--header, 0px);
}

.intro-block video {
    object-fit: contain;
    height: 100%;
    width: calc(100% + var(--padding));
    max-width: calc(100% + var(--padding));
    margin-left: calc(0px - var(--padding));
}
@media screen and (max-width: 1180px) {
    .intro-block video {
        width: calc(100% + var(--padding) * 2);
        max-width: calc(100% + var(--padding) * 2);
        margin-left: calc(0px - var(--padding));
        margin-right: calc(0px - var(--padding));
    }
}

@media only screen and (max-width: 1080px) {
    .intro-block .video {
        padding-top: 0;
    }
    .intro-block.flexbox>.md_6.video,
    .intro-block.flexbox>.md_6.video + .text {
        width: 100%;
    }
    .intro-block.flexbox>.md_6.video + .text {
        padding-top: 0;
        margin: 0 auto;
    }
}

.logo {
  opacity: 1;
  transition: opacity 0.3s ease;
}
/* nur auf Mobile aktiv */
@media (max-width: 767px) {
  .logo.hidden {
    opacity: 0;
    pointer-events: none;
  }
}