/* =============================================================================
 * margin + padding classes - vertical
 * ========================================================================== */

.mt-xxl {
    margin-top: 80px !important;
}

.mt-xl {
    margin-top: 70px !important;
}

.mt-l {
    margin-top: 60px !important;
}

.mt-m {
    margin-top: 50px !important;
}

.mt-s {
    margin-top: 40px !important;
}

.mt-xs {
    margin-top: 30px !important;
}

.mt-xxs {
    margin-top: 20px !important;
}

.mb-xxl {
    margin-bottom: 80px !important;
}

.mb-xl {
    margin-bottom: 70px !important;
}

.mb-l {
    margin-bottom: 60px !important;
}

.mb-m {
    margin-bottom: 50px !important;
}

.mb-s {
    margin-bottom: 40px !important;
}

.mb-xs {
    margin-bottom: 30px !important;
}

.mb-xxs {
    margin-bottom: 20px !important;
}

.pt-xxl {
    padding-top: 170px !important;
}

.pt-xl {
    padding-top: 150px !important;
}

.pt-l {
    padding-top: 120px !important;
}

.pt-m {
    padding-top: 100px !important;
}

.pt-s {
    padding-top: 90px !important;
}

.pt-xs {
    padding-top: 50px !important;
}

.pt-xxs {
    padding-top: 30px !important;
}

.pb-xxl {
    padding-bottom: 170px !important;
}

.pb-xl {
    padding-bottom: 150px !important;
}

.pb-l {
    padding-bottom: 120px !important;
}

.pb-m {
    padding-bottom: 100px !important;
}

.pb-s {
    padding-bottom: 90px !important;
}

.pb-xs {
    padding-bottom: 50px !important;
}

.pb-xxs {
    padding-bottom: 30px !important;
}

