/* Container voor startpagina */
.ontstaan-container {
    display: flex;
    flex-direction: row; /* links-rechts */
    height: 100vh;       /* volledige schermhoogte */
    gap: 0;
    margin: 0;
}

/* Linkerkolom: afbeelding met hotspots */
.ontstaan-left {
    flex: 0 0 60%;      /* 60% breedte */
    overflow-y: auto;   /* scrollbar indien nodig */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* bovenaan uitlijnen */
}

.ontstaan-left img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Rechterkolom: Wikipedia iframe */
.ontstaan-right {
    flex: 0 0 40%;     /* 40% breedte */
    height: 100%;
}

.ontstaan-right iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* Container voor de startpagina */
.ontstaan-container {
    display: flex;
    flex-direction: row;
    height: 100vh; /* volledige hoogte van het scherm */
}

/* Links: tijdlijn */
.ontstaan-left {
    flex: 0 0 60%;        /* 60% breedte */
    overflow-y: auto;      /* scroll als de afbeelding te hoog is */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
}

.ontstaan-left img {
    max-width: 100%;
    height: auto;          /* voorkomt uitrekken */
}

/* Rechts: Wikipedia iframe */
.ontstaan-right {
    flex: 0 0 40%;        /* 40% breedte */
}

.ontstaan-right iframe {
    width: 100%;
    height: 100%;
    border: none;
}