.event-block {
    font-family: inherit;
    color: inherit;
}

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

.event-table th {
    text-align: left;
    font-weight: 600;
    padding: 0.4em 0.25em;
    border-bottom: 2px solid currentColor;
    font-size: 0.95em;
}

.event-table td {
    padding: 0.45em 0.25em;
    border-bottom: 1px solid #e5e7eb;
    vertical-align: top;
    font-size: 0.95em;
}

.event-table__date {
    white-space: nowrap;
    font-weight: 700;
}

.event-table__city {
    font-weight: 600;
}

.event-table__location {
    font-weight: 600;
}

.event-table__details td {
    color: #ffffff;
}

.event-table__ticket {
    margin-left: 0.35em;
}

/* Tablet & Mobile Anpassungen */
@media (max-width: 900px) {

    /* Grundstruktur */
    .event-table,
    .event-table tbody,
    .event-table tr,
    .event-table td {
        display: block;
        width: 100%;
    }

    .event-table td {
        border-bottom: unset !important;
    }

    .event-table thead {
        display: none;
    }

    /* Flex-Container für die Zeile */
    .event-table__row {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 12px 0;
    }

    .event-table__details {
        border-bottom: 2px solid #ffffff !important;
    }

    /* Datum und Stadt nebeneinander */
    .event-table__row td.event-table__date,
    .event-table__row td.event-table__city {
        display: inline-block !important;
        width: auto !important;
        padding-bottom: 0;
    }

    /* REIHENFOLGE TAUSCHEN */
    .event-table__city {
        order: 1;
        /* City kommt zuerst */
        text-align: left;
        /* City linksbündig */
        font-weight: 600;
        font-size: 18px;
    }

    .event-table__date {
        order: 2;
        /* Date kommt danach (rechts) */
        text-align: right;
        /* Date rechtsbündig */
        font-size: 18px;
        font-weight: bold;
    }

    /* Location und Rest wieder volle Breite und unter die "Header-Zeile" */
    .event-table__row td.event-table__location,
    .event-table__row td.event-table__details,
    .event-table__row td.event-table__ticket {
        display: block !important;
        width: 100% !important;
        padding-top: 5px;
        order: 3;
        /* Alles andere kommt nach Stadt/Datum */
    }

    .event-table__location a {
        word-break: break-word;
        text-decoration: underline;
    }

    .event-table__details td {
        font-size: 14px;
        display: block;
    }

    .event-table__ticket {
        color: var(--wp--preset--color--primary) !important;
        margin-top: 10px;
    }
}

.event-table__details td {
    color: var(--wp--preset--color--primary) !important;
}

.event-table__ticket {
    color: var(--wp--preset--color--primary) !important;
    margin-top: 10px;
}

.event-table td {
    border-bottom: unset !important;
}

.event-table__details {
    border-bottom: 2px solid #ffffff;
}