body {
    font-family: Arial, sans-serif;
    background-color: #929090d5; /* Weißer Hintergrund */
    color: #A60000; /* Dunkelrot */
    margin: 0;
    padding: 20px;
}

header {
    background-color: #9E2A2B; /* Dunkelrot */
    color: #FFFFFF; /* Weiß */
    padding: 10px 0;
    text-align: center; /* Zentrieren des Inhalts */
}

header p {
    margin: 0; /* Margin entfernen */
}

.container {
    margin-top: 20px;
    text-align: center; /* Zentrieren des Containers */
}

h2 {
    border-bottom: 2px solid #9E2A2B;
    padding-bottom: 5px;
}

.audio-item {
    margin-bottom: 20px;
}

.audio-item div {
    font-weight: bold; /* Überschriften fett */
}

audio {
    display: inline-block; /* Inline-block für zentrierte Ausrichtung */
    margin-top: 5px; /* Abstand zwischen Überschrift und Audio-Player */
    align-self: center; /* Für bessere Zentrierung in flexiblen Layouts */
}

/* Responsive Design */
@media (max-width: 600px) {
    body {
        padding: 10px; /* Weniger Padding auf kleinen Bildschirmen */
    }

    h1 {
        font-size: 24px; /* Kleinere Schriftgröße */
    }

    h2 {
        font-size: 20px; /* Kleinere Schriftgröße */
    }
}