.cb-parallax {
    position: relative;
    min-height: var(--cb-parallax-height, 60vh);
    display: flex;
    align-items: var(--cb-parallax-align, center);
    overflow: hidden;
    color: #fff;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* das ist der eigentliche "steht beim Scrollen"-Teil */
    background-attachment: fixed;
}

.cb-parallax__overlay {
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / calc(var(--cb-parallax-overlay, 35) / 100));
}

.cb-parallax__inner {
    position: relative;
    z-index: 1;
    width: min(1100px, 92%);
    margin: 0 auto;
    padding: 3rem 0;
}

/* iOS/Safari-Fallback: fixed ist dort oft eingeschränkt/aus */
@supports (-webkit-touch-callout: none) {
    .cb-parallax {
        background-attachment: scroll;
    }
}