/*!
 * CSS für NGfP Sidebar Fix – v1.3.0
 * - Sidebar rechts, ohne Überlappung
 * - Beiträge in zwei gleich breiten „Kästchen“‑Spalten (Desktop)
 * - Eine Spalte unter 992 px
 */

/* ---------- Gesamt‑Layout: Inhalt + Sidebar ---------- */
.ngfp-layout {
    /* Grid statt Flex: Spalte 1 flexibel, Spalte 2 feste 320 px */
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 2rem;

    max-width: 1280px;
    /* zentriert wie Theme */
    margin: 0 auto;
}

/* ---------- Hauptinhalt ---------- */
.ngfp-layout>.site-main {
    min-width: 0;
    /* verhindert Überblendung durch Sidebar */
}

/* --- Zwei „Kästchen“‑Spalten innerhalb des Theme‑Rows --- */
.ngfp-layout .pb-grid-post-row {
    display: grid !important;
    /* überschreibt Theme‑Flexbox :contentReference[oaicite:0]{index=0} */
    grid-template-columns: repeat(2, 1fr);
    /* exakt zwei Spalten */
    gap: 2rem;
}

/* Grid‑Items sauber einpassen  */
.ngfp-layout .pb-grid-post-col {
    width: 100% !important;
    /* Theme entfernt eigene Breite */
    margin: 0 !important;
    /* alle Ränder über Grid‑Gap */
}

/* ---------- Sidebar ---------- */
.ngfp-layout>.c-sidebar {
    /* feste Breite bereits in grid-template-columns */
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {

    /* Gesamt‑Layout stapeln */
    .ngfp-layout {
        grid-template-columns: 1fr;
    }

    /* Beiträge einspaltig */
    .ngfp-layout .pb-grid-post-row {
        grid-template-columns: 1fr;
    }
}