/* =========================================
   Drei Banner-Module
   ========================================= */

.container-top-a {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    /* Abstand zwischen den Modulen */
    gap: 50px;

    /* Gruppe zentrieren */
    width: calc(100% - 40px);
    max-width: 1770px;
    margin-left: auto;
    margin-right: auto;

    align-items: stretch;
}

/* Jedes Modul hat die gleiche Breite */
.container-top-a > * {
    min-width: 0;
}

/* Inhalt der Module zentrieren */
.container-top-a .moduletable {
    width: 100%;
    text-align: center;
}


/* =========================================
   Bilder
   Modul 3 = 538 px → Maßstab für alle
   ========================================= */

/* Modul 1: 266 / 538 = 49,44 % */
.container-top-a > *:nth-child(1) img {
    width: 49.44%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Modul 2: 237 / 538 = 44,05 % */
.container-top-a > *:nth-child(2) img {
    width: 44.05%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Modul 3: 538 / 538 = 100 % */
.container-top-a > *:nth-child(3) img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


/* =========================================
   Smartphone
   ========================================= */

@media (max-width: 767px) {
    .container-top-a {
        grid-template-columns: 1fr;
        gap: 50px;
        width: calc(100% - 40px);
    }

    .container-top-a > *:nth-child(1) img {
        width: 49.44%;
    }

    .container-top-a > *:nth-child(2) img {
        width: 44.05%;
    }

    .container-top-a > *:nth-child(3) img {
        width: 100%;
    }
}
}