/* Media Query für Bildschirme bis 768px */
@media (max-width: 768px) {
    .header {
        padding: 0.5rem;
    }

    .header img {
        width: 80px;
        height: 80px;
    }

    .header h1 {
        font-size: 1.5rem;
    }
    /* Bilder untereinander mit Fließtext */
    figure {
        flex-direction: column; /* Vertikale Anordnung für Smartphones */
    }

    .image-wrapper {
        flex: 0 0 auto; /* Automatische Breite für das Bild */
        margin-bottom: 10px; /* Abstand zwischen Bild und Text */
    }

    .text-wrapper {
        flex: 1 1 auto; /* Text nimmt den restlichen Platz ein */
    }
}

/* Media Query für Bildschirme bis 480px */
@media (max-width: 480px) {
    .header {
        flex-direction: column; /* Ändert die Flexrichtung für sehr kleine Bildschirme */
        align-items: center; /* Zentriert Inhalt auf sehr kleinen Bildschirmen */
        text-align: center;
        padding: 0.5rem;
    }

    .header img {
        width: 80px;
        height: 80px;
        margin-bottom: 0.5rem; /* Abstand zum Text */
    }

    .header h1 {
        font-size: 1.25rem;
        margin: 0; /* Verhindert zusätzlichen Abstand */
    }
    /* Bilder untereinander mit Fließtext */
    figure {
        flex-direction: column; /* Vertikale Anordnung für Smartphones */
    }

    .image-wrapper {
        flex: 0 0 auto; /* Automatische Breite für das Bild */
        margin-bottom: 10px; /* Abstand zwischen Bild und Text */
    }

    .text-wrapper {
        flex: 1 1 auto; /* Text nimmt den restlichen Platz ein */
    }
}