/* SECTIONS */
section{
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}
.section-wrapper{
    max-width: var(--section-max-width);
    gap: var(--section-gap);

    display: grid;
    grid-template-columns: repeat(10, 1fr); /* 10 gelijke kolommen */
    
    margin-left: auto;
    margin-right: auto;
}
section:has( ~ section){
    padding-bottom: calc(0.5 * var(--section-padding-bottom));
}
section ~ section{
    padding-top: calc(0.5 * var(--section-padding-top));
}

.w10 { grid-column: span 1; }
.w20 { grid-column: span 2; }
.w30 { grid-column: span 3; }
.w40 { grid-column: span 4; }
.w50 { grid-column: span 5; }
.w60 { grid-column: span 6; }
.w70 { grid-column: span 7; }
.w80 { grid-column: span 8; }
.w90 { grid-column: span 9; }
.w100 { grid-column: span 10; }




/* NAV */
.nav-list{
    flex-direction: row;
    display: flex;
    gap: var(--gap);
    list-style: none;
    margin: 0;
    padding: 0;
}