.container {

    width: min(1200px, 90%);

    margin: 0 auto;

}


.section {

    padding: 6rem 0;

}


.container{

    width:min(1200px,90%);

    margin:auto;
}


.section{

    padding:8rem 0;
}


.grid{

    display:grid;
}


.grid--2{

    grid-template-columns:repeat(2,1fr);

    gap:2rem;
}


.grid--3{

    grid-template-columns:repeat(3,1fr);

    gap:2rem;
}


.grid--4{

    grid-template-columns:repeat(4,1fr);

    gap:2rem;
}


/*
Grid-Items dürfen schrumpfen (Default min-width:auto verhindert das),
damit Karten/Boxen auf schmalen Screens nicht über den rechten Rand
des Containers hinauslaufen.
*/

.hero-stat,
.service-card,
.advantage-card,
.industry-card,
.process-card,
.project-card,
.team-card,
.person-card,
.stat-box {

    min-width: 0;
}