Sei unbedingt live dabei – Es wird keine Aufzeichnung geben!
15. April 2026, um 16.30 Uhr
@media screen and (max-width: 767px) {
.countdown-number, .countdown-label {
font-size: 15px !important;
}
.countdown-box {
height: 60px !important;
}
.countdown-container {
gap: 10px !important;
}
}
@media screen and (min-width: 768px) {
.countdown-number {
font-size: 45px !important;
}
.countdown-label {
font-size: 28px !important;
}
.countdown-container {
gap: 20px !important;
}
.countdown-box {
height: 120px !important;
}
}
.countdown-container {
display: flex !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 300 !important;
margin: 0 auto !important; /* Method 1 */
max-width: fit-content !important;
/* oder */
/* justify-content: center; /* Method 2 */
/* width: 100%; */
}
.countdown-box {
background-color: #2D2D28 !important;
width: 200px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
color: white !important;
border-radius: 0px !important;
}
.countdown-number {
line-height: 1!important;
}
.countdown-label {
margin-top: 3px !important;
}
00
Tage
00
Stunden
00
Minuten
00
Sekunden
function updateCountdown() {
const endDate = new Date('April 15, 2026 16:30:00').getTime();
const now = new Date().getTime();
const distance = endDate - now;
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById('days').innerText = days.toString().padStart(2, '0');
document.getElementById('hours').innerText = hours.toString().padStart(2, '0');
document.getElementById('minutes').innerText = minutes.toString().padStart(2, '0');
document.getElementById('seconds').innerText = seconds.toString().padStart(2, '0');
}
updateCountdown();
setInterval(updateCountdown, 1000);