<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Event Popup </title>
<style>
body {
margin: 0;
font-family: "Inter", sans-serif;
overflow-x: hidden !important;
}
/* DARK OVERLAY */
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
/* POPUP */
.popup-content {
background-color: #fff;
width: 90%;
max-width: 700px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.popup-header img {
width: 100%;
display: block;
}
.popup-body {
padding: 20px 25px 30px;
text-align: center;
color: #191919;
}
.popup-close {
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
background-color: #A2C516;
color: #ffffff;
font-size: 20px;
font-weight: bold;
border-radius: 50%;
border: none;
cursor: pointer;
}
/* ❄ SNOW CONTAINER */
#snow-universum {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none !important;
z-index: 999999999 !important;
overflow: hidden !important;
opacity: 1;
transition: opacity 0.6s ease;
}
/* ausgeblendet beim Scrollen */
#snow-universum.hidden {
opacity: 0;
}
/* ❄ EINZELNE FLOCKE */
#snow-universum .flake {
position: absolute;
color: white;
will-change: transform;
user-select: none;
}
/* ❄ FALL-ANIMATION */
@keyframes fall {
0% {
transform: translateY(-10vh);
}
100% {
transform: translateY(110vh);
}
}
</style>
<!-- ⏰ POPUP AUSBLENDEN AB 30.11.2025 – 22:30 -->
<script>
document.addEventListener("DOMContentLoaded", function () {
const hideAfter = new Date("2025-11-30T22:30:00");
const now = new Date();
if (now > hideAfter) {
const popup = document.getElementById("popup");
if (popup) popup.style.display = "none";
}
});
</script>
</head>