.usroeko2027hero {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2400 / 1040;
    width:100vw;
}

.usroeko2027hero .block-bg-video {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 67%;
    height: 100%;
    right: 0;
    left: auto;
    overflow: hidden;
}

.usroeko2027hero .block-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.usroeko2027hero .block-overlay-svg {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.usroeko2027hero .block-overlay-svg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-filter:brightness(1) contrast(1);
    filter:brightness(1) contrast(1);
}

/* Default: Light-Overlay sichtbar, Dark-Overlay ausgeblendet */
.usroeko2027hero .block-overlay-svg .overlay-dark {
    display: none;
}

/* Wenn body.dark gesetzt: umschalten */
body.dark .usroeko2027hero .block-overlay-svg .overlay-light {
    display: none;
}

body.dark .usroeko2027hero .block-overlay-svg .overlay-dark {
    display: block;
}

.usroeko2027hero .visually-hidden-content {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}