/* ════════════════════════════════════════════════════════════
   entries-Modul — Basis-Layout (Zwei-Spalten, Mobile-Reflow, Video)
   ════════════════════════════════════════════════════════════ */

.entry {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    scroll-margin-top: calc(var(--nav-sticky-offset) + 5px);
}
.entry ~ .entry {
    border-top: 2px solid var(--color-primary);
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}
.entry:last-child {
    margin-bottom: 2rem;
}

/* ── Zweispaltiges Layout ─────────────────────────────── */
.entry--two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: start; /* rechte Spalte bleibt oben wenn linke höher */
}
.entry__left,
.entry__right {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* Linke Spalte oben verankert (erbt das Grid-align-items: start wie die rechte Spalte) */

/* ── Einspaltiges Layout ──────────────────────────────── */
.entry:not(.entry--two-col) .entry__left {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── YouTube-Video-Embed (responsive 16:9) ────────────── */
.entry__video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
    border-radius: 4px;
}

/* ── Responsive: 768px — Wrapper auflösen, Reihenfolge ─ */
@media (max-width: 768px) {
    .entry__text,
    .entry__gallery,
    .entry__video,
    .entry__audioplayer {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .entry--two-col {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .entry__left,
    .entry__right {
        display: contents; /* Wrapper verschwindet aus dem Layout */
    }
    /* Reihenfolge: Text → Galerie → Video → Audio */
    .entry__text        { order: 1; }
    .entry__gallery     { order: 2; }
    .entry__video       { order: 3; }
    .entry__audioplayer { order: 4; }
}