/* Importiere Tailwind CSS */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss @2.2.19/dist/tailwind.min.css');

/* Eigene Anpassungen */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1, h2, h3 {
    line-height: 1.3;
}

a {
    transition: color 0.3s ease;
}

button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Animationen */
.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Responsive Fixes */
@media (max-width: 768px) {
    .nav-menu {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero h1 {
        font-size: 2rem;
    }
}