00:00:00

				
					<script>
// Function to format numbers with leading zeros
function formatTime(num) {
    return num < 10 ? "0" + num : num;
}

// Function to get the current time in Denmark
function getDenmarkTime() {
    const now = new Date();
    const utcTime = now.getTime() + now.getTimezoneOffset() * 60000; // UTC time in milliseconds
    const denmarkOffset = 1 * 60 * 60 * 1000; // CET offset (1 hour in milliseconds)
    const dstOffset = isDSTInDenmark() ? 1 * 60 * 60 * 1000 : 0; // Check if daylight saving time is active
    return new Date(utcTime + denmarkOffset + dstOffset);
}

// Function to check if Denmark is currently in Daylight Saving Time (DST)
function isDSTInDenmark() {
    const now = new Date();
    const january = new Date(now.getFullYear(), 0, 1); // January 1st
    const july = new Date(now.getFullYear(), 6, 1); // July 1st
    const standardTimezoneOffset = Math.max(january.getTimezoneOffset(), july.getTimezoneOffset());
    return now.getTimezoneOffset() < standardTimezoneOffset; // DST if current offset is less
}

// Function to update the clock text
function updateClock() {
    const denmarkTime = getDenmarkTime();
    const hours = formatTime(denmarkTime.getHours());
    const minutes = formatTime(denmarkTime.getMinutes());
    const seconds = formatTime(denmarkTime.getSeconds());
    const clockElement = document.querySelector('.real-time-clock');
    if (clockElement) {
        clockElement.textContent = `${hours}:${minutes}:${seconds}`;
    }
}

// Function to animate the clock with GSAP
function animateClock() {
    gsap.to('.real-time-clock', {
        opacity: 0.5,
        duration: 0.5,
        onComplete: () => {
            updateClock(); // Update the time after fading out
            gsap.to('.real-time-clock', { opacity: 1, duration: 0.5 }); // Fade back in
        }
    });
}

// Initialize the clock and set it to update every second
updateClock(); // Initial update
setInterval(animateClock, 1000); // Animate and update every second
</script>

				
			
				
					.real-time-clock {
    font-family: Helvetica, Arial, sans-serif; /* Helvetica with fallbacks */
    font-size: 24px; /* 12px font size */
    font-weight: 500; /* 500 font weight */
    color: #Ffffff; /* Light cream color */
    text-align: center; /* Optional: Center-align the text */
    letter-spacing: 2px
}
.real-time-clock {
    mix-blend-mode: difference; /* Enable blending effect */
    font-family: Helvetica, Arial, sans-serif; /* Font family */
    font-size: 24px; /* Font size */
    font-weight: 500; /* Font weight */
    color: #Ffffff; /* Initial text color */
    text-align: center; /* Center-align the clock text */
    background: none; /* Transparent background */
}