/* Grid-System – mobile first. Breakpoints aus der Projekt-Konfiguration. */
.mm-grid{display:grid;grid-template-columns:var(--mm-grid-m,minmax(0,1fr));align-items:start}
.mm-grid>*{min-width:0}
@media (min-width:768px){.mm-grid{grid-template-columns:var(--mm-grid-t,var(--mm-grid-m,minmax(0,1fr)))}}
@media (min-width:1024px){.mm-grid{grid-template-columns:var(--mm-grid-d,var(--mm-grid-t,minmax(0,1fr)))}}

.mm-grid--gap-small{gap:var(--mm-grid-gap-s,.5rem)}
.mm-grid--gap-medium{gap:var(--mm-grid-gap-m,1.5rem)}
.mm-grid--gap-large{gap:var(--mm-grid-gap-l,3rem)}
.mm-grid--gap-none{gap:0}

.mm-grid--equal{align-items:stretch}
.mm-grid--equal .mm-grid__col>*{height:100%}

.mm-grid__col{
    min-width:0;
    align-self:var(--mm-col-align-y);
    justify-items:var(--mm-col-align-x);
    padding:var(--mm-col-padding);
    background-color:var(--mm-col-bg);
    background-image:var(--mm-col-bg-image);
    background-position:var(--mm-col-bg-position);
    background-repeat:var(--mm-col-bg-repeat);
    background-size:var(--mm-col-bg-size);
}
@media (max-width:767px){
    .mm-grid__col{
        align-self:var(--mm-col-align-y-m,var(--mm-col-align-y));
        justify-items:var(--mm-col-align-x-m,var(--mm-col-align-x));
    }
}
.mm-grid__col--sticky{position:sticky;top:var(--mm-col-sticky-offset,0)}