.mt-0 {
    margin-top: 0 !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-130 {
    margin-top: 130px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-150 {
    margin-top: 150px !important
}

.mt-160 {
    margin-top: 160px !important
}

.mt-170 {
    margin-top: 170px !important
}

.mt-180 {
    margin-top: 180px !important
}

.mt-190 {
    margin-top: 190px !important
}

.mt-200 {
    margin-top: 200px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-130 {
    margin-bottom: 130px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-150 {
    margin-bottom: 150px !important
}

.mb-160 {
    margin-bottom: 160px !important
}

.mb-170 {
    margin-bottom: 170px !important
}

.mb-180 {
    margin-bottom: 180px !important
}

.mb-190 {
    margin-bottom: 190px !important
}

.mb-200 {
    margin-bottom: 200px !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-50 {
    margin-left: 50px !important
}

.ml-60 {
    margin-left: 60px !important
}

.ml-70 {
    margin-left: 70px !important
}

.ml-80 {
    margin-left: 80px !important
}

.ml-90 {
    margin-left: 90px !important
}

.ml-100 {
    margin-left: 100px !important
}

.ml-110 {
    margin-left: 110px !important
}

.ml-120 {
    margin-left: 120px !important
}

.ml-130 {
    margin-left: 130px !important
}

.ml-140 {
    margin-left: 140px !important
}

.ml-150 {
    margin-left: 150px !important
}

.ml-160 {
    margin-left: 160px !important
}

.ml-170 {
    margin-left: 170px !important
}

.ml-180 {
    margin-left: 180px !important
}

.ml-190 {
    margin-left: 190px !important
}

.ml-200 {
    margin-left: 200px !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mr-90 {
    margin-right: 90px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mr-110 {
    margin-right: 110px !important
}

.mr-120 {
    margin-right: 120px !important
}

.mr-130 {
    margin-right: 130px !important
}

.mr-140 {
    margin-right: 140px !important
}

.mr-150 {
    margin-right: 150px !important
}

.mr-160 {
    margin-right: 160px !important
}

.mr-170 {
    margin-right: 170px !important
}

.mr-180 {
    margin-right: 180px !important
}

.mr-190 {
    margin-right: 190px !important
}

.mr-200 {
    margin-right: 200px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pt-110 {
    padding-top: 110px !important
}

.pt-120 {
    padding-top: 120px !important
}

.pt-130 {
    padding-top: 130px !important
}

.pt-140 {
    padding-top: 140px !important
}

.pt-150 {
    padding-top: 150px !important
}

.pt-160 {
    padding-top: 160px !important
}

.pt-170 {
    padding-top: 170px !important
}

.pt-180 {
    padding-top: 180px !important
}

.pt-190 {
    padding-top: 190px !important
}

.pt-200 {
    padding-top: 200px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pb-110 {
    padding-bottom: 110px !important
}

.pb-120 {
    padding-bottom: 120px !important
}

.pb-130 {
    padding-bottom: 130px !important
}

.pb-140 {
    padding-bottom: 140px !important
}

.pb-150 {
    padding-bottom: 150px !important
}

.pb-160 {
    padding-bottom: 160px !important
}

.pb-170 {
    padding-bottom: 170px !important
}

.pb-180 {
    padding-bottom: 180px !important
}

.pb-190 {
    padding-bottom: 190px !important
}

.pb-200 {
    padding-bottom: 200px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pl-110 {
    padding-left: 110px !important
}

.pl-120 {
    padding-left: 120px !important
}

.pl-130 {
    padding-left: 130px !important
}

.pl-140 {
    padding-left: 140px !important
}

.pl-150 {
    padding-left: 150px !important
}

.pl-160 {
    padding-left: 160px !important
}

.pl-170 {
    padding-left: 170px !important
}

.pl-180 {
    padding-left: 180px !important
}

.pl-190 {
    padding-left: 190px !important
}

.pl-200 {
    padding-left: 200px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pr-100 {
    padding-right: 100px !important
}

.pr-110 {
    padding-right: 110px !important
}

.pr-120 {
    padding-right: 120px !important
}

.pr-130 {
    padding-right: 130px !important
}

.pr-140 {
    padding-right: 140px !important
}

.pr-150 {
    padding-right: 150px !important
}

.pr-160 {
    padding-right: 160px !important
}

.pr-170 {
    padding-right: 170px !important
}

.pr-180 {
    padding-right: 180px !important
}

.pr-190 {
    padding-right: 190px !important
}

.pr-200 {
    padding-right: 200px !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-20 {
    padding: 20px !important
}

.p-30 {
    padding: 30px !important
}

.p-40 {
    padding: 40px !important
}

.p-50 {
    padding: 50px !important
}

.p-60 {
    padding: 60px !important
}

.p-70 {
    padding: 70px !important
}

.p-80 {
    padding: 80px !important
}

.p-90 {
    padding: 90px !important
}

.p-100 {
    padding: 100px !important
}

.p-110 {
    padding: 110px !important
}

.p-120 {
    padding: 120px !important
}

.p-130 {
    padding: 130px !important
}

.p-140 {
    padding: 140px !important
}

.p-150 {
    padding: 150px !important
}

.p-160 {
    padding: 160px !important
}

.p-170 {
    padding: 170px !important
}

.p-180 {
    padding: 180px !important
}

.p-190 {
    padding: 190px !important
}

.p-200 {
    padding: 200px !important
}

.m-0 {
    margin: 0 !important
}

/* negativ margin classes*/
.mt-xxl-neg {
    margin-top: -300px !important
}

.mt-xl-neg {
    margin-top: -140px !important
}

.mt-l-neg {
    margin-top: -110px !important
}

.mt-s-neg {
    margin-top: -50px !important
}

.mb-xxl-neg {
    margin-bottom: -300px !important
}

.mb-xl-neg {
    margin-bottom: -140px !important
}

.mb-l-neg {
    margin-bottom: -110px !important
}

.mb-s-neg {
    margin-bottom: -50px !important
}

.mt-10-neg {
    margin-top: -10px
}

.mt-20-neg {
    margin-top: -20px
}

.mt-30-neg {
    margin-top: -30px
}

.mt-40-neg {
    margin-top: -40px
}

.mt-50-neg {
    margin-top: -50px
}

.mt-60-neg {
    margin-top: -60px
}

.mt-70-neg {
    margin-top: -70px
}

.mt-80-neg {
    margin-top: -80px
}

.mt-90-neg {
    margin-top: -90px
}

.mt-100-neg {
    margin-top: -100px
}

.mt-110-neg {
    margin-top: -110px
}

.mt-120-neg {
    margin-top: -120px
}

.mt-130-neg {
    margin-top: -130px
}

.mt-140-neg {
    margin-top: -140px
}

.mt-150-neg {
    margin-top: -150px
}

.mt-160-neg {
    margin-top: -160px
}

.mt-170-neg {
    margin-top: -170px
}

.mt-180-neg {
    margin-top: -180px
}

.mt-190-neg {
    margin-top: -190px
}

.mt-200-neg {
    margin-top: -200px
}

.mb-10-neg {
    margin-bottom: -10px
}

.mb-20-neg {
    margin-bottom: -20px
}

.mb-30-neg {
    margin-bottom: -30px
}

.mb-40-neg {
    margin-bottom: -40px
}

.mb-50-neg {
    margin-bottom: -50px
}

.mb-60-neg {
    margin-bottom: -60px
}

.mb-70-neg {
    margin-bottom: -70px
}

.mb-80-neg {
    margin-bottom: -80px
}

.mb-90-neg {
    margin-bottom: -90px
}

.mb-100-neg {
    margin-bottom: -100px
}

.mb-110-neg {
    margin-bottom: -110px
}

.mb-120-neg {
    margin-bottom: -120px
}

.mb-130-neg {
    margin-bottom: -130px
}

.mb-140-neg {
    margin-bottom: -140px
}

.mb-150-neg {
    margin-bottom: -150px
}

.mb-160-neg {
    margin-bottom: -160px
}

.mb-170-neg {
    margin-bottom: -170px
}

.mb-180-neg {
    margin-bottom: -180px
}

.mb-190-neg {
    margin-bottom: -190px
}

.mb-200-neg {
    margin-bottom: -200px
}

.autogrid_grid.t_100 .column {
    margin-bottom: 15px;
}

.autogrid_grid.t_100 form .column {
    margin-bottom: 20px;
}

/* =============================================================================
 * TABLET HOCHFORMAT mobile
 * ========================================================================== */


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


    .mt-xxl {
        margin-top: 60px !important;
    }

    .mt-xl {
        margin-top: 50px !important;
    }

    .mt-l {
        margin-top: 40px !important;
    }

    .mt-m {
        margin-top: 30px !important;
    }

    .mt-s {
        margin-top: 25px !important;
    }

    .mt-xs {
        margin-top: 25px !important;
    }

    .mt-xxs {
        margin-top: 25px !important;
    }

    .mb-xxl {
        margin-bottom: 60px !important;
    }

    .mb-xl {
        margin-bottom: 50px !important;
    }

    .mb-l {
        margin-bottom: 40px !important;
    }

    .mb-m {
        margin-bottom: 30px !important;
    }

    .mb-s {
        margin-bottom: 25px !important;
    }

    .mb-xs {
        margin-bottom: 25px !important;
    }

    .mb-xxs {
        margin-bottom: 25px !important;
    }

    .pt-xxl {
        padding-top: 130px !important;
    }

    .pt-xl {
        padding-top: 110px !important;
    }

    .pt-l {
        padding-top: 100px !important;
    }

    .pt-m {
        padding-top: 80px !important;
    }

    .pt-s {
        padding-top: 70px !important;
    }

    .pt-xs {
        padding-top: 40px !important;
    }

    .pt-xxs {
        padding-top: 30px !important;
    }

    .pb-xxl {
        padding-bottom: 130px !important;
    }

    .pb-xl {
        padding-bottom: 110px !important;
    }

    .pb-l {
        padding-bottom: 100px !important;
    }

    .pb-m {
        padding-bottom: 80px !important;
    }

    .pb-s {
        padding-bottom: 70px !important;
    }

    .pb-xs {
        padding-bottom: 40px !important;
    }

    .pb-xxs {
        padding-bottom: 30px !important;
    }

    .mt-0-t {
        margin-top: 0 !important
    }

    .mt-5-t {
        margin-top: 5px !important
    }

    .mt-10-t {
        margin-top: 10px !important
    }

    .mt-20-t {
        margin-top: 20px !important
    }

    .mt-30-t {
        margin-top: 30px !important
    }

    .mt-40-t {
        margin-top: 40px !important
    }

    .mt-50-t {
        margin-top: 50px !important
    }

    .mt-60-t {
        margin-top: 60px !important
    }

    .mt-70-t {
        margin-top: 70px !important
    }

    .mt-80-t {
        margin-top: 80px !important
    }

    .mt-90-t {
        margin-top: 90px !important
    }

    .mt-100-t {
        margin-top: 100px !important
    }

    .mt-110-t {
        margin-top: 110px !important
    }

    .mt-120-t {
        margin-top: 120px !important
    }

    .mt-130-t {
        margin-top: 130px !important
    }

    .mt-140-t {
        margin-top: 140px !important
    }

    .mt-150-t {
        margin-top: 150px !important
    }

    .mt-160-t {
        margin-top: 160px !important
    }

    .mt-170-t {
        margin-top: 170px !important
    }

    .mt-180-t {
        margin-top: 180px !important
    }

    .mt-190-t {
        margin-top: 190px !important
    }

    .mt-200-t {
        margin-top: 200px !important
    }

    .mb-0-t {
        margin-bottom: 0 !important
    }

    .mb-5-t {
        margin-bottom: 5px !important
    }

    .mb-10-t {
        margin-bottom: 10px !important
    }

    .mb-20-t {
        margin-bottom: 20px !important
    }

    .mb-30-t {
        margin-bottom: 30px !important
    }

    .mb-40-t {
        margin-bottom: 40px !important
    }

    .mb-50-t {
        margin-bottom: 50px !important
    }

    .mb-60-t {
        margin-bottom: 60px !important
    }

    .mb-70-t {
        margin-bottom: 70px !important
    }

    .mb-80-t {
        margin-bottom: 80px !important
    }

    .mb-90-t {
        margin-bottom: 90px !important
    }

    .mb-100-t {
        margin-bottom: 100px !important
    }

    .mb-110-t {
        margin-bottom: 110px !important
    }

    .mb-120-t {
        margin-bottom: 120px !important
    }

    .mb-130-t {
        margin-bottom: 130px !important
    }

    .mb-140-t {
        margin-bottom: 140px !important
    }

    .mb-150-t {
        margin-bottom: 150px !important
    }

    .mb-160-t {
        margin-bottom: 160px !important
    }

    .mb-170-t {
        margin-bottom: 170px !important
    }

    .mb-180-t {
        margin-bottom: 180px !important
    }

    .mb-190-t {
        margin-bottom: 190px !important
    }

    .mb-200-t {
        margin-bottom: 200px !important
    }

    .ml-0-t {
        margin-left: 0 !important
    }

    .ml-5-t {
        margin-left: 5px !important
    }

    .ml-10-t {
        margin-left: 10px !important
    }

    .ml-20-t {
        margin-left: 20px !important
    }

    .ml-30-t {
        margin-left: 30px !important
    }

    .ml-40-t {
        margin-left: 40px !important
    }

    .ml-50-t {
        margin-left: 50px !important
    }

    .ml-60-t {
        margin-left: 60px !important
    }

    .ml-70-t {
        margin-left: 70px !important
    }

    .ml-80-t {
        margin-left: 80px !important
    }

    .ml-90-t {
        margin-left: 90px !important
    }

    .ml-100-t {
        margin-left: 100px !important
    }

    .ml-110-t {
        margin-left: 110px !important
    }

    .ml-120-t {
        margin-left: 120px !important
    }

    .ml-130-t {
        margin-left: 130px !important
    }

    .ml-140-t {
        margin-left: 140px !important
    }

    .ml-150-t {
        margin-left: 150px !important
    }

    .ml-160-t {
        margin-left: 160px !important
    }

    .ml-170-t {
        margin-left: 170px !important
    }

    .ml-180-t {
        margin-left: 180px !important
    }

    .ml-190-t {
        margin-left: 190px !important
    }

    .ml-200-t {
        margin-left: 200px !important
    }

    .mr-0-t {
        margin-right: 0 !important
    }

    .mr-5-t {
        margin-right: 5px !important
    }

    .mr-10-t {
        margin-right: 10px !important
    }

    .mr-20-t {
        margin-right: 20px !important
    }

    .mr-30-t {
        margin-right: 30px !important
    }

    .mr-40-t {
        margin-right: 40px !important
    }

    .mr-50-t {
        margin-right: 50px !important
    }

    .mr-60-t {
        margin-right: 60px !important
    }

    .mr-70-t {
        margin-right: 70px !important
    }

    .mr-80-t {
        margin-right: 80px !important
    }

    .mr-90-t {
        margin-right: 90px !important
    }

    .mr-100-t {
        margin-right: 100px !important
    }

    .mr-110-t {
        margin-right: 110px !important
    }

    .mr-120-t {
        margin-right: 120px !important
    }

    .mr-130-t {
        margin-right: 130px !important
    }

    .mr-140-t {
        margin-right: 140px !important
    }

    .mr-150-t {
        margin-right: 150px !important
    }

    .mr-160-t {
        margin-right: 160px !important
    }

    .mr-170-t {
        margin-right: 170px !important
    }

    .mr-180-t {
        margin-right: 180px !important
    }

    .mr-190-t {
        margin-right: 190px !important
    }

    .mr-200-t {
        margin-right: 200px !important
    }

    .pt-0-t {
        padding-top: 0 !important
    }

    .pt-5-t {
        padding-top: 5px !important
    }

    .pt-10-t {
        padding-top: 10px !important
    }

    .pt-20-t {
        padding-top: 20px !important
    }

    .pt-30-t {
        padding-top: 30px !important
    }

    .pt-40-t {
        padding-top: 40px !important
    }

    .pt-50-t {
        padding-top: 50px !important
    }

    .pt-60-t {
        padding-top: 60px !important
    }

    .pt-70-t {
        padding-top: 70px !important
    }

    .pt-80-t {
        padding-top: 80px !important
    }

    .pt-90-t {
        padding-top: 90px !important
    }

    .pt-100-t {
        padding-top: 100px !important
    }

    .pt-110-t {
        padding-top: 110px !important
    }

    .pt-120-t {
        padding-top: 120px !important
    }

    .pt-130-t {
        padding-top: 130px !important
    }

    .pt-140-t {
        padding-top: 140px !important
    }

    .pt-150-t {
        padding-top: 150px !important
    }

    .pt-160-t {
        padding-top: 160px !important
    }

    .pt-170-t {
        padding-top: 170px !important
    }

    .pt-180-t {
        padding-top: 180px !important
    }

    .pt-190-t {
        padding-top: 190px !important
    }

    .pt-200-t {
        padding-top: 200px !important
    }

    .pb-0-t {
        padding-bottom: 0 !important
    }

    .pb-5-t {
        padding-bottom: 5px !important
    }

    .pb-10-t {
        padding-bottom: 10px !important
    }

    .pb-20-t {
        padding-bottom: 20px !important
    }

    .pb-30-t {
        padding-bottom: 30px !important
    }

    .pb-40-t {
        padding-bottom: 40px !important
    }

    .pb-50-t {
        padding-bottom: 50px !important
    }

    .pb-60-t {
        padding-bottom: 60px !important
    }

    .pb-70-t {
        padding-bottom: 70px !important
    }

    .pb-80-t {
        padding-bottom: 80px !important
    }

    .pb-90-t {
        padding-bottom: 90px !important
    }

    .pb-100-t {
        padding-bottom: 100px !important
    }

    .pb-110-t {
        padding-bottom: 110px !important
    }

    .pb-120-t {
        padding-bottom: 120px !important
    }

    .pb-130-t {
        padding-bottom: 130px !important
    }

    .pb-140-t {
        padding-bottom: 140px !important
    }

    .pb-150-t {
        padding-bottom: 150px !important
    }

    .pb-160-t {
        padding-bottom: 160px !important
    }

    .pb-170-t {
        padding-bottom: 170px !important
    }

    .pb-180-t {
        padding-bottom: 180px !important
    }

    .pb-190-t {
        padding-bottom: 190px !important
    }

    .pb-200-t {
        padding-bottom: 200px !important
    }

    .pl-0-t {
        padding-left: 0 !important
    }

    .pl-5-t {
        padding-left: 5px !important
    }

    .pl-10-t {
        padding-left: 10px !important
    }

    .pl-20-t {
        padding-left: 20px !important
    }

    .pl-30-t {
        padding-left: 30px !important
    }

    .pl-40-t {
        padding-left: 40px !important
    }

    .pl-50-t {
        padding-left: 50px !important
    }

    .pl-60-t {
        padding-left: 60px !important
    }

    .pl-70-t {
        padding-left: 70px !important
    }

    .pl-80-t {
        padding-left: 80px !important
    }

    .pl-90-t {
        padding-left: 90px !important
    }

    .pl-100-t {
        padding-left: 100px !important
    }

    .pl-110-t {
        padding-left: 110px !important
    }

    .pl-120-t {
        padding-left: 120px !important
    }

    .pl-130-t {
        padding-left: 130px !important
    }

    .pl-140-t {
        padding-left: 140px !important
    }

    .pl-150-t {
        padding-left: 150px !important
    }

    .pl-160-t {
        padding-left: 160px !important
    }

    .pl-170-t {
        padding-left: 170px !important
    }

    .pl-180-t {
        padding-left: 180px !important
    }

    .pl-190-t {
        padding-left: 190px !important
    }

    .pl-200-t {
        padding-left: 200px !important
    }

    .pr-0-t {
        padding-right: 0 !important
    }

    .pr-5-t {
        padding-right: 5px !important
    }

    .pr-10-t {
        padding-right: 10px !important
    }

    .pr-20-t {
        padding-right: 20px !important
    }

    .pr-30-t {
        padding-right: 30px !important
    }

    .pr-40-t {
        padding-right: 40px !important
    }

    .pr-50-t {
        padding-right: 50px !important
    }

    .pr-60-t {
        padding-right: 60px !important
    }

    .pr-70-t {
        padding-right: 70px !important
    }

    .pr-80-t {
        padding-right: 80px !important
    }

    .pr-90-t {
        padding-right: 90px !important
    }

    .pr-100-t {
        padding-right: 100px !important
    }

    .pr-110-t {
        padding-right: 110px !important
    }

    .pr-120-t {
        padding-right: 120px !important
    }

    .pr-130-t {
        padding-right: 130px !important
    }

    .pr-140-t {
        padding-right: 140px !important
    }

    .pr-150-t {
        padding-right: 150px !important
    }

    .pr-160-t {
        padding-right: 160px !important
    }

    .pr-170-t {
        padding-right: 170px !important
    }

    .pr-180-t {
        padding-right: 180px !important
    }

    .pr-190-t {
        padding-right: 190px !important
    }

    .pr-200-t {
        padding-right: 200px !important
    }

    .p-0-t {
        padding: 0 !important
    }

    .p-5-t {
        padding: 5px !important
    }

    .p-10-t {
        padding: 10px !important
    }

    .p-20-t {
        padding: 20px !important
    }

    .p-30-t {
        padding: 30px !important
    }

    .p-40-t {
        padding: 40px !important
    }

    .p-50-t {
        padding: 50px !important
    }

    .p-60-t {
        padding: 60px !important
    }

    .p-70-t {
        padding: 70px !important
    }

    .p-80-t {
        padding: 80px !important
    }

    .p-90-t {
        padding: 90px !important
    }

    .p-100-t {
        padding: 100px !important
    }

    .p-110-t {
        padding: 110px !important
    }

    .p-120-t {
        padding: 120px !important
    }

    .p-130-t {
        padding: 130px !important
    }

    .p-140-t {
        padding: 140px !important
    }

    .p-150-t {
        padding: 150px !important
    }

    .p-160-t {
        padding: 160px !important
    }

    .p-170-t {
        padding: 170px !important
    }

    .p-180-t {
        padding: 180px !important
    }

    .p-190-t {
        padding: 190px !important
    }

    .p-200-t {
        padding: 200px !important
    }
}


/* =============================================================================
 * ABSTÄNDE für MOBILGERÄTE
 * ========================================================================== */

@media only screen and (max-width: 767px) {
    .mt-xxl {
        margin-top: 50px !important;
    }

    .mt-xl {
        margin-top: 40px !important;
    }

    .mt-l {
        margin-top: 30px !important;
    }

    .mt-m {
        margin-top: 25px !important;
    }

    .mt-s {
        margin-top: 20px !important;
    }

    .mt-xs {
        margin-top: 15px !important;
    }

    .mt-xxs {
        margin-top: 10px !important;
    }

    .mb-xxl {
        margin-bottom: 50px !important;
    }

    .mb-xl {
        margin-bottom: 40px !important;
    }

    .mb-l {
        margin-bottom: 30px !important;
    }

    .mb-m {
        margin-bottom: 25px !important;
    }

    .mb-s {
        margin-bottom: 20px !important;
    }

    .mb-xs {
        margin-bottom: 15px !important;
    }

    .mb-xxs {
        margin-bottom: 10px !important;
    }

    .pt-xxl {
        padding-top: 80px !important;
    }

    .pt-xl {
        padding-top: 70px !important;
    }

    .pt-l {
        padding-top: 70px !important;
    }

    .pt-m {
        padding-top: 60px !important;
    }

    .pt-s {
        padding-top: 50px !important;
    }

    .pt-xs {
        padding-top: 40px !important;
    }

    .pt-xxs {
        padding-top: 30px !important;
    }

    .pb-xxl {
        padding-bottom: 80px !important;
    }

    .pb-xl {
        padding-bottom: 70px !important;
    }

    .pb-l {
        padding-bottom: 70px !important;
    }

    .pb-m {
        padding-bottom: 60px !important;
    }

    .pb-s {
        padding-bottom: 50px !important;
    }

    .pb-xs {
        padding-bottom: 40px !important;
    }

    .pb-xxs {
        padding-bottom: 30px !important;
    }

    .mt-xxl-m {
        margin-top: 80px !important;
    }

    .mt-xl-m {
        margin-top: 70px !important;
    }

    .mt-l-m {
        margin-top: 60px !important;
    }

    .mt-m-m {
        margin-top: 45px !important;
    }

    .mt-m-m {
        margin-top: 35px !important;
    }

    .mt-xs-m {
        margin-top: 25px !important;
    }

    .mt-xxs-m {
        margin-top: 20px !important;
    }

    .mt-no-m {
        margin-top: 0px !important;
    }

    .mb-xxl-m {
        margin-bottom: 80px !important;
    }

    .mb-xl-m {
        margin-bottom: 70px !important;
    }

    .mb-l-m {
        margin-bottom: 60px !important;
    }

    .mb-m-m {
        margin-bottom: 45px !important;
    }

    .mb-m-m {
        margin-bottom: 35px !important;
    }

    .mb-xs-m {
        margin-bottom: 25px !important;
    }

    .mb-xxs-m {
        margin-bottom: 20px !important;
    }

    .mb-no-m {
        margin-bottom: 0px !important;
    }

    .mt-0-m {
        margin-top: 0 !important
    }

    .mt-5-m {
        margin-top: 5px !important
    }

    .mt-10-m {
        margin-top: 10px !important
    }

    .mt-20-m {
        margin-top: 20px !important
    }

    .mt-30-m {
        margin-top: 30px !important
    }

    .mt-40-m {
        margin-top: 40px !important
    }

    .mt-50-m {
        margin-top: 50px !important
    }

    .mt-60-m {
        margin-top: 60px !important
    }

    .mt-70-m {
        margin-top: 70px !important
    }

    .mt-80-m {
        margin-top: 80px !important
    }

    .mt-90-m {
        margin-top: 90px !important
    }

    .mt-100-m {
        margin-top: 100px !important
    }

    .mt-110-m {
        margin-top: 110px !important
    }

    .mt-120-m {
        margin-top: 120px !important
    }

    .mt-130-m {
        margin-top: 130px !important
    }

    .mt-140-m {
        margin-top: 140px !important
    }

    .mt-150-m {
        margin-top: 150px !important
    }

    .mt-160-m {
        margin-top: 160px !important
    }

    .mt-170-m {
        margin-top: 170px !important
    }

    .mt-180-m {
        margin-top: 180px !important
    }

    .mt-190-m {
        margin-top: 190px !important
    }

    .mt-200-m {
        margin-top: 200px !important
    }

    .mb-0-m {
        margin-bottom: 0 !important
    }

    .mb-5-m {
        margin-bottom: 5px !important
    }

    .mb-10-m {
        margin-bottom: 10px !important
    }

    .mb-20-m {
        margin-bottom: 20px !important
    }

    .mb-30-m {
        margin-bottom: 30px !important
    }

    .mb-40-m {
        margin-bottom: 40px !important
    }

    .mb-50-m {
        margin-bottom: 50px !important
    }

    .mb-60-m {
        margin-bottom: 60px !important
    }

    .mb-70-m {
        margin-bottom: 70px !important
    }

    .mb-80-m {
        margin-bottom: 80px !important
    }

    .mb-90-m {
        margin-bottom: 90px !important
    }

    .mb-100-m {
        margin-bottom: 100px !important
    }

    .mb-110-m {
        margin-bottom: 110px !important
    }

    .mb-120-m {
        margin-bottom: 120px !important
    }

    .mb-130-m {
        margin-bottom: 130px !important
    }

    .mb-140-m {
        margin-bottom: 140px !important
    }

    .mb-150-m {
        margin-bottom: 150px !important
    }

    .mb-160-m {
        margin-bottom: 160px !important
    }

    .mb-170-m {
        margin-bottom: 170px !important
    }

    .mb-180-m {
        margin-bottom: 180px !important
    }

    .mb-190-m {
        margin-bottom: 190px !important
    }

    .mb-200-m {
        margin-bottom: 200px !important
    }

    .ml-0-m {
        margin-left: 0 !important
    }

    .ml-5-m {
        margin-left: 5px !important
    }

    .ml-10-m {
        margin-left: 10px !important
    }

    .ml-20-m {
        margin-left: 20px !important
    }

    .ml-30-m {
        margin-left: 30px !important
    }

    .ml-40-m {
        margin-left: 40px !important
    }

    .ml-50-m {
        margin-left: 50px !important
    }

    .ml-60-m {
        margin-left: 60px !important
    }

    .ml-70-m {
        margin-left: 70px !important
    }

    .ml-80-m {
        margin-left: 80px !important
    }

    .ml-90-m {
        margin-left: 90px !important
    }

    .ml-100-m {
        margin-left: 100px !important
    }

    .ml-110-m {
        margin-left: 110px !important
    }

    .ml-120-m {
        margin-left: 120px !important
    }

    .ml-130-m {
        margin-left: 130px !important
    }

    .ml-140-m {
        margin-left: 140px !important
    }

    .ml-150-m {
        margin-left: 150px !important
    }

    .ml-160-m {
        margin-left: 160px !important
    }

    .ml-170-m {
        margin-left: 170px !important
    }

    .ml-180-m {
        margin-left: 180px !important
    }

    .ml-190-m {
        margin-left: 190px !important
    }

    .ml-200-m {
        margin-left: 200px !important
    }

    .mr-0-m {
        margin-right: 0 !important
    }

    .mr-5-m {
        margin-right: 5px !important
    }

    .mr-10-m {
        margin-right: 10px !important
    }

    .mr-20-m {
        margin-right: 20px !important
    }

    .mr-30-m {
        margin-right: 30px !important
    }

    .mr-40-m {
        margin-right: 40px !important
    }

    .mr-50-m {
        margin-right: 50px !important
    }

    .mr-60-m {
        margin-right: 60px !important
    }

    .mr-70-m {
        margin-right: 70px !important
    }

    .mr-80-m {
        margin-right: 80px !important
    }

    .mr-90-m {
        margin-right: 90px !important
    }

    .mr-100-m {
        margin-right: 100px !important
    }

    .mr-110-m {
        margin-right: 110px !important
    }

    .mr-120-m {
        margin-right: 120px !important
    }

    .mr-130-m {
        margin-right: 130px !important
    }

    .mr-140-m {
        margin-right: 140px !important
    }

    .mr-150-m {
        margin-right: 150px !important
    }

    .mr-160-m {
        margin-right: 160px !important
    }

    .mr-170-m {
        margin-right: 170px !important
    }

    .mr-180-m {
        margin-right: 180px !important
    }

    .mr-190-m {
        margin-right: 190px !important
    }

    .mr-200-m {
        margin-right: 200px !important
    }

    .pt-0-m {
        padding-top: 0 !important
    }

    .pt-5-m {
        padding-top: 5px !important
    }

    .pt-10-m {
        padding-top: 10px !important
    }

    .pt-20-m {
        padding-top: 20px !important
    }

    .pt-30-m {
        padding-top: 30px !important
    }

    .pt-40-m {
        padding-top: 40px !important
    }

    .pt-50-m {
        padding-top: 50px !important
    }

    .pt-60-m {
        padding-top: 60px !important
    }

    .pt-70-m {
        padding-top: 70px !important
    }

    .pt-80-m {
        padding-top: 80px !important
    }

    .pt-90-m {
        padding-top: 90px !important
    }

    .pt-100-m {
        padding-top: 100px !important
    }

    .pt-110-m {
        padding-top: 110px !important
    }

    .pt-120-m {
        padding-top: 120px !important
    }

    .pt-130-m {
        padding-top: 130px !important
    }

    .pt-140-m {
        padding-top: 140px !important
    }

    .pt-150-m {
        padding-top: 150px !important
    }

    .pt-160-m {
        padding-top: 160px !important
    }

    .pt-170-m {
        padding-top: 170px !important
    }

    .pt-180-m {
        padding-top: 180px !important
    }

    .pt-190-m {
        padding-top: 190px !important
    }

    .pt-200-m {
        padding-top: 200px !important
    }

    .pb-0-m {
        padding-bottom: 0 !important
    }

    .pb-5-m {
        padding-bottom: 5px !important
    }

    .pb-10-m {
        padding-bottom: 10px !important
    }

    .pb-20-m {
        padding-bottom: 20px !important
    }

    .pb-30-m {
        padding-bottom: 30px !important
    }

    .pb-40-m {
        padding-bottom: 40px !important
    }

    .pb-50-m {
        padding-bottom: 50px !important
    }

    .pb-60-m {
        padding-bottom: 60px !important
    }

    .pb-70-m {
        padding-bottom: 70px !important
    }

    .pb-80-m {
        padding-bottom: 80px !important
    }

    .pb-90-m {
        padding-bottom: 90px !important
    }

    .pb-100-m {
        padding-bottom: 100px !important
    }

    .pb-110-m {
        padding-bottom: 110px !important
    }

    .pb-120-m {
        padding-bottom: 120px !important
    }

    .pb-130-m {
        padding-bottom: 130px !important
    }

    .pb-140-m {
        padding-bottom: 140px !important
    }

    .pb-150-m {
        padding-bottom: 150px !important
    }

    .pb-160-m {
        padding-bottom: 160px !important
    }

    .pb-170-m {
        padding-bottom: 170px !important
    }

    .pb-180-m {
        padding-bottom: 180px !important
    }

    .pb-190-m {
        padding-bottom: 190px !important
    }

    .pb-200-m {
        padding-bottom: 200px !important
    }

    .pl-0-m {
        padding-left: 0 !important
    }

    .pl-5-m {
        padding-left: 5px !important
    }

    .pl-10-m {
        padding-left: 10px !important
    }

    .pl-20-m {
        padding-left: 20px !important
    }

    .pl-30-m {
        padding-left: 30px !important
    }

    .pl-40-m {
        padding-left: 40px !important
    }

    .pl-50-m {
        padding-left: 50px !important
    }

    .pl-60-m {
        padding-left: 60px !important
    }

    .pl-70-m {
        padding-left: 70px !important
    }

    .pl-80-m {
        padding-left: 80px !important
    }

    .pl-90-m {
        padding-left: 90px !important
    }

    .pl-100-m {
        padding-left: 100px !important
    }

    .pl-110-m {
        padding-left: 110px !important
    }

    .pl-120-m {
        padding-left: 120px !important
    }

    .pl-130-m {
        padding-left: 130px !important
    }

    .pl-140-m {
        padding-left: 140px !important
    }

    .pl-150-m {
        padding-left: 150px !important
    }

    .pl-160-m {
        padding-left: 160px !important
    }

    .pl-170-m {
        padding-left: 170px !important
    }

    .pl-180-m {
        padding-left: 180px !important
    }

    .pl-190-m {
        padding-left: 190px !important
    }

    .pl-200-m {
        padding-left: 200px !important
    }

    .pr-0-m {
        padding-right: 0 !important
    }

    .pr-5-m {
        padding-right: 5px !important
    }

    .pr-10-m {
        padding-right: 10px !important
    }

    .pr-20-m {
        padding-right: 20px !important
    }

    .pr-30-m {
        padding-right: 30px !important
    }

    .pr-40-m {
        padding-right: 40px !important
    }

    .pr-50-m {
        padding-right: 50px !important
    }

    .pr-60-m {
        padding-right: 60px !important
    }

    .pr-70-m {
        padding-right: 70px !important
    }

    .pr-80-m {
        padding-right: 80px !important
    }

    .pr-90-m {
        padding-right: 90px !important
    }

    .pr-100-m {
        padding-right: 100px !important
    }

    .pr-110-m {
        padding-right: 110px !important
    }

    .pr-120-m {
        padding-right: 120px !important
    }

    .pr-130-m {
        padding-right: 130px !important
    }

    .pr-140-m {
        padding-right: 140px !important
    }

    .pr-150-m {
        padding-right: 150px !important
    }

    .pr-160-m {
        padding-right: 160px !important
    }

    .pr-170-m {
        padding-right: 170px !important
    }

    .pr-180-m {
        padding-right: 180px !important
    }

    .pr-190-m {
        padding-right: 190px !important
    }

    .pr-200-m {
        padding-right: 200px !important
    }

    .p-0-m {
        padding: 0 !important
    }

    .p-5-m {
        padding: 5px !important
    }

    .p-10-m {
        padding: 10px !important
    }

    .p-20-m {
        padding: 20px !important
    }

    .p-30-m {
        padding: 30px !important
    }

    .p-40-m {
        padding: 40px !important
    }

    .p-50-m {
        padding: 50px !important
    }

    .p-60-m {
        padding: 60px !important
    }

    .p-70-m {
        padding: 70px !important
    }

    .p-80-m {
        padding: 80px !important
    }

    .p-90-m {
        padding: 90px !important
    }

    .p-100-m {
        padding: 100px !important
    }

    .p-110-m {
        padding: 110px !important
    }

    .p-120-m {
        padding: 120px !important
    }

    .p-130-m {
        padding: 130px !important
    }

    .p-140-m {
        padding: 140px !important
    }

    .p-150-m {
        padding: 150px !important
    }

    .p-160-m {
        padding: 160px !important
    }

    .p-170-m {
        padding: 170px !important
    }

    .p-180-m {
        padding: 180px !important
    }

    .p-190-m {
        padding: 190px !important
    }

    .p-200-m {
        padding: 200px !important
    }


}