/* Hintergrund der Seite */
body {
    font-family: Arial, sans-serif;
    background-color: #003366; /* dunkles Blau */
    color: #ffd700; /* goldgelbe Schrift */
    margin: 0;
    padding: 20px;
    font-size: 0.9em; /* eine Stufe kleiner als Standard */
}

/* Überschriften */
h1 {
    color: #ffd700; /* gelb */
    font-size: 1.7em; /* kleinere Stufe */
    font-weight: bold;
    margin-bottom: 0.2em; /* Standard ist oft 0.67em – hier enger */
    margin-top: 0.0em; /* Standard ist oft 0.67em – hier enger */
}

h2 {
    color: #ffd700; /* gelb */
    font-weight: bold;
    font-size: 1.3em; /* kleinere Stufe */
}

table {
    border-collapse: collapse;
    width: 100%;
    background-color: #003366;
    font-size: 0.9em; /* Tabelleninhalt ebenfalls kleiner */
}

th {
    background-color: #ffd700; /* gelb */
    color: #003366; /* blaue Schrift */
    padding: 4px 8px;
    text-align: left;
}

td {
    border: 1px solid #ffd700; /* gelber Rahmen */
    padding: 4px;
}

/* Rider-Zebra */
.rider-odd  {
    background-color: #004080; /* hellgrau */
}

.rider-even  {
    background-color: #003366; /* weiß */
}

    /* Optional: Hover-Effekt */
    .rider-odd  tr:hover,
    .rider-even  tr:hover {
        background-color: #0059b3; /* leichtes Blau beim Hover */
    }

.nation-row {
    background-color: #FFF176; /* gelb */
    color: #003366; /* blaue Schrift */
    text-align: left;
}
    .nation-row td {
        padding: 2px 6px; /* enger als Standard */
    }


.small-text {
    font-family: inherit; /* gleiche Schrift wie H1 (wird vom Body/H1 vererbt) */
    color: inherit; /* gleiche Farbe wie H1 */
    font-size: 1em; /* kleiner als H1 */
    font-style: italic; /* kursiv */
    margin-top: 0;
}


.ioc-flag {
    display: inline-flex;
    align-items: center; /* zentriert Kind-Elemente vertikal */
    gap: 8px; /* Abstand zwischen Flagge und Text */
}

    .ioc-flag img {
        height: 14px;
        width: auto;
        display: block; /* verhindert baseline-Verschiebung */
        margin-right: 8px; /* Abstand zum Text */
        position: relative;
        top: +2px; /* Feinkorrektur */
    }