/* ------------------------------
   Frontend CSS für Startlisten / Veranstaltungen
   ------------------------------
   Geschlecht: w = rot, m = blau
   Platz 1 = gold
   Tabelle: gleiche Spaltenbreiten, sauber, lesbar, druckfreundlich
   ------------------------------ */

/* Grundlayout */
body {
    font-family: Arial, sans-serif;
    margin: 20px;
    background-color: #f9f9f9;
    color: #333;
}

header {
    margin-bottom: 20px;
}

header h1 {
    font-size: 24px;
    margin-bottom: 5px;
}

header p {
    font-size: 14px;
    margin: 0;
}

nav a {
    text-decoration: none;
    color: #007BFF;
    margin-right: 10px;
}

nav a:hover {
    text-decoration: underline;
}

/* Startlisten */
.startlist {
    margin-bottom: 40px;
}

.startlist h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.startlist h4 {
    margin-bottom: 5px;
    font-size: 16px;
}

/* Tabellen */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
    table-layout: fixed; /* Feste Spaltenbreiten */
}

th, td {
    border: 1px solid #ccc;
    padding: 6px 8px;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
}

th {
    background-color: #eee;
}

/* Spaltenbreiten definieren */
table th:nth-child(1), table td:nth-child(1) { width: 10%; }  /* Platz */
table th:nth-child(2), table td:nth-child(2) { width: 30%; }  /* Name */
table th:nth-child(3), table td:nth-child(3) { width: 15%; }  /* Zeit oder Geburtsjahr */
table th:nth-child(4), table td:nth-child(4) { width: 15%; }  /* Geburtsjahr */
table th:nth-child(5), table td:nth-child(5) { width: 30%; }  /* Verein */

/* Geschlecht */
.gender-w td {
    background-color: #ffe6e6; /* weiblich = hellrosa */
}

.gender-m td {
    background-color: #e6f0ff; /* männlich = hellblau */
}

/* Platz 1 */
.first-place {
    font-weight: bold;
    background-color: #ffd700 !important; /* gold */
}

/* Disziplinen */
.discipline-name {
    font-style: italic;
}

/* Hover-Effekt für Tabellenreihen */
tr:hover {
    background-color: #f1f1f1;
}

/* Druckoptimierung */
@media print {
    body {
        background-color: #fff;
        color: #000;
    }
    table {
        page-break-inside: avoid;
    }
    .first-place {
        background-color: #ffd700 !important;
    }
    nav, header p {
        display: none;
    }
}