.tt-content {
    display: flex;
    flex-direction: column;
}

.tt-header {
    display: none;
    background-color: gainsboro;
    color: inherit;
}

.tt-header.mobile {
    display: flex;
    justify-content: space-between;
}

.tt-column-title {
    display: none;
    text-align: center;
}

.tt-header.mobile .tt-column-title {
    display: block;
    width: calc(100% / 6);
}

.tt-column-title.active {
    background-color: darkgray;
    color: white;
}

.tt-column-content {
    display: none;
    font-size: 0.75em;
}

.tt-column-content.active {
    display: block;
}

.tt-event {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 1rem;
}

.tt-time,
.tt-instructor {
    font-weight: bold;
}

.tt-label.Montag::before {
    content: "Mo";
}

.tt-label.Dienstag::before {
    content: "Di";
}

.tt-label.Mittwoch::before {
    content: "Mi";
}

.tt-label.Donnerstag::before {
    content: "Do";
}

.tt-label.Freitag::before {
    content: "Fr";
}

.tt-label.Samstag::before {
    content: "Sa";
}

.tt-label.Sonntag::before {
    content: "So";
}

.tt-title {
    text-transform: uppercase;
}


/* **************************** */

@media only screen and (min-width: 992px) {
    .tt-header {
        display: none;
    }
    .tt-header.mobile {
        display: none;
    }
    .tt-content {
        flex-direction: row;
    }
    .tt-column {
        width: calc(100% / 6);
    }
    .tt-column-title {
        display: block;
    }
    .tt-column-content {
        display: block;
        padding: 0.5rem;
    }
    /* *************************** */
    /*             .tt-label.Montag::before {
                content: "Montag";
            }
            .tt-label.Dienstag::before {
                content: "Dienstag";
            }
            .tt-label.Mittwoch::before {
                content: "Mittwoch";
            }
            .tt-label.Donnerstag::before {
                content: "Donnerstag";
            }
            .tt-label.Freitag::before {
                content: "Freitag";
            }
            .tt-label.Samstag::before {
                content: "Samstag";
            }
            .tt-label.Sonntag::before {
                content: "Sonntag";
            } */
}