table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 2rem 0;
    font-size: 1.4rem;
    color: #FFFFFF;
    text-align: center;
    color: var(--color2);
}
table th, table td {
    padding: 1rem;
}
table tr:nth-of-type(odd) {
    background-color: var(--backgroundTr);
}
table tr.zahlavi {
    background-color: var(--color1);
    border-bottom: 3px solid var(--color2);
    color: var(--color2);
}
table button {
    display: inline-block;
    font-size: 1rem;
}
  
@media (width < 600px) {
    tr {
        display: flex;
        flex-direction: column;
        text-align: left;
    }
    tr.zahlavi {
        display: none;
    }
    tr td {
        font-size: 1.1rem;
        padding: 0.5rem;
    }
    tr td::before {
        font-weight: bold;
        margin-bottom: 0.5rem;
        display: inline-block;
        width: 35%;
        margin-right: 1rem;
        text-align: right;
    }
    table.prehledSloves td:nth-of-type(1)::before {
        content: "Člen: ";
    }
    table.prehledSloves td:nth-of-type(2)::before {
        content: "Španělsky: ";
    }
    table.prehledSloves td:nth-of-type(3)::before {
        content: "Česky: ";
    }
    table.prehledSloves td:nth-of-type(4)::before {
        content: "Obchod: ";
    }
    table.pravidla td:nth-of-type(1)::before {
        content: "Osoba: ";
    }
    table.pravidla td:nth-of-type(2)::before {
        content: "-AR: ";
    }
    table.pravidla td:nth-of-type(3)::before {
        content: "-ER: ";
    }
    table.pravidla td:nth-of-type(4)::before {
        content: "-IR: ";
    }
}