/* ═══════════════════════════════════════════
   Vorträge Block – Frontend
   Präfix: vt-
   ═══════════════════════════════════════════ */

.vt-wrap {
    --vt-bg: #2d2d2d;
    --vt-text: #cccccc;
    --vt-accent: #c8d84c;
    --vt-header: #888888;

    background-color: var(--vt-bg);
    color: var(--vt-text);
    /*padding: 40px 50px;*/
    font-family: krub;
}

/* ── Header Row ── */
.vt-header {
    display: grid;
    grid-template-columns: 80px 1fr 120px 2fr;
    gap: 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--vt-accent);
    color: var(--vt-header);
    font-size: 13px;
    font-style: italic;
}

/* ── Data Row ── */
.vt-row {
    display: grid;
    grid-template-columns: 80px 1fr 120px 2fr;
    gap: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid var(--vt-accent)!important;
    align-items: center;
    color:#ffffff;
    font-family: krub;
}

.vt-row:last-child {
    border-bottom: none;
}

/* ── Cells ── */
.vt-jahr {
    font-weight: 700;
    font-size: 15px;
}

.vt-event {
    font-size: 15px;
}

.vt-format-badge {
    display: inline-block;
    border: 1px solid var(--vt-accent);
    color: #ffffff;
    padding: 3px 14px;
    font-size: 14px;
    border-radius: 2px;
    line-height: 1.4;
    white-space: nowrap;
}

.vt-thema {
    font-size: 14px;
    line-height: 1.5;
    font-style: italic;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .vt-wrap {
        padding: 30px 24px;
    }

    .vt-header {
        display: none;
    }

    .vt-row {
        grid-template-columns: 1fr;
        gap: 8px 0;
        padding: 18px 0;
    }

    .vt-jahr {
        font-size: 13px;
        color: #ffffff!important;
    }

    .vt-event {
        font-size: 16px;
        font-weight: 600;
    }

    .vt-format-cell {
        /* badge stays inline */
    }

    .vt-thema {
        font-size: 13px;
        opacity: 0.85;

    }
}

@media (max-width: 480px) {
    .vt-wrap {
        padding: 20px 16px;
    }
}