/* 1. MASTER-RESERVIERUNG */
/* Sorgt dafür, dass deine 900px-Tabelle immer zentriert bleibt */
body {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* 2. TABELLEN-STABILISATOR */
/* Zwingt die Tabellen, ihre im HTML gesetzte Breite (904px/890px) zu respektieren, 
   aber nie breiter als der Bildschirm zu werden */
table {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* 3. BILD-KORREKTUR */
/* Das ist der wichtigste Teil: Verhindert, dass das Logo oder Discord-Banner 
   das Layout sprengen, falls der Bildschirm schmaler als 900px ist */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* 4. TEXT-SICHERUNG */
/* Verhindert, dass extrem lange Wörter (oder Ravioli-Dosen-Listen) 
   die Tabellenzellen unkontrolliert auseinanderdrücken */
td {
    word-wrap: break-word;
    max-width: 900px;
}