/* Erweiterte Container-Klassen für größere Breiten */
.container-wide {
  --gk-gutter-x: 2.5rem;
  --gk-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--gk-gutter-x) * 0.5);
  padding-left: calc(var(--gk-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-wide {
    max-width: 640px !important;
  }
}
@media (min-width: 768px) {
  .container-wide {
    max-width: 820px !important;
  }
}
@media (min-width: 992px) {
  .container-wide {
    max-width: 1060px !important;
  }
}
@media (min-width: 1200px) {
  .container-wide {
    max-width: 1240px !important;
  }
}
@media (min-width: 1400px) {
  .container-wide {
    max-width: 1520px !important;
  }
}
@media (min-width: 1600px) {
  .container-wide {
    max-width: 1720px !important;
  }
}

/* Noch breitere Container-Klasse */
.container-extra-wide {
  --gk-gutter-x: 2.5rem;
  --gk-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--gk-gutter-x) * 0.5);
  padding-left: calc(var(--gk-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-extra-wide {
    max-width: 740px !important;
  }
}
@media (min-width: 768px) {
  .container-extra-wide {
    max-width: 920px !important;
  }
}
@media (min-width: 992px) {
  .container-extra-wide {
    max-width: 1160px !important;
  }
}
@media (min-width: 1200px) {
  .container-extra-wide {
    max-width: 1340px !important;
  }
}
@media (min-width: 1400px) {
  .container-extra-wide {
    max-width: 1620px !important;
  }
}
@media (min-width: 1600px) {
  .container-extra-wide {
    max-width: 1820px !important;
  }
}
@media (min-width: 1920px) {
  .container-extra-wide {
    max-width: 90% !important;
  }
}