.inhalt{
    text-align: center;
    
}

.inhalt img{
    max-width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: 10px 20px 10px silver;
}


.body {
    background-color: black;
    display: flex;
    justify-content: center;
    margin: 0;
}


h1 {
    /* Wähle eine passende Schriftart, die wie eine Leuchtreklame wirkt */
    font-family: 'Monoton', cursive; /* Beispiel: Monoton von Google Fonts */
    font-size: 5rem; /* Etwas größer für einen besseren Effekt */
    color: #ffd900; /* Die Grundfarbe der "angeschalteten" Schrift */

    /* Animation anwenden */
    animation: rummel-flackern 1.5s infinite;
}


/* Die Animation, die das Flackern steuert */
@keyframes rummel-flackern {
    /*
      Die verschiedenen Prozentpunkte definieren die Zustände während der Animation.
      Wir wechseln zwischen einem leuchtenden "An"-Zustand und einem dunklen "Aus"-Zustand.
      Die unregelmäßigen Abstände lassen es zufällig und realistisch flackern.
    */
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        /* --- "AN"-ZUSTAND --- */
        /* Mehrere Text-Schatten übereinander erzeugen den Leuchteffekt */
        text-shadow:
            0 0 4px #fff,
            0 0 10px #ffc600,
            0 0 20px #ffc600,
            0 0 40px #ff8d00,
            0 0 80px #ff8d00;
        
        color: #ffd900;
    }
    
    20%, 24%, 55% {
        /* --- "AUS"-ZUSTAND --- */
        /* Schatten und Farbe werden entfernt, um das Flackern zu erzeugen */
        text-shadow: none;
        color: #806c00; /* Eine dunkle, "ausgeschaltete" Version der Farbe */
    }
}