.container{
    width: min(1100px, 100% - 2rem);
    margin: 2rem auto;
}

.grid{
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;              /* Mobile: 1 Spalte */
}

@media (min-width: 700px){
    .grid{ grid-template-columns: repeat(2, 1fr); }  /* Tablet: 2 Spalten */
}

@media (min-width: 1000px){
    .grid{ grid-template-columns: repeat(3, 1fr); }  /* Desktop: 3 Spalten */
}