#popup-container {
			z-index:490000;
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.9);
            z-index: 9999;
            overflow: auto;
            text-align: center;
        }
        #close-btn {
			z-index:500000;
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            padding: 10px;
            font-size: 16px;
            color: #333;
            background-color: #fff;
            border: none;
            border-radius: 5px;
            outline: none;
            transition: background-color 0.3s;
        }
        #close-btn:hover {
            background-color: #f2f2f2;
        }
        #video-player {
			z-index:495000;
            width: 100%;
            height: auto;
            max-width: 100%;
            max-height: 100%;
        }
		
        .popup-overlay {
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.9);
            z-index: 9999;
            overflow: auto;
            text-align: center;
            justify-content: center; /* Zentriert den Inhalt horizontal */
            align-items: center; /* Zentriert den Inhalt vertikal */
        }
        
        .popup-content {
            position: relative; /* Wichtig für die absolute Positionierung des Schließbuttons */
            display: inline-block; /* Passt die Größe an den Inhalt an */
            text-align: left; /* Stellt den Text innerhalb des Popups linksbündig dar */
        }
        
        .close-btn {
            position: absolute;
            top: -10px; /* Anpassen, um außerhalb des Containers zu positionieren */
            right: -10px;
            cursor: pointer;
            padding: 10px;
            font-size: 16px;
            color: #333;
            background-color: #fff;
            border: none;
            border-radius: 5px;
            outline: none;
            transition: background-color 0.3s;
            z-index: 500000; /* Stellt sicher, dass der Button über den anderen Elementen liegt */
        }
        
        .close-btn:hover {
            background-color: #f2f2f2;
        }
        
        .video-player img {
            max-width: 40vw; /* Macht das Bild responsiv */
            height: auto; /* Erhält die Proportionen des Bildes */
        }

    /* Stil für den Footer */
    footer {
        position: relative;
        bottom: 0;
        width: 100%;
    }

    /* Stil für den Copyright-Text */
    .copyright {
        text-align: center;
    }

    /* Stil für die sozialen Links */
    .foo-social {
        text-align: center;
    }
	
	        /* Instagram Icon anpassen */
        .bi-instagram {
            color: #833AB4; /* Instagram-Farbe */
        }

        /* Facebook Icon anpassen */
        .bi-facebook {
            color: #3B5998; /* Facebook-Farbe */
        }