/* Achtergrond */
.page-container {
    background-image: url("../img/achtergrond-half.png");
    background-size: 50% auto;
    background-position: top left;
}

/* Flipbook container */
.flipbook {
    width: min(90vw, 800px);
    aspect-ratio: 1130 / 800;
    position: relative;
    perspective: 2000px;
    margin: 40px auto;
}

/* Sheets */
.flipbook .sheet {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform-style: preserve-3d;
    transform-origin: left center;
    transition: transform 1s ease;
}

/* Flip animatie */
.flipbook .sheet.flipped {
    transform: rotateY(-180deg);
}

/* Voor- en achterkant */
.flipbook .front,
.flipbook .back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    backface-visibility: hidden;
}

.flipbook .back {
    transform: rotateY(180deg);
}

/* Afbeeldingen */
.flipbook img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Objectlabel */
.objectlabel {
    margin-top: 20px;
    text-align: right;
    padding-right: 5%;
}

/* Responsive: op mobiel flipbook centreren en label onderaan */
@media (max-width: 768px) {
    .objectlabel {
        text-align: center;
        padding-right: 0;
    }
}