/* === Custom Container Breiten für alle Breakpoints === */
/* === Custom Container Breiten (optimiertes Grid) === */

.container {
  width: 100%;
  max-width: 1220px;   /* feste Obergrenze für sehr große Bildschirme */
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}


@media (min-width: 576px)  { 
  .container { max-width: 560px; } 
}
@media (min-width: 768px)  { 
  .container { max-width: 720px; } 
}
@media (min-width: 992px)  { 
  .container { max-width: 960px; } 
}
@media (min-width: 1200px) { 
  .container { max-width: 1100px; } 
}
@media (min-width: 1400px) { 
  .container { max-width: 1220px; } 
}