body {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    height: 100vh;
	    margin: 0;
	    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	    text-align: center;
    
	    background-image: url('background.svg'); 
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
        }

        /* Der Glass-Container */
        .glass-card {
            background: rgba(255, 255, 255, 0.15); /* Semi-transparentes Weiß */
            backdrop-filter: blur(15px); /* Das ist der "Frosted Glass" Effekt */
            -webkit-backdrop-filter: blur(15px); /* Für Safari Support */
            border: 1px solid rgba(255, 255, 255, 0.3); /* Heller Rand für Kanten-Highlight */
            border-radius: 30px;
            padding: 3rem 5rem;
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); /* Tiefer Schatten für 3D-Effekt */
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        h1 {
            font-size: 3.5rem;
            margin-bottom: 0.5rem;
            color: black;
            letter-spacing: -1px;
            opacity: 0;
            /* Animation startet sofort */
            animation: fadeIn 1.5s ease-in-out forwards;
        }

        p {
            font-size: 1.2rem;
            color: rgba(0, 0, 0, 0.8); /* Leicht transparentes Weiß */
            opacity: 0;
            /* Animation startet verzögert (nach 1 Sekunde) */
            animation: fadeIn 1.5s ease-in-out 1s forwards;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); } /* Kommt leicht von unten geschoben */
            to { opacity: 1; transform: translateY(0); }
        }