/* ========= */
/* MEHRSPALTIG */
/* ========= */

.text-col-1 {
  column-count: 1;
}
.text-col-2 {
  column-count: 2;
}
.text-col-3 {
  column-count: 3;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .text-col-sm-1 {
    column-count: 1;
  }
  .text-col-sm-2 {
    column-count: 2;
  }
  .text-col-sm-3 {
    column-count: 3;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .text-col-md-1 {
    column-count: 1;
  }
  .text-col-md-2 {
    column-count: 2;
  }
  .text-col-md-3 {
    column-count: 3;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .text-col-lg-1 {
    column-count: 1;
  }
  .text-col-lg-2 {
    column-count: 2;
  }
  .text-col-lg-3 {
    column-count: 3;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .text-col-xl-1 {
    column-count: 1;
  }
  .text-col-xl-2 {
    column-count: 2;
  }
  .text-col-xl-3 {
    column-count: 3;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .text-col-xxl-1 {
    column-count: 1;
  }
  .text-col-xxl-2 {
    column-count: 2;
  }
  .text-col-xxl-3 {
    column-count: 3;
  }
}



/* ========= */
/* MARGIN */
/* ========= */

.mt-6,
.my-6,
.m-6 {
  margin-top: 4.5rem !important;
}
.mb-6,
.my-6,
.m-6 {
  margin-bottom: 4.5rem !important;
}
.ms-6,
.mx-6,
.m-6 {
  margin-left: 4.5rem !important;
}
.me-6,
.mx-6,
.m-6 {
  margin-right: 4.5rem !important;
}

.mt-7,
.my-7,
.m-7 {
  margin-top: 6rem !important;
}
.mb-7,
.my-7,
.m-7 {
  margin-bottom: 6rem !important;
}
.ms-7,
.mx-7,
.m-7 {
  margin-left: 6rem !important;
}
.me-7,
.mx-7,
.m-7 {
  margin-right: 6rem !important;
}

.mt-8,
.my-8,
.m-8 {
  margin-top: 7.5rem !important;
}
.mb-8,
.my-8,
.m-8 {
  margin-bottom: 7.5rem !important;
}
.ms-8,
.mx-8,
.m-8 {
  margin-left: 7.5rem !important;
}
.me-8,
.mx-8,
.m-8 {
  margin-right: 7.5rem !important;
}

.mt-9,
.my-9,
.m-9 {
  margin-top: 9rem !important;
}
.mb-9,
.my-9,
.m-9 {
  margin-bottom: 9rem !important;
}
.ms-9,
.mx-9,
.m-9 {
  margin-left: 9rem !important;
}
.me-9,
.mx-9,
.m-9 {
  margin-right: 9rem !important;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .mt-sm-0,
  .my-sm-0,
  .m-sm-0 {
    margin-top: 0rem !important;
  }
  .mb-sm-0,
  .my-sm-0,
  .m-sm-0 {
    margin-bottom: 0rem !important;
  }
  .ms-sm-0,
  .mx-sm-0,
  .m-sm-0 {
    margin-left: 0rem !important;
  }
  .me-sm-0,
  .mx-sm-0,
  .m-sm-0 {
    margin-right: 0rem !important;
  }

  .mt-sm-6,
  .my-sm-6,
  .m-sm-6 {
    margin-top: 4.5rem !important;
  }
  .mb-sm-6,
  .my-sm-6,
  .m-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-sm-6,
  .mx-sm-6,
  .m-sm-6 {
    margin-left: 4.5rem !important;
  }
  .me-sm-6,
  .mx-sm-6,
  .m-sm-6 {
    margin-right: 4.5rem !important;
  }

  .mt-sm-7,
  .my-sm-7,
  .m-sm-7 {
    margin-top: 6rem !important;
  }
  .mb-sm-7,
  .my-sm-7,
  .m-sm-7 {
    margin-bottom: 6rem !important;
  }
  .ms-sm-7,
  .mx-sm-7,
  .m-sm-7 {
    margin-left: 6rem !important;
  }
  .me-sm-7,
  .mx-sm-7,
  .m-sm-7 {
    margin-right: 6rem !important;
  }

  .mt-sm-8,
  .my-sm-8,
  .m-sm-8 {
    margin-top: 7.5rem !important;
  }
  .mb-sm-8,
  .my-sm-8,
  .m-sm-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-sm-8,
  .mx-sm-8,
  .m-sm-8 {
    margin-left: 7.5rem !important;
  }
  .me-sm-8,
  .mx-sm-8,
  .m-sm-8 {
    margin-right: 7.5rem !important;
  }

  .mt-sm-9,
  .my-sm-9,
  .m-sm-9 {
    margin-top: 9rem !important;
  }
  .mb-sm-9,
  .my-sm-9,
  .m-sm-9 {
    margin-bottom: 9rem !important;
  }
  .ms-sm-9,
  .mx-sm-9,
  .m-sm-9 {
    margin-left: 9rem !important;
  }
  .me-sm-9,
  .mx-sm-9,
  .m-sm-9 {
    margin-right: 9rem !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .mt-md-0,
  .my-md-0,
  .m-md-0 {
    margin-top: 0rem !important;
  }
  .mb-md-0,
  .my-md-0,
  .m-md-0 {
    margin-bottom: 0rem !important;
  }
  .ms-md-0,
  .mx-md-0,
  .m-md-0 {
    margin-left: 0rem !important;
  }
  .me-md-0,
  .mx-md-0,
  .m-md-0 {
    margin-right: 0rem !important;
  }

  .mt-md-6,
  .my-md-6,
  .m-md-6 {
    margin-top: 4.5rem !important;
  }
  .mb-md-6,
  .my-md-6,
  .m-md-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-md-6,
  .mx-md-6,
  .m-md-6 {
    margin-left: 4.5rem !important;
  }
  .me-md-6,
  .mx-md-6,
  .m-md-6 {
    margin-right: 4.5rem !important;
  }

  .mt-md-7,
  .my-md-7,
  .m-md-7 {
    margin-top: 6rem !important;
  }
  .mb-md-7,
  .my-md-7,
  .m-md-7 {
    margin-bottom: 6rem !important;
  }
  .ms-md-7,
  .mx-md-7,
  .m-md-7 {
    margin-left: 6rem !important;
  }
  .me-md-7,
  .mx-md-7,
  .m-md-7 {
    margin-right: 6rem !important;
  }

  .mt-md-8,
  .my-md-8,
  .m-md-8 {
    margin-top: 7.5rem !important;
  }
  .mb-md-8,
  .my-md-8,
  .m-md-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-md-8,
  .mx-md-8,
  .m-md-8 {
    margin-left: 7.5rem !important;
  }
  .me-md-8,
  .mx-md-8,
  .m-md-8 {
    margin-right: 7.5rem !important;
  }

  .mt-md-9,
  .my-md-9,
  .m-md-9 {
    margin-top: 9rem !important;
  }
  .mb-md-9,
  .my-md-9,
  .m-md-9 {
    margin-bottom: 9rem !important;
  }
  .ms-md-9,
  .mx-md-9,
  .m-md-9 {
    margin-left: 9rem !important;
  }
  .me-md-9,
  .mx-md-9,
  .m-md-9 {
    margin-right: 9rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .mt-lg-0,
  .my-lg-0,
  .m-lg-0 {
    margin-top: 0rem !important;
  }
  .mb-lg-0,
  .my-lg-0,
  .m-lg-0 {
    margin-bottom: 0rem !important;
  }
  .ms-lg-0,
  .mx-lg-0,
  .m-lg-0 {
    margin-left: 0rem !important;
  }
  .me-lg-0,
  .mx-lg-0,
  .m-lg-0 {
    margin-right: 0rem !important;
  }

  .mt-lg-6,
  .my-lg-6,
  .m-lg-6 {
    margin-top: 4.5rem !important;
  }
  .mb-lg-6,
  .my-lg-6,
  .m-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-lg-6,
  .mx-lg-6,
  .m-lg-6 {
    margin-left: 4.5rem !important;
  }
  .me-lg-6,
  .mx-lg-6,
  .m-lg-6 {
    margin-right: 4.5rem !important;
  }

  .mt-lg-7,
  .my-lg-7,
  .m-lg-7 {
    margin-top: 6rem !important;
  }
  .mb-lg-7,
  .my-lg-7,
  .m-lg-7 {
    margin-bottom: 6rem !important;
  }
  .ms-lg-7,
  .mx-lg-7,
  .m-lg-7 {
    margin-left: 6rem !important;
  }
  .me-lg-7,
  .mx-lg-7,
  .m-lg-7 {
    margin-right: 6rem !important;
  }

  .mt-lg-8,
  .my-lg-8,
  .m-lg-8 {
    margin-top: 7.5rem !important;
  }
  .mb-lg-8,
  .my-lg-8,
  .m-lg-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-lg-8,
  .mx-lg-8,
  .m-lg-8 {
    margin-left: 7.5rem !important;
  }
  .me-lg-8,
  .mx-lg-8,
  .m-lg-8 {
    margin-right: 7.5rem !important;
  }

  .mt-lg-9,
  .my-lg-9,
  .m-lg-9 {
    margin-top: 9rem !important;
  }
  .mb-lg-9,
  .my-lg-9,
  .m-lg-9 {
    margin-bottom: 9rem !important;
  }
  .ms-lg-9,
  .mx-lg-9,
  .m-lg-9 {
    margin-left: 9rem !important;
  }
  .me-lg-9,
  .mx-lg-9,
  .m-lg-9 {
    margin-right: 9rem !important;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .mt-xl-0,
  .my-xl-0,
  .m-xl-0 {
    margin-top: 0rem !important;
  }
  .mb-xl-0,
  .my-xl-0,
  .m-xl-0 {
    margin-bottom: 0rem !important;
  }
  .ms-xl-0,
  .mx-xl-0,
  .m-xl-0 {
    margin-left: 0rem !important;
  }
  .me-xl-0,
  .mx-xl-0,
  .m-xl-0 {
    margin-right: 0rem !important;
  }

  .mt-xl-6,
  .my-xl-6,
  .m-xl-6 {
    margin-top: 4.5rem !important;
  }
  .mb-xl-6,
  .my-xl-6,
  .m-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-xl-6,
  .mx-xl-6,
  .m-xl-6 {
    margin-left: 4.5rem !important;
  }
  .me-xl-6,
  .mx-xl-6,
  .m-xl-6 {
    margin-right: 4.5rem !important;
  }

  .mt-xl-7,
  .my-xl-7,
  .m-xl-7 {
    margin-top: 6rem !important;
  }
  .mb-xl-7,
  .my-xl-7,
  .m-xl-7 {
    margin-bottom: 6rem !important;
  }
  .ms-xl-7,
  .mx-xl-7,
  .m-xl-7 {
    margin-left: 6rem !important;
  }
  .me-xl-7,
  .mx-xl-7,
  .m-xl-7 {
    margin-right: 6rem !important;
  }

  .mt-xl-8,
  .my-xl-8,
  .m-xl-8 {
    margin-top: 7.5rem !important;
  }
  .mb-xl-8,
  .my-xl-8,
  .m-xl-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-xl-8,
  .mx-xl-8,
  .m-xl-8 {
    margin-left: 7.5rem !important;
  }
  .me-xl-8,
  .mx-xl-8,
  .m-xl-8 {
    margin-right: 7.5rem !important;
  }

  .mt-xl-9,
  .my-xl-9,
  .m-xl-9 {
    margin-top: 9rem !important;
  }
  .mb-xl-9,
  .my-xl-9,
  .m-xl-9 {
    margin-bottom: 9rem !important;
  }
  .ms-xl-9,
  .mx-xl-9,
  .m-xl-9 {
    margin-left: 9rem !important;
  }
  .me-xl-9,
  .mx-xl-9,
  .m-xl-9 {
    margin-right: 9rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .mt-xxl-0,
  .my-xxl-0,
  .m-xxl-0 {
    margin-top: 0rem !important;
  }
  .mb-xxl-0,
  .my-xxl-0,
  .m-xxl-0 {
    margin-bottom: 0rem !important;
  }
  .ms-xxl-0,
  .mx-xxl-0,
  .m-xxl-0 {
    margin-left: 0rem !important;
  }
  .me-xxl-0,
  .mx-xxl-0,
  .m-xxl-0 {
    margin-right: 0rem !important;
  }

  .mt-xxl-6,
  .my-xxl-6,
  .m-xxl-6 {
    margin-top: 4.5rem !important;
  }
  .mb-xxl-6,
  .my-xxl-6,
  .m-xxl-6 {
    margin-bottom: 4.5rem !important;
  }
  .ms-xxl-6,
  .mx-xxl-6,
  .m-xxl-6 {
    margin-left: 4.5rem !important;
  }
  .me-xxl-6,
  .mx-xxl-6,
  .m-xxl-6 {
    margin-right: 4.5rem !important;
  }

  .mt-xxl-7,
  .my-xxl-7,
  .m-xxl-7 {
    margin-top: 6rem !important;
  }
  .mb-xxl-7,
  .my-xxl-7,
  .m-xxl-7 {
    margin-bottom: 6rem !important;
  }
  .ms-xxl-7,
  .mx-xxl-7,
  .m-xxl-7 {
    margin-left: 6rem !important;
  }
  .me-xxl-7,
  .mx-xxl-7,
  .m-xxl-7 {
    margin-right: 6rem !important;
  }

  .mt-xxl-8,
  .my-xxl-8,
  .m-xxl-8 {
    margin-top: 7.5rem !important;
  }
  .mb-xxl-8,
  .my-xxl-8,
  .m-xxl-8 {
    margin-bottom: 7.5rem !important;
  }
  .ms-xxl-8,
  .mx-xxl-8,
  .m-xxl-8 {
    margin-left: 7.5rem !important;
  }
  .me-xxl-8,
  .mx-xxl-8,
  .m-xxl-8 {
    margin-right: 7.5rem !important;
  }

  .mt-xxl-9,
  .my-xxl-9,
  .m-xxl-9 {
    margin-top: 9rem !important;
  }
  .mb-xxl-9,
  .my-xxl-9,
  .m-xxl-9 {
    margin-bottom: 9rem !important;
  }
  .ms-xxl-9,
  .mx-xxl-9,
  .m-xxl-9 {
    margin-left: 9rem !important;
  }
  .me-xxl-9,
  .mx-xxl-9,
  .m-xxl-9 {
    margin-right: 9rem !important;
  }
}






/* ========= */
/* PADDING */
/* ========= */

.pt-6,
.py-6,
.p-6 {
  padding-top: 4.5rem !important;
}
.pb-6,
.py-6,
.p-6 {
  padding-bottom: 4.5rem !important;
}
.ps-6,
.px-6,
.p-6 {
  padding-left: 4.5rem !important;
}
.pe-6,
.px-6,
.p-6 {
  padding-right: 4.5rem !important;
}

.pt-7,
.py-7,
.p-7 {
  padding-top: 6rem !important;
}
.pb-7,
.py-7,
.p-7 {
  padding-bottom: 6rem !important;
}
.ps-7,
.px-7,
.p-7 {
  padding-left: 6rem !important;
}
.pe-7,
.px-7,
.p-7 {
  padding-right: 6rem !important;
}

.pt-8,
.py-8,
.p-8 {
  padding-top: 7.5rem !important;
}
.pb-8,
.py-8,
.p-8 {
  padding-bottom: 7.5rem !important;
}
.ps-8,
.px-8,
.p-8 {
  padding-left: 7.5rem !important;
}
.pe-8,
.px-8,
.p-8 {
  padding-right: 7.5rem !important;
}

.pt-9,
.py-9,
.p-9 {
  padding-top: 9rem !important;
}
.pb-9,
.py-9,
.p-9 {
  padding-bottom: 9rem !important;
}
.ps-9,
.px-9,
.p-9 {
  padding-left: 9rem !important;
}
.pe-9,
.px-9,
.p-9 {
  padding-right: 9rem !important;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .pt-sm-0,
  .py-sm-0,
  .p-sm-0 {
    padding-top: 0rem !important;
  }
  .pb-sm-0,
  .py-sm-0,
  .p-sm-0 {
    padding-bottom: 0rem !important;
  }
  .ps-sm-0,
  .px-sm-0,
  .p-sm-0 {
    padding-left: 0rem !important;
  }
  .pe-sm-0,
  .px-sm-0,
  .p-sm-0 {
    padding-right: 0rem !important;
  }

  .pt-sm-6,
  .py-sm-6,
  .p-sm-6 {
    padding-top: 4.5rem !important;
  }
  .pb-sm-6,
  .py-sm-6,
  .p-sm-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-sm-6,
  .px-sm-6,
  .p-sm-6 {
    padding-left: 4.5rem !important;
  }
  .pe-sm-6,
  .px-sm-6,
  .p-sm-6 {
    padding-right: 4.5rem !important;
  }

  .pt-sm-7,
  .py-sm-7,
  .p-sm-7 {
    padding-top: 6rem !important;
  }
  .pb-sm-7,
  .py-sm-7,
  .p-sm-7 {
    padding-bottom: 6rem !important;
  }
  .ps-sm-7,
  .px-sm-7,
  .p-sm-7 {
    padding-left: 6rem !important;
  }
  .pe-sm-7,
  .px-sm-7,
  .p-sm-7 {
    padding-right: 6rem !important;
  }

  .pt-sm-8,
  .py-sm-8,
  .p-sm-8 {
    padding-top: 7.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8,
  .p-sm-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-sm-8,
  .px-sm-8,
  .p-sm-8 {
    padding-left: 7.5rem !important;
  }
  .pe-sm-8,
  .px-sm-8,
  .p-sm-8 {
    padding-right: 7.5rem !important;
  }

  .pt-sm-9,
  .py-sm-9,
  .p-sm-9 {
    padding-top: 9rem !important;
  }
  .pb-sm-9,
  .py-sm-9,
  .p-sm-9 {
    padding-bottom: 9rem !important;
  }
  .ps-sm-9,
  .px-sm-9,
  .p-sm-9 {
    padding-left: 9rem !important;
  }
  .pe-sm-9,
  .px-sm-9,
  .p-sm-9 {
    padding-right: 9rem !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .pt-md-6,
  .py-md-6,
  .p-md-6 {
    padding-top: 4.5rem !important;
  }
  .pb-md-6,
  .py-md-6,
  .p-md-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-md-6,
  .px-md-6,
  .p-md-6 {
    padding-left: 4.5rem !important;
  }
  .pe-md-6,
  .px-md-6,
  .p-md-6 {
    padding-right: 4.5rem !important;
  }

  .pt-md-7,
  .py-md-7,
  .p-md-7 {
    padding-top: 6rem !important;
  }
  .pb-md-7,
  .py-md-7,
  .p-md-7 {
    padding-bottom: 6rem !important;
  }
  .ps-md-7,
  .px-md-7,
  .p-md-7 {
    padding-left: 6rem !important;
  }
  .pe-md-7,
  .px-md-7,
  .p-md-7 {
    padding-right: 6rem !important;
  }

  .pt-md-8,
  .py-md-8,
  .p-md-8 {
    padding-top: 7.5rem !important;
  }
  .pb-md-8,
  .py-md-8,
  .p-md-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-md-8,
  .px-md-8,
  .p-md-8 {
    padding-left: 7.5rem !important;
  }
  .pe-md-8,
  .px-md-8,
  .p-md-8 {
    padding-right: 7.5rem !important;
  }

  .pt-md-9,
  .py-md-9,
  .p-md-9 {
    padding-top: 9rem !important;
  }
  .pb-md-9,
  .py-md-9,
  .p-md-9 {
    padding-bottom: 9rem !important;
  }
  .ps-md-9,
  .px-md-9,
  .p-md-9 {
    padding-left: 9rem !important;
  }
  .pe-md-9,
  .px-md-9,
  .p-md-9 {
    padding-right: 9rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .pt-lg-6,
  .py-lg-6,
  .p-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pb-lg-6,
  .py-lg-6,
  .p-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-lg-6,
  .px-lg-6,
  .p-lg-6 {
    padding-left: 4.5rem !important;
  }
  .pe-lg-6,
  .px-lg-6,
  .p-lg-6 {
    padding-right: 4.5rem !important;
  }

  .pt-lg-7,
  .py-lg-7,
  .p-lg-7 {
    padding-top: 6rem !important;
  }
  .pb-lg-7,
  .py-lg-7,
  .p-lg-7 {
    padding-bottom: 6rem !important;
  }
  .ps-lg-7,
  .px-lg-7,
  .p-lg-7 {
    padding-left: 6rem !important;
  }
  .pe-lg-7,
  .px-lg-7,
  .p-lg-7 {
    padding-right: 6rem !important;
  }

  .pt-lg-8,
  .py-lg-8,
  .p-lg-8 {
    padding-top: 7.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8,
  .p-lg-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-lg-8,
  .px-lg-8,
  .p-lg-8 {
    padding-left: 7.5rem !important;
  }
  .pe-lg-8,
  .px-lg-8,
  .p-lg-8 {
    padding-right: 7.5rem !important;
  }

  .pt-lg-9,
  .py-lg-9,
  .p-lg-9 {
    padding-top: 9rem !important;
  }
  .pb-lg-9,
  .py-lg-9,
  .p-lg-9 {
    padding-bottom: 9rem !important;
  }
  .ps-lg-9,
  .px-lg-9,
  .p-lg-9 {
    padding-left: 9rem !important;
  }
  .pe-lg-9,
  .px-lg-9,
  .p-lg-9 {
    padding-right: 9rem !important;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .pt-xl-6,
  .py-xl-6,
  .p-xl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xl-6,
  .py-xl-6,
  .p-xl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xl-6,
  .px-xl-6,
  .p-xl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xl-6,
  .px-xl-6,
  .p-xl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xl-7,
  .py-xl-7,
  .p-xl-7 {
    padding-top: 6rem !important;
  }
  .pb-xl-7,
  .py-xl-7,
  .p-xl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xl-7,
  .px-xl-7,
  .p-xl-7 {
    padding-left: 6rem !important;
  }
  .pe-xl-7,
  .px-xl-7,
  .p-xl-7 {
    padding-right: 6rem !important;
  }

  .pt-xl-8,
  .py-xl-8,
  .p-xl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8,
  .p-xl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xl-8,
  .px-xl-8,
  .p-xl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xl-8,
  .px-xl-8,
  .p-xl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xl-9,
  .py-xl-9,
  .p-xl-9 {
    padding-top: 9rem !important;
  }
  .pb-xl-9,
  .py-xl-9,
  .p-xl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xl-9,
  .px-xl-9,
  .p-xl-9 {
    padding-left: 9rem !important;
  }
  .pe-xl-9,
  .px-xl-9,
  .p-xl-9 {
    padding-right: 9rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .pt-xxl-6,
  .py-xxl-6,
  .p-xxl-6 {
    padding-top: 4.5rem !important;
  }
  .pb-xxl-6,
  .py-xxl-6,
  .p-xxl-6 {
    padding-bottom: 4.5rem !important;
  }
  .ps-xxl-6,
  .px-xxl-6,
  .p-xxl-6 {
    padding-left: 4.5rem !important;
  }
  .pe-xxl-6,
  .px-xxl-6,
  .p-xxl-6 {
    padding-right: 4.5rem !important;
  }

  .pt-xxl-7,
  .py-xxl-7,
  .p-xxl-7 {
    padding-top: 6rem !important;
  }
  .pb-xxl-7,
  .py-xxl-7,
  .p-xxl-7 {
    padding-bottom: 6rem !important;
  }
  .ps-xxl-7,
  .px-xxl-7,
  .p-xxl-7 {
    padding-left: 6rem !important;
  }
  .pe-xxl-7,
  .px-xxl-7,
  .p-xxl-7 {
    padding-right: 6rem !important;
  }

  .pt-xxl-8,
  .py-xxl-8,
  .p-xxl-8 {
    padding-top: 7.5rem !important;
  }
  .pb-xxl-8,
  .py-xxl-8,
  .p-xxl-8 {
    padding-bottom: 7.5rem !important;
  }
  .ps-xxl-8,
  .px-xxl-8,
  .p-xxl-8 {
    padding-left: 7.5rem !important;
  }
  .pe-xxl-8,
  .px-xxl-8,
  .p-xxl-8 {
    padding-right: 7.5rem !important;
  }

  .pt-xxl-9,
  .py-xxl-9,
  .p-xxl-9 {
    padding-top: 9rem !important;
  }
  .pb-xxl-9,
  .py-xxl-9,
  .p-xxl-9 {
    padding-bottom: 9rem !important;
  }
  .ps-xxl-9,
  .px-xxl-9,
  .p-xxl-9 {
    padding-left: 9rem !important;
  }
  .pe-xxl-9,
  .px-xxl-9,
  .p-xxl-9 {
    padding-right: 9rem !important;
  }
}





/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1920px) {
  .p-xxxl-9 {
    padding: 9rem !important;
  }
}











/* ========= */
/* NEGATIVE MARGIN */
/* ========= */

.mt-n0,
.mt-n1,
.mt-n2,
.mt-n3,
.mt-n4,
.mt-n5,
.mt-n6,
.mt-n7,
.mt-n8,
.mt-n9,
.mt-sm-n0,
.mt-sm-n1,
.mt-sm-n2,
.mt-sm-n3,
.mt-sm-n4,
.mt-sm-n5,
.mt-sm-n6,
.mt-sm-n7,
.mt-sm-n8,
.mt-sm-n9,
.mt-md-n0,
.mt-md-n1,
.mt-md-n2,
.mt-md-n3,
.mt-md-n4,
.mt-md-n5,
.mt-md-n6,
.mt-md-n7,
.mt-md-n8,
.mt-md-n9,
.mt-lg-n0,
.mt-lg-n1,
.mt-lg-n2,
.mt-lg-n3,
.mt-lg-n4,
.mt-lg-n5,
.mt-lg-n6,
.mt-lg-n7,
.mt-lg-n8,
.mt-lg-n9,
.mt-xl-n0,
.mt-xl-n1,
.mt-xl-n2,
.mt-xl-n3,
.mt-xl-n4,
.mt-xl-n5,
.mt-xl-n6,
.mt-xl-n7,
.mt-xl-n8,
.mt-xl-n9,
.mt-xxl-n0,
.mt-xxl-n1,
.mt-xxl-n2,
.mt-xxl-n3,
.mt-xxl-n4,
.mt-xxl-n5,
.mt-xxl-n6,
.mt-xxl-n7,
.mt-xxl-n8,
.mt-xxl-n9 {
  display: block;
  z-index: 1;
  position: relative;
}
.mt-n0 {
  margin-top: 0rem !important;
}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
.mt-n3 {
  margin-top: -1rem !important;
}
.mt-n3 {
  margin-top: -0.75rem !important;
}
.mt-n4 {
  margin-top: -1.5rem !important;
}
.mt-n5 {
  margin-top: -3rem !important;
}
.mt-n6 {
  margin-top: -4.5rem !important;
}
.mt-n7 {
  margin-top: -6rem !important;
}
.mt-n8 {
  margin-top: -7.5rem !important;
}
.mt-n9 {
  margin-top: -9rem !important;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .mt-sm-n0 {
    margin-top: 0rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-sm-n5 {
    margin-top: -3rem !important;
  }
  .mt-sm-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-sm-n7 {
    margin-top: -6rem !important;
  }
  .mt-sm-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-sm-n9 {
    margin-top: -9rem !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .mt-md-n0 {
    margin-top: 0rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-md-n5 {
    margin-top: -3rem !important;
  }
  .mt-md-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-md-n7 {
    margin-top: -6rem !important;
  }
  .mt-md-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-md-n9 {
    margin-top: -9rem !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .mt-lg-n0 {
    margin-top: 0rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-lg-n5 {
    margin-top: -3rem !important;
  }
  .mt-lg-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-lg-n7 {
    margin-top: -6rem !important;
  }
  .mt-lg-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-lg-n9 {
    margin-top: -9rem !important;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .mt-xl-n0 {
    margin-top: 0rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xl-n5 {
    margin-top: -3rem !important;
  }
  .mt-xl-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-xl-n7 {
    margin-top: -6rem !important;
  }
  .mt-xl-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-xl-n9 {
    margin-top: -9rem !important;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .mt-xxl-n0 {
    margin-top: 0rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -0.75rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mt-xxl-n6 {
    margin-top: -4.5rem !important;
  }
  .mt-xxl-n7 {
    margin-top: -6rem !important;
  }
  .mt-xxl-n8 {
    margin-top: -7.5rem !important;
  }
  .mt-xxl-n9 {
    margin-top: -9rem !important;
  }
}





/* ========= */
/* RATIO */
/* ========= */

/*
.ratio,
.ratio > img {
  width: auto;
  min-width: 100%;
}
.ratio > img {
  width: auto;
  min-width: 100%;
}
*/
.ratio > img,
.ratio > picture,
.ratio > video,
.cover,
.cover > img,
.cover > video {
  object-fit: cover;
}
.contain,
.contain > img,
.contain > picture,
.contain > video {
  object-fit: contain;
}
.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
}
.ratio-5x6 {
  --bs-aspect-ratio: calc(6 / 5 * 100%);
}
.ratio-4x5 {
  --bs-aspect-ratio: calc(5 / 4 * 100%);
}
.ratio-2x3 {
  --bs-aspect-ratio: calc(3 / 2 * 100%);
}
.ratio-1x3 {
  --bs-aspect-ratio: calc(3 / 1 * 100%);
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-5x4 {
  --bs-aspect-ratio: calc(4 / 5 * 100%);
}
.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-3x2 {
  --bs-aspect-ratio: calc(2 / 3 * 100%);
}
.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.ratio-3x1 {
  --bs-aspect-ratio: calc(1 / 3 * 100%);
}
.ratio-5x2 {
  --bs-aspect-ratio: calc(2 / 5 * 100%);
}
.ratio-4x1 {
  --bs-aspect-ratio: calc(1 / 4 * 100%);
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .ratio-sm-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-sm-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-sm-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-sm-1x3 {
    --bs-aspect-ratio: calc(3 / 1 * 100%);
  }
  .ratio-sm-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-sm-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-sm-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-sm-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-sm-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-sm-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-sm-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-sm-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-sm-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .ratio-md-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-md-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-md-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-md-1x3 {
    --bs-aspect-ratio: calc(3 / 1 * 100%);
  }
  .ratio-md-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-md-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-md-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-md-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-md-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-md-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-md-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-md-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-md-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .ratio-lg-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-lg-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-lg-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-lg-1x3 {
    --bs-aspect-ratio: calc(3 / 1 * 100%);
  }
  .ratio-lg-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-lg-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-lg-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-lg-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-lg-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-lg-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-lg-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-lg-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-lg-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .ratio-xl-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-xl-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-xl-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-xl-1x3 {
    --bs-aspect-ratio: calc(3 / 1 * 100%);
  }
  .ratio-xl-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-xl-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-xl-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-xl-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-xl-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-xl-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-xl-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-xl-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-xl-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .ratio-xxl-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
  }
  .ratio-xxl-5x6 {
    --bs-aspect-ratio: calc(6 / 5 * 100%);
  }
  .ratio-xxl-4x5 {
    --bs-aspect-ratio: calc(5 / 4 * 100%);
  }
  .ratio-xxl-1x3 {
    --bs-aspect-ratio: calc(3 / 1 * 100%);
  }
  .ratio-xxl-1x1 {
    --bs-aspect-ratio: 100%;
  }
  .ratio-xxl-5x4 {
    --bs-aspect-ratio: calc(4 / 5 * 100%);
  }
  .ratio-xxl-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
  }
  .ratio-xxl-3x2 {
    --bs-aspect-ratio: calc(2 / 3 * 100%);
  }
  .ratio-xxl-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
  }
  .ratio-xxl-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
  }
  .ratio-xxl-3x1 {
    --bs-aspect-ratio: calc(1 / 3 * 100%);
  }
  .ratio-xxl-5x2 {
    --bs-aspect-ratio: calc(2 / 5 * 100%);
  }
  .ratio-xxl-4x1 {
    --bs-aspect-ratio: calc(1 / 4 * 100%);
  }
}


/* ========= */
/* GUTTER */
/* ========= */

.g-6, .gy-6 {
  --bs-gutter-y: 4.5rem;
}
.g-6, .gx-6 {
  --bs-gutter-x: 4.5rem;
}
.g-7, .gy-7 {
  --bs-gutter-y: 6rem;
}
.g-7, .gx-7 {
  --bs-gutter-x: 6rem;
}
.g-8, .gy-8 {
  --bs-gutter-y: 7.5rem;
}
.g-8, .gx-8 {
  --bs-gutter-x: 7.5rem;
}
.g-9, .gy-9 {
  --bs-gutter-y: 9rem;
}
.g-9, .gx-9 {
  --bs-gutter-x: 9rem;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .g-sm-6, .gy-sm-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-sm-6, .gx-sm-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-sm-7, .gy-sm-7 {
    --bs-gutter-y: 6rem;
  }
  .g-sm-7, .gx-sm-7 {
    --bs-gutter-x: 6rem;
  }
  .g-sm-8, .gy-sm-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-sm-8, .gx-sm-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-sm-9, .gy-sm-9 {
    --bs-gutter-y: 9rem;
  }
  .g-sm-9, .gx-sm-9 {
    --bs-gutter-x: 9rem;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .g-md-6, .gy-md-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-md-6, .gx-md-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-md-7, .gy-md-7 {
    --bs-gutter-y: 6rem;
  }
  .g-md-7, .gx-md-7 {
    --bs-gutter-x: 6rem;
  }
  .g-md-8, .gy-md-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-md-8, .gx-md-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-md-9, .gy-md-9 {
    --bs-gutter-y: 9rem;
  }
  .g-md-9, .gx-md-9 {
    --bs-gutter-x: 9rem;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .g-lg-6, .gy-lg-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-lg-6, .gx-lg-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-lg-7, .gy-lg-7 {
    --bs-gutter-y: 6rem;
  }
  .g-lg-7, .gx-lg-7 {
    --bs-gutter-x: 6rem;
  }
  .g-lg-8, .gy-lg-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-lg-8, .gx-lg-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-lg-9, .gy-lg-9 {
    --bs-gutter-y: 9rem;
  }
  .g-lg-9, .gx-lg-9 {
    --bs-gutter-x: 9rem;
  }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .g-xl-6, .gy-xl-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-xl-6, .gx-xl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xl-7, .gy-xl-7 {
    --bs-gutter-y: 6rem;
  }
  .g-xl-7, .gx-xl-7 {
    --bs-gutter-x: 6rem;
  }
  .g-xl-8, .gy-xl-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-xl-8, .gx-xl-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-xl-9, .gy-xl-9 {
    --bs-gutter-y: 9rem;
  }
  .g-xl-9, .gx-xl-9 {
    --bs-gutter-x: 9rem;
  }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .g-xxl-6, .gy-xxl-6 {
    --bs-gutter-y: 4.5rem;
  }
  .g-xxl-6, .gx-xxl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xxl-7, .gy-xxl-7 {
    --bs-gutter-y: 6rem;
  }
  .g-xxl-7, .gx-xxl-7 {
    --bs-gutter-x: 6rem;
  }
  .g-xxl-8, .gy-xxl-8 {
    --bs-gutter-y: 7.5rem;
  }
  .g-xxl-8, .gx-xxl-8 {
    --bs-gutter-x: 7.5rem;
  }
  .g-xxl-9, .gy-xxl-9 {
    --bs-gutter-y: 9rem;
  }
  .g-xxl-9, .gx-xxl-9 {
    --bs-gutter-x: 9rem;
  }
}