.oerv-presse-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.oerv-presse-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    gap: 4px;
    width: 100%;
}
.oerv-presse-button.active {
    background: var(--global-palette-btn-bg-hover);
}
.oerv-presse-images {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}
.oerv-presse-image-box {
    height: var(--oerv-presse-default-image-h);
    width: var(--oerv-presse-default-image-w);
    max-width: calc(var(--oerv-presse-default-image-w) * 1.6);
    flex: 1 1 auto;
}
.oerv-presse-image-box:nth-of-type(2n) {
    width: calc(var(--oerv-presse-default-image-w) * 0.6);
}
.oerv-presse-image-box:nth-of-type(3n) {
    width: calc(var(--oerv-presse-default-image-w) * 0.8);
}
.oerv-presse-image-box:nth-of-type(4n) {
    width: calc(var(--oerv-presse-default-image-w) * 1.2);
}
.oerv-presse-image{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media (767px > width) {
    .oerv-presse-images {
        gap: 10px;
        --oerv-presse-default-image-w: 100px;
        --oerv-presse-default-image-h: 150px;
    }
    .oerv-presse-lightbox svg {
        width: min(12vw, 8vh);
    }
}
@media (767px <= width) {
    .oerv-presse-images {
        gap: 20px;
        --oerv-presse-default-image-w: 250px;
        --oerv-presse-default-image-h: 250px;
    }
    .oerv-presse-lightbox svg {
        width: 70px;
    }
}
.oerv-presse-lightbox {
    display: block;
    opacity: 0;
    position: fixed;
    z-index: 1001;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 0;
    line-height: 1;
    background-color: #000000bb;
    transition: height 0s 0.4s, opacity 0.4s;
    svg {
        fill: none;
        stroke: #fff;
        stroke-linejoin: round;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 3;
    }
    .oerv-presse-close-box {
        display: none;
        position: fixed;
        top: min(5vw, 3vh);
        right: min(5vw, 3vh);
    }
    .oerv-presse-left-box {
        display: none;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        left: min(5vw, 3vh);
    }
    .oerv-presse-right-box {
        display: none;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        right: min(5vw, 3vh);
    }
    .oerv-presse-download-box {
        display: none;
        position: fixed;
        bottom: min(5vw, 3vh);
        right: min(5vw, 3vh);
        flex-direction: column;
        align-items: end;
        p {
            color: var(--global-palette9);
            text-align: right;
            line-height: 1.5;
            filter: drop-shadow(0px 0px 4px black);
        }
    }
    .oerv-presse-hero-image {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }
}
.oerv-presse-lightbox.active {
    opacity: 1;
    height: 100vh;
    transition: height 0s, opacity 0.4s;
    .oerv-presse-close-box, .oerv-presse-left-box, .oerv-presse-right-box {
        display: block;
    }
    .oerv-presse-download-box {
        display: flex;
    }
}
body.no-scroll {
    overflow: hidden;
    padding-right: var(--scrollbar-offset);
    #masthead {
        padding-right: var(--scrollbar-offset);
    }
}