/* ==========================================================
   FOLD LAYOUT
========================================================== */

/* ==========================================================
   GLOBAL PAGE WIDTH
   Eine einzige Breitenlogik für alle FOLD-Seiten
========================================================== */

:root{
    --fold-page-width:94vw;
    --fold-page-max-width:1680px;
}

.fold-support-page,
.fold-events-page,
.fold-model-page,
.fold-safety-page,
.fold-cargo-page,
.fold-accessory-page,
.fold-about-page,
.fold-press-page,
.fold-privacy-page,
.fold-imprint-page,
.fold-dealers-page,
.fold-legal-page,
.fold-dealer-form-page,
.fold-contact-page,
.fold-recommend-page,
.fold-test-ride-page,
.fold-details-page{
    width:min(var(--fold-page-width),var(--fold-page-max-width));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
}

.fold-clean .fc-section,
.fold-clean .fc-features{
    width:min(var(--fold-page-width),var(--fold-page-max-width));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
}

/* Page */

.fold-page{
    width:100%;
    overflow:hidden;
}

/* Sections */

.fold-section{
    padding:120px 0;
}

.fold-section-small{
    padding:80px 0;
}

.fold-section-large{
    padding:160px 0;
}

/* Container */

.fold-container{
    width:min(100% - 48px,1400px);
    margin:0 auto;
}

.fold-container-wide{
    width:min(100% - 48px,1600px);
    margin:0 auto;
}

.fold-content{
    max-width:720px;
}

/* Grid */

.fold-grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.fold-grid-3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.fold-grid-4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px;
}

/* Stack */

.fold-stack{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.fold-stack-large{
    display:flex;
    flex-direction:column;
    gap:48px;
}