body {
    padding-bottom: 40px;
}

.event-card {
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.event-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Animation beim Erscheinen eines Events */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Journey Overlay */
.journey-overlay {
    position: fixed;
    inset: 0;
    background: radial-gradient(circle at top, rgba(255,255,255,0.95), rgba(240,240,240,0.98));
    z-index: 1050;
}

.journey-card {
    max-width: 480px;
    border-radius: 1.25rem;
}