.video-wrapper {
    position: relative;
}

.video-code-overlay {
    position: absolute;
    font-size: 24px;
    color: red;
    background-color: rgba(255, 255, 255, 0.5); /* Halbtransparenter Hintergrund */
    padding: 5px;
    z-index: 1000; /* Sicherstellen, dass das Overlay über dem Video liegt */
    opacity: 0.7; /* Reduzierte Opazität */
    transition: all 0.5s ease; /* Sanfter Übergang bei Positionswechsel */
    display: none; /* Das Overlay wird versteckt, bis das Video startet */
}

/* Zusätzliche Regel für den Vollbildmodus */
:fullscreen .video-code-overlay,
:-webkit-full-screen .video-code-overlay,
:-moz-full-screen .video-code-overlay,
:-ms-fullscreen .video-code-overlay {
    position: absolute; /* Sicherstellen, dass das Overlay auch im Vollbildmodus absolut positioniert bleibt */
    z-index: 1000; /* Overlay über dem Vollbild-Video anzeigen */
    font-size: 24px;
    color: red;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px;
    opacity: 0.7;
}