/* ================================================================
   MATRIXARENA v19.7 – einheitliche Menübreite nach Elo-Rangliste

   Referenz ist ausdrücklich die sichtbare Breite der Elo-Tabelle.
   Die Bootstrap-Rangliste besitzt einen Container mit 1,5rem Gutter.
   Deshalb werden für alle Menüseiten die sichtbaren Innenbreiten des
   Bootstrap-Containers übernommen.
   ================================================================ */

/*
 * Jeder oberste Seitenbereich wird zentriert und erhält dieselbe
 * sichtbare Breite wie der Inhalt der Elo-Rangliste. Die Breite bleibt
 * immer kleiner als der verfügbare Platz und erzeugt daher auch neben
 * der festen Sidebar keinen horizontalen Überlauf.
 */
.content > * {
    box-sizing: border-box;
    width: calc(100% - 1.5rem);
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/*
 * Die Elo-Rangliste selbst nutzt einen Bootstrap-Container. Dessen
 * seitlicher Gutter wird hier entfernt, weil die gleiche Einrückung
 * bereits über die gemeinsame sichtbare Breite abgebildet wird.
 * Dadurch bleibt die Tabelle exakt so breit wie vorher.
 */
.content > :is(
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid
) {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Sichtbare Bootstrap-Containerbreite: 540px minus 24px Gutter. */
@media (min-width: 576px) {
    .content > * {
        max-width: 516px !important;
    }
}

/* Sichtbare Bootstrap-Containerbreite: 720px minus 24px Gutter. */
@media (min-width: 768px) {
    .content > * {
        max-width: 696px !important;
    }
}

/* Sichtbare Bootstrap-Containerbreite: 960px minus 24px Gutter. */
@media (min-width: 992px) {
    .content > * {
        max-width: 936px !important;
    }
}

/* Sichtbare Bootstrap-Containerbreite: 1140px minus 24px Gutter. */
@media (min-width: 1200px) {
    .content > * {
        max-width: 1116px !important;
    }
}

/* Sichtbare Bootstrap-Containerbreite: 1320px minus 24px Gutter. */
@media (min-width: 1400px) {
    .content > * {
        max-width: 1296px !important;
    }
}

/*
 * Einzelne ältere Seiten besitzen innerhalb ihres Seitenbereichs noch
 * eine feste Kartenbegrenzung. Sie dürfen den gemeinsamen Rahmen füllen.
 */
.content .season-registration-card {
    width: 100% !important;
    max-width: none !important;
}

.content .table-responsive,
.content table.table {
    width: 100%;
}

@media (max-width: 575.98px) {
    .content > * {
        min-width: 0;
    }
}