/* Klassen, die wie Bootstrap Klassen geschrieben sind */

.mt-6 {
    margin-top: 4rem !important;
}
  
.mt-8 {
    margin-top: 5rem !important;
}
  
.mt-10 {
    margin-top: 6rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}
  
.mb-8 {
    margin-bottom: 5rem !important;
}
  
.mb-10 {
    margin-bottom: 6rem !important;
}

/* sm */
@media (min-width: 576px) {
    .mt-sm-6 {
        margin-top: 4rem !important;
    }
    .mt-sm-8 {
        margin-top: 5rem !important;
    }
    .mt-sm-10 {
        margin-top: 6rem !important;
    }
    .mb-sm-6 {
        margin-bottom: 4rem !important;
    }
    .mb-sm-8 {
        margin-bottom: 5rem !important;
    }
    .mb-sm-10 {
        margin-bottom: 6rem !important;
    }
}


/* md */
@media (min-width: 768px) {
    .mt-md-6 {
        margin-top: 4rem !important;
    }
    .mt-md-8 {
        margin-top: 5rem !important;
    }
    .mt-md-10 {
        margin-top: 6rem !important;
    }
    .mb-md-6 {
        margin-bottom: 4rem !important;
    }
    .mb-md-8 {
        margin-bottom: 5rem !important;
    }
    .mb-md-10 {
        margin-bottom: 6rem !important;
    }
}


/* lg */
@media (min-width: 992px) {
    .mt-lg-6 {
        margin-top: 4rem !important;
    }     
    .mt-lg-8 {
        margin-top: 5rem !important;
    } 
    .mt-lg-10 {
        margin-top: 6rem !important;
    }
    .mb-lg-6 {
        margin-bottom: 4rem !important;
    }     
    .mb-lg-8 {
        margin-bottom: 5rem !important;
    } 
    .mb-lg-10 {
        margin-bottom: 6rem !important;
    }
}


/* xl */
@media (min-width: 1200px) {
    .mt-xl-6 {
        margin-top: 4rem !important;
    }
    .mt-xl-8 {
        margin-top: 5rem !important;
    }
    .mt-xl-10 {
        margin-top: 6rem !important;
    }
    .mb-xl-6 {
        margin-bottom: 4rem !important;
    }
    .mb-xl-8 {
        margin-bottom: 5rem !important;
    }
    .mb-xl-10 {
        margin-bottom: 6rem !important;
    }
}


/* xxl */
@media (min-width: 1400px) {
    .mt-xxl-6 {
        margin-top: 4rem !important;
    }
    .mt-xxl-8 {
        margin-top: 5rem !important;
    }
    .mt-xxl-10 {
        margin-top: 6rem !important;
    }
    .mb-xxl-6 {
        margin-bottom: 4rem !important;
    }
    .mb-xxl-8 {
        margin-bottom: 5rem !important;
    }
    .mb-xxl-10 {
        margin-bottom: 6rem !important;
    }
}