/*
 * Frontend-Styles für den Gottesdienste-Import.
 * Normale Inhalte werden bewusst auf #141414 gesetzt.
 * Ausnahmen: Links und Absage-Hinweise.
 */
.gottesdienste-import {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin-top: 1.5rem;
    color: #141414;
}

.gottesdienste-import table {
    width: 100%;
    border-collapse: collapse;
}

/*
 * Einheitliche Textfarbe für normale Plugin-Inhalte.
 * Wichtig: strong/b werden hier bewusst NICHT erfasst,
 * damit Fettungen farblich vom Theme kommen können.
 */
.gottesdienste-import :where(table, thead, tbody, tr, th, td, p, span, em, i, u, h2, h3, h4, ul, ol, li, div) {
    color: #141414 !important;
}

.gottesdienste-import td,
.gottesdienste-import th {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

.gottesdienste-import h2,
.gottesdienste-import h3,
.gottesdienste-import h4 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.gottesdienste-import p {
    margin-bottom: 0.75rem;
}

/* Links behalten die Link-Farbe des Themes. */
.gottesdienste-import a,
.gottesdienste-import a * {
    color: revert !important;
}

/* Absagen bleiben als Hinweisfarbe hervorgehoben. */
.gottesdienst-faellt-aus,
.gottesdienst-faellt-aus * {
    color: red !important;
    font-weight: 700;
}

.gottesdienste-import table tr:not(.gottesdienst-day-row),
.gottesdienste-import table tr:not(.gottesdienst-day-row) td {
    background: #fff;
}

.gottesdienst-day-row th {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    background: #f7f7f7;
    font-weight: 700;
    line-height: 1.35;
    vertical-align: middle;
}

.gottesdienst-day-row th {
    color: #141414 !important;
}

.gottesdienst-time {
    width: 15%;
    white-space: nowrap;
    font-weight: 700;
}

.gottesdienst-place {
    width: 25%;
}

.gottesdienst-title {
    width: 60%;
}

.gottesdienst-zusatz,
.gottesdienst-kuerzel {
    font-weight: 400;
}

.gottesdienst-time-value {
    font-weight: 700;
}