.elementor-18462 .elementor-element.elementor-element-a807963:not(.elementor-motion-effects-element-type-background), .elementor-18462 .elementor-element.elementor-element-a807963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#018A85;}.elementor-18462 .elementor-element.elementor-element-a807963{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18462 .elementor-element.elementor-element-a807963 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18462 .elementor-element.elementor-element-83cefda{text-align:center;}.elementor-18462 .elementor-element.elementor-element-83cefda .elementor-heading-title{color:#FFFFFF;}.elementor-18462 .elementor-element.elementor-element-83cefda > .elementor-widget-container{padding:41px 41px 41px 41px;}.elementor-18462 .elementor-element.elementor-element-0eace7d:not(.elementor-motion-effects-element-type-background), .elementor-18462 .elementor-element.elementor-element-0eace7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#018A85;}.elementor-18462 .elementor-element.elementor-element-0eace7d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18462 .elementor-element.elementor-element-0eace7d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18462 .elementor-element.elementor-element-c5f23f3{color:#FFFFFF;font-family:"Overpass", Sans-serif;font-size:20px;font-weight:400;line-height:1.3em;}.elementor-18462 .elementor-element.elementor-element-d73146a:not(.elementor-motion-effects-element-type-background), .elementor-18462 .elementor-element.elementor-element-d73146a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#018A85;}.elementor-18462 .elementor-element.elementor-element-d73146a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18462 .elementor-element.elementor-element-d73146a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18462 .elementor-element.elementor-element-9a75e65 .elementor-button{border-radius:2px 2px 2px 2px;padding:-9px -9px -9px -9px;}.elementor-18462 .elementor-element.elementor-element-9a75e65 > .elementor-widget-container{margin:8px 8px 8px 8px;}.elementor-18462 .elementor-element.elementor-element-4c42b0d{width:100%;max-width:100%;}.elementor-18462 .elementor-element.elementor-element-467be44:not(.elementor-motion-effects-element-type-background), .elementor-18462 .elementor-element.elementor-element-467be44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#018A85;}.elementor-18462 .elementor-element.elementor-element-467be44{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18462 .elementor-element.elementor-element-467be44 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for button, class: .elementor-element-9a75e65 */<style>
  /* Popup background */
  #popupForm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
  }
 
  /* Popup box */
  #popupForm .popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 300px;
    max-width: 90%;
    margin: 100px auto;
    text-align: center;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.2);
  }
 
  #popupForm input {
    width: 90%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
 
  #popupForm button {
    padding: 10px 15px;
    border: none;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
  }
 
  #submitEmail {
    background: #28a745;
    color: white;
  }
 
  #closePopup {
    background: #dc3545;
    color: white;
  }
</style>
 
<!-- Download Button -->
<button id="downloadBtn">Download whitepaper</button>
 
<!-- Popup Form -->
<div id="popupForm">
  <div class="popup-content">
    <h3>Enter your Email</h3>
    <input type="email" id="emailInput" placeholder="Please type your email" required />
    <br>
    <button id="submitEmail">Submit</button>
    <button id="closePopup">Close</button>
  </div>
</div>
 
<script>
  const downloadBtn = document.getElementById("downloadBtn");
  const popupForm = document.getElementById("popupForm");
  const submitEmail = document.getElementById("submitEmail");
  const closePopupBtn = document.getElementById("closePopup");
 
  // Click on Download Button
  downloadBtn.addEventListener("click", function() {
    if (!localStorage.getItem("emailEntered")) {
      popupForm.style.display = "block";
    } else {
      // Already submitted → Download directly
      window.location.href = "https://zamirion.de/wp-content/uploads/2025/09/Data-Governance-Whitepaper-ENglish.pdf"; 
    }
  });
 
  // Submit Email
  submitEmail.addEventListener("click", function() {
    let email = document.getElementById("emailInput").value;
    if (email) {
      localStorage.setItem("emailEntered", email);
      popupForm.style.display = "none";
      window.location.href = "https://zamirion.de/wp-content/uploads/2025/09/Data-Governance-Whitepaper-ENglish.pdf"; // 🔹 Add file link
    } else {
      alert("Please enter a valid email address");
    }
  });
 
  // Close Popup
  closePopupBtn.addEventListener("click", function() {
    popupForm.style.display = "none";
  });
</script>/* End custom CSS */