/**
 * Konzept von spacing utility in template presentation ist noch nicht ausgearbeitet
 * Daher muss man die CSS Datei mit !important hinzugefügt werden
 * Nicht optimal, aber na ja...
 */

/* Margin Utilities */
.mx-auto { margin-inline: auto !important; }
.mt-auto { margin-top: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.mx-0 { margin-inline: 0 !important; }
.mx-1 { margin-inline: 0.25rem !important; }
.mx-2 { margin-inline: 0.5rem !important; }
.mx-3 { margin-inline: 1rem !important; }
.mx-4 { margin-inline: 1.5rem !important; }
.mx-5 { margin-inline: 3rem !important; }

.my-0 { margin-block: 0 !important; }
.my-1 { margin-block: 0.25rem !important; }
.my-2 { margin-block: 0.5rem !important; }
.my-3 { margin-block: 1rem !important; }
.my-4 { margin-block: 1.5rem !important; }
.my-5 { margin-block: 3rem !important; }

/* padding */

/* Padding Utilities */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

.px-0 { padding-inline: 0 !important; }
.px-1 { padding-inline: 0.25rem !important; }
.px-2 { padding-inline: 0.5rem !important; }
.px-3 { padding-inline: 1rem !important; }
.px-4 { padding-inline: 1.5rem !important; }
.px-5 { padding-inline: 3rem !important; }

.py-0 { padding-block: 0 !important; }
.py-1 { padding-block: 0.25rem !important; }
.py-2 { padding-block: 0.5rem !important; }
.py-3 { padding-block: 1rem !important; }
.py-4 { padding-block: 1.5rem !important; }
.py-5 { padding-block: 3rem !important; }

@media (min-width: 640px) {
    .sm\:m-0 { margin: 0 !important; }
    .sm\:m-1 { margin: 0.25rem !important; }
    .sm\:m-2 { margin: 0.5rem !important; }
    .sm\:m-3 { margin: 1rem !important; }
    .sm\:m-4 { margin: 1.5rem !important; }
    .sm\:m-5 { margin: 3rem !important; }

    .sm\:mt-0 { margin-top: 0 !important; }
    .sm\:mt-1 { margin-top: 0.25rem !important; }
    .sm\:mt-2 { margin-top: 0.5rem !important; }
    .sm\:mt-3 { margin-top: 1rem !important; }
    .sm\:mt-4 { margin-top: 1.5rem !important; }
    .sm\:mt-5 { margin-top: 3rem !important; }

    .sm\:mb-0 { margin-bottom: 0 !important; }
    .sm\:mb-1 { margin-bottom: 0.25rem !important; }
    .sm\:mb-2 { margin-bottom: 0.5rem !important; }
    .sm\:mb-3 { margin-bottom: 1rem !important; }
    .sm\:mb-4 { margin-bottom: 1.5rem !important; }
    .sm\:mb-5 { margin-bottom: 3rem !important; }

    .sm\:ml-0 { margin-left: 0 !important; }
    .sm\:ml-1 { margin-left: 0.25rem !important; }
    .sm\:ml-2 { margin-left: 0.5rem !important; }
    .sm\:ml-3 { margin-left: 1rem !important; }
    .sm\:ml-4 { margin-left: 1.5rem !important; }
    .sm\:ml-5 { margin-left: 3rem !important; }

    .sm\:mr-0 { margin-right: 0 !important; }
    .sm\:mr-1 { margin-right: 0.25rem !important; }
    .sm\:mr-2 { margin-right: 0.5rem !important; }
    .sm\:mr-3 { margin-right: 1rem !important; }
    .sm\:mr-4 { margin-right: 1.5rem !important; }
    .sm\:mr-5 { margin-right: 3rem !important; }

    .sm\:mx-0 { margin-inline: 0 !important; }
    .sm\:mx-1 { margin-inline: 0.25rem !important; }
    .sm\:mx-2 { margin-inline: 0.5rem !important; }
    .sm\:mx-3 { margin-inline: 1rem !important; }
    .sm\:mx-4 { margin-inline: 1.5rem !important; }
    .sm\:mx-5 { margin-inline: 3rem !important; }

    .sm\:my-0 { margin-block: 0 !important; }
    .sm\:my-1 { margin-block: 0.25rem !important; }
    .sm\:my-2 { margin-block: 0.5rem !important; }
    .sm\:my-3 { margin-block: 1rem !important; }
    .sm\:my-4 { margin-block: 1.5rem !important; }
    .sm\:my-5 { margin-block: 3rem !important; }

    .sm\:p-0 { padding: 0 !important; }
    .sm\:p-1 { padding: 0.25rem !important; }
    .sm\:p-2 { padding: 0.5rem !important; }
    .sm\:p-3 { padding: 1rem !important; }
    .sm\:p-4 { padding: 1.5rem !important; }
    .sm\:p-5 { padding: 3rem !important; }

    .sm\:pt-0 { padding-top: 0 !important; }
    .sm\:pt-1 { padding-top: 0.25rem !important; }
    .sm\:pt-2 { padding-top: 0.5rem !important; }
    .sm\:pt-3 { padding-top: 1rem !important; }
    .sm\:pt-4 { padding-top: 1.5rem !important; }
    .sm\:pt-5 { padding-top: 3rem !important; }

    .sm\:pb-0 { padding-bottom: 0 !important; }
    .sm\:pb-1 { padding-bottom: 0.25rem !important; }
    .sm\:pb-2 { padding-bottom: 0.5rem !important; }
    .sm\:pb-3 { padding-bottom: 1rem !important; }
    .sm\:pb-4 { padding-bottom: 1.5rem !important; }
    .sm\:pb-5 { padding-bottom: 3rem !important; }

    .sm\:pl-0 { padding-left: 0 !important; }
    .sm\:pl-1 { padding-left: 0.25rem !important; }
    .sm\:pl-2 { padding-left: 0.5rem !important; }
    .sm\:pl-3 { padding-left: 1rem !important; }
    .sm\:pl-4 { padding-left: 1.5rem !important; }
    .sm\:pl-5 { padding-left: 3rem !important; }

    .sm\:pr-0 { padding-right: 0 !important; }
    .sm\:pr-1 { padding-right: 0.25rem !important; }
    .sm\:pr-2 { padding-right: 0.5rem !important; }
    .sm\:pr-3 { padding-right: 1rem !important; }
    .sm\:pr-4 { padding-right: 1.5rem !important; }
    .sm\:pr-5 { padding-right: 3rem !important; }

    .sm\:px-0 { padding-inline: 0 !important; }
    .sm\:px-1 { padding-inline: 0.25rem !important; }
    .sm\:px-2 { padding-inline: 0.5rem !important; }
    .sm\:px-3 { padding-inline: 1rem !important; }
    .sm\:px-4 { padding-inline: 1.5rem !important; }
    .sm\:px-5 { padding-inline: 3rem !important; }

    .sm\:py-0 { padding-block: 0 !important; }
    .sm\:py-1 { padding-block: 0.25rem !important; }
    .sm\:py-2 { padding-block: 0.5rem !important; }
    .sm\:py-3 { padding-block: 1rem !important; }
    .sm\:py-4 { padding-block: 1.5rem !important; }
    .sm\:py-5 { padding-block: 3rem !important; }
}

@media (min-width: 768px) {
    .md\:m-0 { margin: 0 !important; }
    .md\:m-1 { margin: 0.25rem !important; }
    .md\:m-2 { margin: 0.5rem !important; }
    .md\:m-3 { margin: 1rem !important; }
    .md\:m-4 { margin: 1.5rem !important; }
    .md\:m-5 { margin: 3rem !important; }

    .md\:mt-0 { margin-top: 0 !important; }
    .md\:mt-1 { margin-top: 0.25rem !important; }
    .md\:mt-2 { margin-top: 0.5rem !important; }
    .md\:mt-3 { margin-top: 1rem !important; }
    .md\:mt-4 { margin-top: 1.5rem !important; }
    .md\:mt-5 { margin-top: 3rem !important; }

    .md\:mb-0 { margin-bottom: 0 !important; }
    .md\:mb-1 { margin-bottom: 0.25rem !important; }
    .md\:mb-2 { margin-bottom: 0.5rem !important; }
    .md\:mb-3 { margin-bottom: 1rem !important; }
    .md\:mb-4 { margin-bottom: 1.5rem !important; }
    .md\:mb-5 { margin-bottom: 3rem !important; }

    .md\:ml-0 { margin-left: 0 !important; }
    .md\:ml-1 { margin-left: 0.25rem !important; }
    .md\:ml-2 { margin-left: 0.5rem !important; }
    .md\:ml-3 { margin-left: 1rem !important; }
    .md\:ml-4 { margin-left: 1.5rem !important; }
    .md\:ml-5 { margin-left: 3rem !important; }

    .md\:mr-0 { margin-right: 0 !important; }
    .md\:mr-1 { margin-right: 0.25rem !important; }
    .md\:mr-2 { margin-right: 0.5rem !important; }
    .md\:mr-3 { margin-right: 1rem !important; }
    .md\:mr-4 { margin-right: 1.5rem !important; }
    .md\:mr-5 { margin-right: 3rem !important; }

    .md\:mx-0 { margin-inline: 0 !important; }
    .md\:mx-1 { margin-inline: 0.25rem !important; }
    .md\:mx-2 { margin-inline: 0.5rem !important; }
    .md\:mx-3 { margin-inline: 1rem !important; }
    .md\:mx-4 { margin-inline: 1.5rem !important; }
    .md\:mx-5 { margin-inline: 3rem !important; }

    .md\:my-0 { margin-block: 0 !important; }
    .md\:my-1 { margin-block: 0.25rem !important; }
    .md\:my-2 { margin-block: 0.5rem !important; }
    .md\:my-3 { margin-block: 1rem !important; }
    .md\:my-4 { margin-block: 1.5rem !important; }
    .md\:my-5 { margin-block: 3rem !important; }

    .md\:p-0 { padding: 0 !important; }
    .md\:p-1 { padding: 0.25rem !important; }
    .md\:p-2 { padding: 0.5rem !important; }
    .md\:p-3 { padding: 1rem !important; }
    .md\:p-4 { padding: 1.5rem !important; }
    .md\:p-5 { padding: 3rem !important; }

    .md\:pt-0 { padding-top: 0 !important; }
    .md\:pt-1 { padding-top: 0.25rem !important; }
    .md\:pt-2 { padding-top: 0.5rem !important; }
    .md\:pt-3 { padding-top: 1rem !important; }
    .md\:pt-4 { padding-top: 1.5rem !important; }
    .md\:pt-5 { padding-top: 3rem !important; }

    .md\:pb-0 { padding-bottom: 0 !important; }
    .md\:pb-1 { padding-bottom: 0.25rem !important; }
    .md\:pb-2 { padding-bottom: 0.5rem !important; }
    .md\:pb-3 { padding-bottom: 1rem !important; }
    .md\:pb-4 { padding-bottom: 1.5rem !important; }
    .md\:pb-5 { padding-bottom: 3rem !important; }

    .md\:pl-0 { padding-left: 0 !important; }
    .md\:pl-1 { padding-left: 0.25rem !important; }
    .md\:pl-2 { padding-left: 0.5rem !important; }
    .md\:pl-3 { padding-left: 1rem !important; }
    .md\:pl-4 { padding-left: 1.5rem !important; }
    .md\:pl-5 { padding-left: 3rem !important; }

    .md\:pr-0 { padding-right: 0 !important; }
    .md\:pr-1 { padding-right: 0.25rem !important; }
    .md\:pr-2 { padding-right: 0.5rem !important; }
    .md\:pr-3 { padding-right: 1rem !important; }
    .md\:pr-4 { padding-right: 1.5rem !important; }
    .md\:pr-5 { padding-right: 3rem !important; }

    .md\:px-0 { padding-inline: 0 !important; }
    .md\:px-1 { padding-inline: 0.25rem !important; }
    .md\:px-2 { padding-inline: 0.5rem !important; }
    .md\:px-3 { padding-inline: 1rem !important; }
    .md\:px-4 { padding-inline: 1.5rem !important; }
    .md\:px-5 { padding-inline: 3rem !important; }

    .md\:py-0 { padding-block: 0 !important; }
    .md\:py-1 { padding-block: 0.25rem !important; }
    .md\:py-2 { padding-block: 0.5rem !important; }
    .md\:py-3 { padding-block: 1rem !important; }
    .md\:py-4 { padding-block: 1.5rem !important; }
    .md\:py-5 { padding-block: 3rem !important; }
}

@media (min-width: 1024px) {
    .lg\:m-0 { margin: 0 !important; }
    .lg\:m-1 { margin: 0.25rem !important; }
    .lg\:m-2 { margin: 0.5rem !important; }
    .lg\:m-3 { margin: 1rem !important; }
    .lg\:m-4 { margin: 1.5rem !important; }
    .lg\:m-5 { margin: 3rem !important; }

    .lg\:mt-0 { margin-top: 0 !important; }
    .lg\:mt-1 { margin-top: 0.25rem !important; }
    .lg\:mt-2 { margin-top: 0.5rem !important; }
    .lg\:mt-3 { margin-top: 1rem !important; }
    .lg\:mt-4 { margin-top: 1.5rem !important; }
    .lg\:mt-5 { margin-top: 3rem !important; }

    .lg\:mb-0 { margin-bottom: 0 !important; }
    .lg\:mb-1 { margin-bottom: 0.25rem !important; }
    .lg\:mb-2 { margin-bottom: 0.5rem !important; }
    .lg\:mb-3 { margin-bottom: 1rem !important; }
    .lg\:mb-4 { margin-bottom: 1.5rem !important; }
    .lg\:mb-5 { margin-bottom: 3rem !important; }

    .lg\:ml-0 { margin-left: 0 !important; }
    .lg\:ml-1 { margin-left: 0.25rem !important; }
    .lg\:ml-2 { margin-left: 0.5rem !important; }
    .lg\:ml-3 { margin-left: 1rem !important; }
    .lg\:ml-4 { margin-left: 1.5rem !important; }
    .lg\:ml-5 { margin-left: 3rem !important; }

    .lg\:mr-0 { margin-right: 0 !important; }
    .lg\:mr-1 { margin-right: 0.25rem !important; }
    .lg\:mr-2 { margin-right: 0.5rem !important; }
    .lg\:mr-3 { margin-right: 1rem !important; }
    .lg\:mr-4 { margin-right: 1.5rem !important; }
    .lg\:mr-5 { margin-right: 3rem !important; }

    .lg\:mx-0 { margin-inline: 0 !important; }
    .lg\:mx-1 { margin-inline: 0.25rem !important; }
    .lg\:mx-2 { margin-inline: 0.5rem !important; }
    .lg\:mx-3 { margin-inline: 1rem !important; }
    .lg\:mx-4 { margin-inline: 1.5rem !important; }
    .lg\:mx-5 { margin-inline: 3rem !important; }

    .lg\:my-0 { margin-block: 0 !important; }
    .lg\:my-1 { margin-block: 0.25rem !important; }
    .lg\:my-2 { margin-block: 0.5rem !important; }
    .lg\:my-3 { margin-block: 1rem !important; }
    .lg\:my-4 { margin-block: 1.5rem !important; }
    .lg\:my-5 { margin-block: 3rem !important; }

    .lg\:p-0 { padding: 0 !important; }
    .lg\:p-1 { padding: 0.25rem !important; }
    .lg\:p-2 { padding: 0.5rem !important; }
    .lg\:p-3 { padding: 1rem !important; }
    .lg\:p-4 { padding: 1.5rem !important; }
    .lg\:p-5 { padding: 3rem !important; }

    .lg\:pt-0 { padding-top: 0 !important; }
    .lg\:pt-1 { padding-top: 0.25rem !important; }
    .lg\:pt-2 { padding-top: 0.5rem !important; }
    .lg\:pt-3 { padding-top: 1rem !important; }
    .lg\:pt-4 { padding-top: 1.5rem !important; }
    .lg\:pt-5 { padding-top: 3rem !important; }

    .lg\:pb-0 { padding-bottom: 0 !important; }
    .lg\:pb-1 { padding-bottom: 0.25rem !important; }
    .lg\:pb-2 { padding-bottom: 0.5rem !important; }
    .lg\:pb-3 { padding-bottom: 1rem !important; }
    .lg\:pb-4 { padding-bottom: 1.5rem !important; }
    .lg\:pb-5 { padding-bottom: 3rem !important; }

    .lg\:pl-0 { padding-left: 0 !important; }
    .lg\:pl-1 { padding-left: 0.25rem !important; }
    .lg\:pl-2 { padding-left: 0.5rem !important; }
    .lg\:pl-3 { padding-left: 1rem !important; }
    .lg\:pl-4 { padding-left: 1.5rem !important; }
    .lg\:pl-5 { padding-left: 3rem !important; }

    .lg\:pr-0 { padding-right: 0 !important; }
    .lg\:pr-1 { padding-right: 0.25rem !important; }
    .lg\:pr-2 { padding-right: 0.5rem !important; }
    .lg\:pr-3 { padding-right: 1rem !important; }
    .lg\:pr-4 { padding-right: 1.5rem !important; }
    .lg\:pr-5 { padding-right: 3rem !important; }

    .lg\:px-0 { padding-inline: 0 !important; }
    .lg\:px-1 { padding-inline: 0.25rem !important; }
    .lg\:px-2 { padding-inline: 0.5rem !important; }
    .lg\:px-3 { padding-inline: 1rem !important; }
    .lg\:px-4 { padding-inline: 1.5rem !important; }
    .lg\:px-5 { padding-inline: 3rem !important; }

    .lg\:py-0 { padding-block: 0 !important; }
    .lg\:py-1 { padding-block: 0.25rem !important; }
    .lg\:py-2 { padding-block: 0.5rem !important; }
    .lg\:py-3 { padding-block: 1rem !important; }
    .lg\:py-4 { padding-block: 1.5rem !important; }
    .lg\:py-5 { padding-block: 3rem !important; }
}