/* Voorkom dat tekst en afbeeldingen geselecteerd kunnen worden */
body {
    -webkit-user-select: none;  /* Safari */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE10+ */
    user-select: none;          /* Standaard */
}

/* Een onzichtbare laag over video's en afbeeldingen leggen */
.media-container {
    position: relative;
    display: inline-block;
}

/* Dit zorgt ervoor dat de muis de afbeelding/video niet eens 'voelt' */
.media-container img, .media-container video {
    pointer-events: none;
    -webkit-touch-callout: none; /* Blokkeert bewaar-popup op iPhone */
}

/* Een onzichtbaar schild over de media zodat 'rechtermuisknop' de video niet raakt */
.media-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0); /* Volledig transparant */
    z-index: 10;
}