.rib-container {
    position: relative;
    height: 99.7vh;
    width: 100%;
    overflow: hidden;
    border: 1px solid #fff;
}

.rib-container {
    position: sticky;
    top: 0.5px;
    z-index: 10;
}
.rib-container p {
margin: 0!important;
}

/* Button oben drüber */
.rib-button {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;

    background: rgba(0,0,0,0.7);
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

/* Bild wrapper */
.rib-image-wrapper {
    height: 100%;
    width: 100%;
}

/* Das eigentliche Bild */
.rib-image {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* 🔥 entscheidend */
    object-position: center; /* zentriert */
    display: block;
}