body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }

        /* Hero Animationen (wie bisher) */
        @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        .animate-on-load { opacity: 0; animation: fadeInUp 0.8s ease-out forwards; }
        .animate-fade-in { opacity: 0; animation: fadeIn 1s ease-out forwards; }

        /* Scroll-Animationen */
        .scroll-animate {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 0.9s ease-out, transform 0.9s ease-out;
        }
        .scroll-animate.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        .scroll-animate.delay-1 { transition-delay: 0.1s; }
        .scroll-animate.delay-2 { transition-delay: 0.2s; }
        .scroll-animate.delay-3 { transition-delay: 0.3s; }
        .scroll-animate.delay-4 { transition-delay: 0.4s; }
        .scroll-animate.delay-5 { transition-delay: 0.5s; }
		/* Hero Text Stagger Animation */
		.hero-fade-1,
		.hero-fade-2,
		.hero-fade-3,
		.hero-fade-4 {
		  opacity: 0;
		}

		.hero-fade-1 {
		  animation: fadeInUp 0.7s ease-out forwards;
		}

		.hero-fade-2 {
		  animation: fadeInUp 0.7s ease-out 0.12s forwards;
		}

		.hero-fade-3 {
		  animation: fadeInUp 0.7s ease-out 0.24s forwards;
		}

		.hero-fade-4 {
		  animation: fadeInUp 0.7s ease-out 0.36s forwards;
		}
		.content-box {
    max-width: 800px;         /* Breite der Box */
    margin: 40px auto;        /* Zentriert die Box */
    padding: 30px;            /* Innenabstand */
    background: #ffffff;      /* Weißer Hintergrund */
    border: 2px solid #e0e0e0;/* Dezenter Rahmen */
    border-radius: 12px;      /* Abgerundete Ecken */
    box-shadow: 0 4px 20px rgba(0,0,0,0.08); /* Eleganter Schatten */
    text-align: center;       /* Text mittig */
    line-height: 1.6;
}