/*
 * netzmal Designsystem: Abstände
 * -----------------------------
 * Richtungshelfer verwenden standardmäßig --nm-space-md. Eine zusätzliche
 * nm-space-*-Klasse wählt bei Bedarf eine andere Stufe der zentralen Skala.
 */

.nm-space-xs { --nm-space: var(--nm-space-xs); }
.nm-space-sm { --nm-space: var(--nm-space-sm); }
.nm-space-md { --nm-space: var(--nm-space-md); }
.nm-space-lg { --nm-space: var(--nm-space-lg); }
.nm-space-xl { --nm-space: var(--nm-space-xl); }

.nm-stack-space {
    --nm-stack-space: var(--nm-space, var(--nm-space-default));
}

.p { padding: var(--nm-space, var(--nm-space-default)); }
.pt { padding-top: var(--nm-space, var(--nm-space-default)); }
.pr { padding-right: var(--nm-space, var(--nm-space-default)); }
.pb { padding-bottom: var(--nm-space, var(--nm-space-default)); }
.pl { padding-left: var(--nm-space, var(--nm-space-default)); }
.px {
    padding-right: var(--nm-space, var(--nm-space-default));
    padding-left: var(--nm-space, var(--nm-space-default));
}

.py {
    padding-top: var(--nm-space, var(--nm-space-default));
    padding-bottom: var(--nm-space, var(--nm-space-default));
}

.m { margin: var(--nm-space, var(--nm-space-default)); }
.mt { margin-top: var(--nm-space, var(--nm-space-default)); }
.mr { margin-right: var(--nm-space, var(--nm-space-default)); }
.mb { margin-bottom: var(--nm-space, var(--nm-space-default)); }
.ml { margin-left: var(--nm-space, var(--nm-space-default)); }
.mx {
    margin-right: var(--nm-space, var(--nm-space-default));
    margin-left: var(--nm-space, var(--nm-space-default));
}

.my {
    margin-top: var(--nm-space, var(--nm-space-default));
    margin-bottom: var(--nm-space, var(--nm-space-default));
}