/* Tailwind CSS ist bereits via CDN eingebunden, hier nur zusätzliche benutzerdefinierte Stile */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6;
}

canvas#bgCanvas {
    opacity: 0.2;
}

/* Hover-Animationen für Karten */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Mobile-First: Anpassungen für größere Bildschirme */
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 960px;
    }
}