h1 {
  font-family: Oswald;
}
#header-1 {
	background: white !important;
}
div#title {
    width: 100%;
    height: 300px;
    margin-bottom: 3rem;
}
#pic-title {
    font-size: 72px;
    color: white;
    text-align: left;
    padding: 50px;
    font-family: Oswald !important;
}
div#title {
    background: url("images/background-banner.jpg");
    background-position: right top;
}
.schedule th {
    background: inherit !important;
    font-weight: normal !important;
}
@media only screen and (max-width: 767px) {
    thead {
        display: none !important;
    }
    .schedule td:nth-child(2):not([colspan])::before {
        content: "Großer Saal: ";
        font-style: italic;
        display: block; /* Causes line wrap. */
    }
    .schedule td:nth-child(3)::before {
        content: "Ballsaal: ";
        font-style: italic;
        display: block;
    }
    .schedule td:nth-child(4)::before {
        content: "Kammermusiksaal (auf Englisch): ";
        font-style: italic;
        display: block;
    }
    .schedule td:nth-child(5)::before {
        content: "Robert-Schumann-Zimmer: ";
        font-style: italic;
        display: block;
    }
    .ui.table.schedule:not(.unstackable) tr > td, .ui.table.schedule:not(.unstackable) tr > th {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }
}
.ui.table tbody tr td.selectable {
    padding: 2em;
}
.schedule a:link, .schedule a:visited {
    color: inherit;
    /* text-decoration: underline; */
}
.schedule a:hover, .schedule a:active {
    color: #444;
    /* text-decoration: underline; */
}
article div.image {
    margin-bottom: 2rem;
}
.small {
    font-size: 80%;
}