/*#region Margin Css-Class Mappings */
/*#region TOP*/
@media (min-width: 920px) {
    .mt-header-height {
        margin-top: var(--header-height);
    }
}

.mt-form-field {
    margin-top: var(--form-field-spacing);
}

.mt-1 {
    margin-top: var(--spacing-tiny) !important;
}

.mt-smaller {
    margin-top: var(--spacing-smaller);
}

.mt-2 {
    margin-top: var(--spacing-small) !important;
}

.mt-3 {
    margin-top: var(--spacing-medium) !important;
}

.mt-4 {
    margin-top: var(--spacing-large) !important;
}

.mt-5 {
    margin-top: var(--spacing-larger);
}

.mt-6 {
    margin-top: var(--spacing-big);
}

.mobile-mt-1 {
    margin-top: var(--spacing-tiny);
}

.mobile-mt-smaller {
    margin-top: var(--spacing-smaller);
}

.mobile-mt-2 {
    margin-top: var(--spacing-small);
}

.mobile-mt-3 {
    margin-top: var(--spacing-medium);
}

.mobile-mt-4 {
    margin-top: var(--spacing-large);
}

.mobile-mt-5 {
    margin-top: var(--spacing-larger);
}

.mobile-mt-6 {
    margin-top: var(--spacing-big);
}


/** Größere Monitore **/
@media only screen and (min-width: 768px) {

    .mobile-mt-smaller,
    .mobile-mt-1,
    .mobile-mt-2,
    .mobile-mt-3,
    .mobile-mt-4,
    .mobile-mt-5,
    .mobile-mt-6 {
        margin-top: 0px;
    }
}
/*#endregion*/

/*#region RIGHT*/
.mr-1 {
    margin-right: var(--spacing-tiny) !important;
}

.mr-smaller {
    margin-right: var(--spacing-smaller);
}

.mr-2 {
    margin-right: var(--spacing-small);
}

.mr-3 {
    margin-right: var(--spacing-medium) !important;
}

.mr-4 {
    margin-right: var(--spacing-large) !important;
}

.mr-5 {
    margin-right: var(--spacing-larger);
}

.margin-right-big {
    margin-right: var(--spacing-big);
}

.mobile-mr-1 {
    margin-right: var(--spacing-tiny);
}

.mobile-mr-smaller {
    margin-right: var(--spacing-smaller);
}

.mobile-mr-2 {
    margin-right: var(--spacing-small);
}

.mobile-mr-3 {
    margin-right: var(--spacing-medium);
}

.mobile-mr-4 {
    margin-right: var(--spacing-large);
}

.mobile-mr-5 {
    margin-right: var(--spacing-larger);
}

.mobile-margin-right-big {
    margin-top: var(--spacing-big);
}

.mobile-mr-0 {
    margin-right: unset !important;
}

/** Größere Monitore **/
@media only screen and (min-width: 768px) {

    .mobile-mr-smaller,
    .mobile-mr-1,
    .mobile-mr-2,
    .mobile-mr-3,
    .mobile-margin-right-large,
    .mobile-mr-5,
    .mobile-margin-right-big {
        margin-right: 0px;
    }
}
/*#endregion*/

/*#region LEFT*/
.ml-1 {
    margin-left: var(--spacing-tiny) !important;
}

.ml-smaller {
    margin-left: var(--spacing-smaller);
}

.ml-2 {
    margin-left: var(--spacing-small) !important;
}

.ml-3 {
    margin-left: var(--spacing-medium);
}

.ml-4 {
    margin-left: var(--spacing-large) !important;
}

.ml-5 {
    margin-left: var(--spacing-larger);
}

.ml-6 {
    margin-left: var(--spacing-big);
}

.mobile-ml-1 {
    margin-left: var(--spacing-tiny);
}

.mobile-ml-smaller {
    margin-left: var(--spacing-smaller);
}

.mobile-ml-2 {
    margin-left: var(--spacing-small);
}

.mobile-ml-3 {
    margin-left: var(--spacing-medium);
}

.mobile-ml-4 {
    margin-left: var(--spacing-large);
}

.mobile-ml-5 {
    margin-left: var(--spacing-larger);
}

.mobile-ml-6 {
    margin-top: var(--spacing-big);
}

/** Größere Monitore **/
@media only screen and (min-width: 768px) {

    .mobile-ml-smaller,
    .mobile-ml-1,
    .mobile-ml-2,
    .mobile-margin-left-medium,
    .mobile-ml-4,
    .mobile-ml-5,
    .mobile-ml-6 {
        margin-left: 0px;
    }
}
/*#endregion*/

/*#region BOTTOM*/
.mb-form-field {
    margin-bottom: var(--form-field-spacing);
}


.mb-1 {
    margin-bottom: var(--spacing-tiny) !important;
}

.mb-smaller {
    margin-bottom: var(--spacing-smaller);
}

.mb-2 {
    margin-bottom: var(--spacing-small) !important;
}

.mb-3 {
    margin-bottom: var(--spacing-medium) !important;
}

.mb-4 {
    margin-bottom: var(--spacing-large) !important;
}

.mb-5 {
    margin-bottom: var(--spacing-larger);
}

.mb-6 {
    margin-bottom: var(--spacing-big);
}

.mobile-mb-1 {
    margin-bottom: var(--spacing-tiny) !important;
}

.mobile-mb-smaller {
    margin-bottom: var(--spacing-smaller);
}

.mobile-mb-2 {
    margin-bottom: var(--spacing-small);
}

.mobile-mb-3 {
    margin-bottom: var(--spacing-medium);
}

.mobile-mb-4 {
    margin-bottom: var(--spacing-large);
}

.mobile-mb-5 {
    margin-bottom: var(--spacing-larger);
}

.mobile-mb-6 {
    margin-top: var(--spacing-big);
}


/** Größere Monitore **/
@media only screen and (min-width: 768px) {

    .mobile-mb-smaller,
    .mobile-mb-1,
    .mobile-mb-2,
    .mobile-margin-bottom-medium,
    .mobile-mb-4,
    .mobile-mb-5,
    .mobile-mb-6 {
        margin-bottom: 0px !important;
    }
}
/*#endregion*/
/*#endregion Margin Css-Class Mappings END ++++++ */