body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* Prevent scroll bars */
}

#video-bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-width: 100%; /* Ensure the video covers the entire width */
    min-height: 100%; /* Ensure the video covers the entire height */
    object-fit: cover; /* Scale the video to cover the entire container while maintaining aspect ratio */
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: -100; /* Ensure the video is behind other content */
    transform: translateX(-50%) translateY(-50%); /* Center the video */
}
#bg_overlay {
	background-image:url("1x/bg_10.png");
	background-repeat: repeat;
	background-color: rgba(5,169,131,0);
	height: 100%;
	width: 100%;
	color: blue;
	animation: slideBackground 100s linear infinite;
	opacity: 0.3;
}
@keyframes slideBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 459px; /* ganze bildbreite und ca 100px pro 10s sieht gut flüssig aus*/
    }
}