.container {
    background-color: #EEEEEE;
    width: 50%;
    min-width: 45em;
    margin: 2em auto 0;
    padding: 1em;
}

.termine-container {
    width: 100%;
    display: table;
}

.termin-container:nth-child(odd) {
    background-color: #DDDDDD;
}

.header-container {
    background-color: #888888;
    color: #FFFFFF;

    display: table-row;
}

.termin-container {
    display: table-row;
}

.body-container {
    display: table-row-group;
}

.termin-container:nth-child(even) {
    background-color: #BBBBBB;
}

.tag {
    margin: 0;
    font-size: 1.5em;
    line-height: 100%;
    padding-bottom: 1em;
}

.wochentag {
    font-size: 1em;
}

.wochentag:after {
    content: ' ';
}

.datum {
    font-size: 0.6em;
}

.header-container > div,
.termin-container > div {
    padding: 0.2em 1em;
    border-right: 1px solid black;

    display: table-cell;
}

.header-container > div:last-child,
.termin-container > div:last-child {
    border-right: none;
}

.header-container > div.showInfoDialog,
.termin-container > div.showInfoDialog {
    text-align: center;
    max-width: 4em;
    width: 4em;
}



@media only screen and (max-width: 480px) {
    html,
    body,
    #frmPfarreikalender {
        height: 100%;
    }

    #full-container {
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    #frmPfarreikalender\:pgTermine {
        flex-grow: 1;
        overflow: scroll;
    }

    .container {
        background-color: #EEEEEE;
        width: 100%;
        min-width: unset;
        margin: 2em auto 0;
        padding: 1em;
    }

    .termine-container > thead {
        display: none;
    }

    .termin-container > td {
        display: block;
        border-left: none;
        border-right: none;
    }

    .termin-container > td:first-child {
        border-top: solid 1px black;
    }

    .termin-container:first-child > td:first-child {
        border-top: none;
    }

    .termin-container > td:before {
        content: attr(data-label) ': ';
        display: inline-block;
        width: 6em;
        font-weight: bold;
    }

}
