/* Zusatzstile fuer die Hilfeseiten der Wuerfel-App.
   Aktuell nur die Variantenvergleichs-Tabelle auf der Chicago-Seite:
   sie stellt nebeneinander, was sich zwischen Basis, Bayrisch und Tschigg
   unterscheidet - damit die gemeinsamen Regeln nicht dreimal dastehen. */

.varianten {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    font-size: 0.95em;
}

.varianten caption {
    caption-side: top;
    text-align: left;
    font-weight: bold;
    padding-bottom: 0.5em;
}

.varianten th,
.varianten td {
    border: 1px solid #d5d5d5;
    padding: 0.55em 0.7em;
    vertical-align: top;
    text-align: left;
}

.varianten thead th {
    background-color: #75ca2a;
    color: #ffffff;
    border-color: #5aa61f;
}

.varianten tbody th {
    background-color: #f4f4f4;
    font-weight: bold;
    width: 22%;
}

.varianten tbody tr:nth-child(even) td {
    background-color: #fafafa;
}

/* Auf schmalen Anzeigen darf die Tabelle waagerecht scrollen, statt die
   Seite zu sprengen. */
.varianten-huelle {
    overflow-x: auto;
}