@charset "UTF-8";

@import "https://cdn.fhstp.ac.at/global/icon/0.1.0/index.4684207a.css";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
html {
    box-sizing: border-box;
    font-family: sans-serif;
}
*,
:after,
:before {
    box-sizing: inherit;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}
button {
    background: transparent;
    padding: 0;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
fieldset,
ol,
ul {
    margin: 0;
    padding: 0;
}
ol,
ul {
    list-style: none;
}
html {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
        Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
        Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
}
*,
:after,
:before {
    border: 0 solid #adadad;
}
hr {
    border-top-width: 1px;
}
img {
    border-style: solid;
}
textarea {
    resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a0aec0;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
    color: #a0aec0;
}
[role="button"],
button {
    cursor: pointer;
}
table {
    border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
        Courier New, monospace;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    max-width: 100%;
    height: auto;
}
*,
:after,
:before {
    --transition-duration: 250ms;
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.bg-fixed {
    background-attachment: fixed;
}
.bg-local {
    background-attachment: local;
}
.bg-scroll {
    background-attachment: scroll;
}
.bg-transparent {
    background-color: transparent;
}
.bg-black {
    background-color: #000;
}
.bg-white {
    background-color: #fff;
}
.bg-primary-100 {
    background-color: #e6eef5;
}
.bg-primary-300 {
    background-color: #3b7db7;
}
.bg-primary-400 {
    background-color: #407bb3;
}
.bg-primary-500 {
    background-color: #005096;
}
.bg-primary-800 {
    background-color: #002444;
}
.bg-depmw-200 {
    background-color: #f0f1bf;
}
.bg-depmw-500 {
    background-color: #c3c800;
}
.bg-depmt-500 {
    background-color: #0aaa8c;
}
.bg-depit-500 {
    background-color: #0096d7;
}
.bg-depbm-500 {
    background-color: #00aabe;
}
.bg-depges-500 {
    background-color: #f08700;
}
.bg-depsoz-500 {
    background-color: #dc5a28;
}
.bg-gray-100 {
    background-color: #f2f2f3;
}
.bg-gray-200 {
    background-color: #d8d8d8;
}
.bg-gray-300 {
    background-color: #adadad;
}
.bg-gray-400 {
    background-color: #2f3542;
}
.bg-gray-500 {
    background-color: #333;
}
.bg-red-500 {
    background-color: #f56565;
}
.bg-red-800 {
    background-color: #9b2c2c;
}
.bg-red-900 {
    background-color: #4e2121;
}
.bg-green-700 {
    background-color: #2f855a;
}
.hover\:bg-transparent:hover {
    background-color: transparent;
}
.hover\:bg-black:hover {
    background-color: #000;
}
.hover\:bg-white:hover {
    background-color: #fff;
}
.hover\:bg-primary-100:hover {
    background-color: #e6eef5;
}
.hover\:bg-primary-300:hover {
    background-color: #3b7db7;
}
.hover\:bg-primary-400:hover {
    background-color: #407bb3;
}
.hover\:bg-primary-500:hover {
    background-color: #005096;
}
.hover\:bg-primary-800:hover {
    background-color: #002444;
}
.hover\:bg-depmw-200:hover {
    background-color: #f0f1bf;
}
.hover\:bg-depmw-500:hover {
    background-color: #c3c800;
}
.hover\:bg-depmt-500:hover {
    background-color: #0aaa8c;
}
.hover\:bg-depit-500:hover {
    background-color: #0096d7;
}
.hover\:bg-depbm-500:hover {
    background-color: #00aabe;
}
.hover\:bg-depges-500:hover {
    background-color: #f08700;
}
.hover\:bg-depsoz-500:hover {
    background-color: #dc5a28;
}
.hover\:bg-gray-100:hover {
    background-color: #f2f2f3;
}
.hover\:bg-gray-200:hover {
    background-color: #d8d8d8;
}
.hover\:bg-gray-300:hover {
    background-color: #adadad;
}
.hover\:bg-gray-400:hover {
    background-color: #2f3542;
}
.hover\:bg-gray-500:hover {
    background-color: #333;
}
.hover\:bg-red-500:hover {
    background-color: #f56565;
}
.hover\:bg-red-800:hover {
    background-color: #9b2c2c;
}
.hover\:bg-red-900:hover {
    background-color: #4e2121;
}
.hover\:bg-green-700:hover {
    background-color: #2f855a;
}
.active\:bg-transparent:active {
    background-color: transparent;
}
.active\:bg-black:active {
    background-color: #000;
}
.active\:bg-white:active {
    background-color: #fff;
}
.active\:bg-primary-100:active {
    background-color: #e6eef5;
}
.active\:bg-primary-300:active {
    background-color: #3b7db7;
}
.active\:bg-primary-400:active {
    background-color: #407bb3;
}
.active\:bg-primary-500:active {
    background-color: #005096;
}
.active\:bg-primary-800:active {
    background-color: #002444;
}
.active\:bg-depmw-200:active {
    background-color: #f0f1bf;
}
.active\:bg-depmw-500:active {
    background-color: #c3c800;
}
.active\:bg-depmt-500:active {
    background-color: #0aaa8c;
}
.active\:bg-depit-500:active {
    background-color: #0096d7;
}
.active\:bg-depbm-500:active {
    background-color: #00aabe;
}
.active\:bg-depges-500:active {
    background-color: #f08700;
}
.active\:bg-depsoz-500:active {
    background-color: #dc5a28;
}
.active\:bg-gray-100:active {
    background-color: #f2f2f3;
}
.active\:bg-gray-200:active {
    background-color: #d8d8d8;
}
.active\:bg-gray-300:active {
    background-color: #adadad;
}
.active\:bg-gray-400:active {
    background-color: #2f3542;
}
.active\:bg-gray-500:active {
    background-color: #333;
}
.active\:bg-red-500:active {
    background-color: #f56565;
}
.active\:bg-red-800:active {
    background-color: #9b2c2c;
}
.active\:bg-red-900:active {
    background-color: #4e2121;
}
.active\:bg-green-700:active {
    background-color: #2f855a;
}
.focus\:bg-transparent:focus {
    background-color: transparent;
}
.focus\:bg-black:focus {
    background-color: #000;
}
.focus\:bg-white:focus {
    background-color: #fff;
}
.focus\:bg-primary-100:focus {
    background-color: #e6eef5;
}
.focus\:bg-primary-300:focus {
    background-color: #3b7db7;
}
.focus\:bg-primary-400:focus {
    background-color: #407bb3;
}
.focus\:bg-primary-500:focus {
    background-color: #005096;
}
.focus\:bg-primary-800:focus {
    background-color: #002444;
}
.focus\:bg-depmw-200:focus {
    background-color: #f0f1bf;
}
.focus\:bg-depmw-500:focus {
    background-color: #c3c800;
}
.focus\:bg-depmt-500:focus {
    background-color: #0aaa8c;
}
.focus\:bg-depit-500:focus {
    background-color: #0096d7;
}
.focus\:bg-depbm-500:focus {
    background-color: #00aabe;
}
.focus\:bg-depges-500:focus {
    background-color: #f08700;
}
.focus\:bg-depsoz-500:focus {
    background-color: #dc5a28;
}
.focus\:bg-gray-100:focus {
    background-color: #f2f2f3;
}
.focus\:bg-gray-200:focus {
    background-color: #d8d8d8;
}
.focus\:bg-gray-300:focus {
    background-color: #adadad;
}
.focus\:bg-gray-400:focus {
    background-color: #2f3542;
}
.focus\:bg-gray-500:focus {
    background-color: #333;
}
.focus\:bg-red-500:focus {
    background-color: #f56565;
}
.focus\:bg-red-800:focus {
    background-color: #9b2c2c;
}
.focus\:bg-red-900:focus {
    background-color: #4e2121;
}
.focus\:bg-green-700:focus {
    background-color: #2f855a;
}
.bg-bottom {
    background-position: bottom;
}
.bg-center {
    background-position: 50%;
}
.bg-left {
    background-position: 0;
}
.bg-left-bottom {
    background-position: 0 100%;
}
.bg-left-top {
    background-position: 0 0;
}
.bg-right {
    background-position: 100%;
}
.bg-right-bottom {
    background-position: 100% 100%;
}
.bg-right-top {
    background-position: 100% 0;
}
.bg-top {
    background-position: top;
}
.bg-repeat {
    background-repeat: repeat;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-repeat-x {
    background-repeat: repeat-x;
}
.bg-repeat-y {
    background-repeat: repeat-y;
}
.bg-repeat-round {
    background-repeat: round;
}
.bg-repeat-space {
    background-repeat: space;
}
.bg-auto {
    background-size: auto;
}
.bg-cover {
    background-size: cover;
}
.bg-contain {
    background-size: contain;
}
.border-collapse {
    border-collapse: collapse;
}
.border-separate {
    border-collapse: separate;
}
.border-transparent {
    border-color: transparent;
}
.border-black {
    border-color: #000;
}
.border-white {
    border-color: #fff;
}
.border-primary-100 {
    border-color: #e6eef5;
}
.border-primary-300 {
    border-color: #3b7db7;
}
.border-primary-400 {
    border-color: #407bb3;
}
.border-primary-500 {
    border-color: #005096;
}
.border-primary-800 {
    border-color: #002444;
}
.border-depmw-200 {
    border-color: #f0f1bf;
}
.border-depmw-500 {
    border-color: #c3c800;
}
.border-depmt-500 {
    border-color: #0aaa8c;
}
.border-depit-500 {
    border-color: #0096d7;
}
.border-depbm-500 {
    border-color: #00aabe;
}
.border-depges-500 {
    border-color: #f08700;
}
.border-depsoz-500 {
    border-color: #dc5a28;
}
.border-gray-100 {
    border-color: #f2f2f3;
}
.border-gray-200 {
    border-color: #d8d8d8;
}
.border-gray-300 {
    border-color: #adadad;
}
.border-gray-400 {
    border-color: #2f3542;
}
.border-gray-500 {
    border-color: #333;
}
.border-red-500 {
    border-color: #f56565;
}
.border-red-800 {
    border-color: #9b2c2c;
}
.border-red-900 {
    border-color: #4e2121;
}
.border-green-700 {
    border-color: #2f855a;
}
.hover\:border-transparent:hover {
    border-color: transparent;
}
.hover\:border-black:hover {
    border-color: #000;
}
.hover\:border-white:hover {
    border-color: #fff;
}
.hover\:border-primary-100:hover {
    border-color: #e6eef5;
}
.hover\:border-primary-300:hover {
    border-color: #3b7db7;
}
.hover\:border-primary-400:hover {
    border-color: #407bb3;
}
.hover\:border-primary-500:hover {
    border-color: #005096;
}
.hover\:border-primary-800:hover {
    border-color: #002444;
}
.hover\:border-depmw-200:hover {
    border-color: #f0f1bf;
}
.hover\:border-depmw-500:hover {
    border-color: #c3c800;
}
.hover\:border-depmt-500:hover {
    border-color: #0aaa8c;
}
.hover\:border-depit-500:hover {
    border-color: #0096d7;
}
.hover\:border-depbm-500:hover {
    border-color: #00aabe;
}
.hover\:border-depges-500:hover {
    border-color: #f08700;
}
.hover\:border-depsoz-500:hover {
    border-color: #dc5a28;
}
.hover\:border-gray-100:hover {
    border-color: #f2f2f3;
}
.hover\:border-gray-200:hover {
    border-color: #d8d8d8;
}
.hover\:border-gray-300:hover {
    border-color: #adadad;
}
.hover\:border-gray-400:hover {
    border-color: #2f3542;
}
.hover\:border-gray-500:hover {
    border-color: #333;
}
.hover\:border-red-500:hover {
    border-color: #f56565;
}
.hover\:border-red-800:hover {
    border-color: #9b2c2c;
}
.hover\:border-red-900:hover {
    border-color: #4e2121;
}
.hover\:border-green-700:hover {
    border-color: #2f855a;
}
.rounded-none {
    border-radius: 0;
}
.rounded-sm {
    border-radius: 0.125rem;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-t-sm {
    border-top-left-radius: 0.125rem;
}
.rounded-r-sm,
.rounded-t-sm {
    border-top-right-radius: 0.125rem;
}
.rounded-b-sm,
.rounded-r-sm {
    border-bottom-right-radius: 0.125rem;
}
.rounded-b-sm,
.rounded-l-sm {
    border-bottom-left-radius: 0.125rem;
}
.rounded-l-sm {
    border-top-left-radius: 0.125rem;
}
.rounded-t {
    border-top-left-radius: 0.25rem;
}
.rounded-r,
.rounded-t {
    border-top-right-radius: 0.25rem;
}
.rounded-b,
.rounded-r {
    border-bottom-right-radius: 0.25rem;
}
.rounded-b,
.rounded-l {
    border-bottom-left-radius: 0.25rem;
}
.rounded-l {
    border-top-left-radius: 0.25rem;
}
.rounded-t-lg {
    border-top-left-radius: 0.5rem;
}
.rounded-r-lg,
.rounded-t-lg {
    border-top-right-radius: 0.5rem;
}
.rounded-b-lg,
.rounded-r-lg {
    border-bottom-right-radius: 0.5rem;
}
.rounded-b-lg,
.rounded-l-lg {
    border-bottom-left-radius: 0.5rem;
}
.rounded-l-lg {
    border-top-left-radius: 0.5rem;
}
.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}
.rounded-r-full {
    border-top-right-radius: 9999px;
}
.rounded-b-full,
.rounded-r-full {
    border-bottom-right-radius: 9999px;
}
.rounded-b-full,
.rounded-l-full {
    border-bottom-left-radius: 9999px;
}
.rounded-l-full {
    border-top-left-radius: 9999px;
}
.rounded-tl-none {
    border-top-left-radius: 0;
}
.rounded-tr-none {
    border-top-right-radius: 0;
}
.rounded-br-none {
    border-bottom-right-radius: 0;
}
.rounded-bl-none {
    border-bottom-left-radius: 0;
}
.rounded-tl-sm {
    border-top-left-radius: 0.125rem;
}
.rounded-tr-sm {
    border-top-right-radius: 0.125rem;
}
.rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
}
.rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
}
.rounded-tl {
    border-top-left-radius: 0.25rem;
}
.rounded-tr {
    border-top-right-radius: 0.25rem;
}
.rounded-br {
    border-bottom-right-radius: 0.25rem;
}
.rounded-bl {
    border-bottom-left-radius: 0.25rem;
}
.rounded-tl-lg {
    border-top-left-radius: 0.5rem;
}
.rounded-tr-lg {
    border-top-right-radius: 0.5rem;
}
.rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
}
.rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
}
.rounded-tl-full {
    border-top-left-radius: 9999px;
}
.rounded-tr-full {
    border-top-right-radius: 9999px;
}
.rounded-br-full {
    border-bottom-right-radius: 9999px;
}
.rounded-bl-full {
    border-bottom-left-radius: 9999px;
}
.border-solid {
    border-style: solid;
}
.border-dashed {
    border-style: dashed;
}
.border-dotted {
    border-style: dotted;
}
.border-double {
    border-style: double;
}
.border-none {
    border-style: none;
}
.border-0 {
    border-width: 0;
}
.border-2 {
    border-width: 2px;
}
.border-4 {
    border-width: 4px;
}
.border-8 {
    border-width: 8px;
}
.border {
    border-width: 1px;
}
.border-t-0 {
    border-top-width: 0;
}
.border-r-0 {
    border-right-width: 0;
}
.border-b-0 {
    border-bottom-width: 0;
}
.border-l-0 {
    border-left-width: 0;
}
.border-t-2 {
    border-top-width: 2px;
}
.border-r-2 {
    border-right-width: 2px;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-l-2 {
    border-left-width: 2px;
}
.border-t-4 {
    border-top-width: 4px;
}
.border-r-4 {
    border-right-width: 4px;
}
.border-b-4 {
    border-bottom-width: 4px;
}
.border-l-4 {
    border-left-width: 4px;
}
.border-t-8 {
    border-top-width: 8px;
}
.border-r-8 {
    border-right-width: 8px;
}
.border-b-8 {
    border-bottom-width: 8px;
}
.border-l-8 {
    border-left-width: 8px;
}
.border-t {
    border-top-width: 1px;
}
.border-r {
    border-right-width: 1px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-l {
    border-left-width: 1px;
}
.cursor-auto {
    cursor: auto;
}
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.hidden {
    display: none;
}
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-no-wrap {
    flex-wrap: nowrap;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.items-baseline {
    align-items: baseline;
}
.items-stretch {
    align-items: stretch;
}
.self-auto {
    align-self: auto;
}
.self-start {
    align-self: flex-start;
}
.self-end {
    align-self: flex-end;
}
.self-center {
    align-self: center;
}
.self-stretch {
    align-self: stretch;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.content-center {
    align-content: center;
}
.content-start {
    align-content: flex-start;
}
.content-end {
    align-content: flex-end;
}
.content-between {
    align-content: space-between;
}
.content-around {
    align-content: space-around;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-auto {
    flex: 1 1 auto;
}
.flex-initial {
    flex: 0 1 auto;
}
.flex-none {
    flex: none;
}
.flex-grow-0 {
    flex-grow: 0;
}
.flex-grow {
    flex-grow: 1;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.flex-shrink {
    flex-shrink: 1;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.order-first {
    order: -9999;
}
.order-last {
    order: 9999;
}
.order-none {
    order: 0;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.float-none {
    float: none;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.font-sans {
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.font-light {
    font-weight: 300;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}
.h-10 {
    height: 10vh;
}
.h-20 {
    height: 20vh;
}
.h-30 {
    height: 30vh;
}
.h-40 {
    height: 40vh;
}
.h-50 {
    height: 50vh;
}
.h-60 {
    height: 60vh;
}
.h-70 {
    height: 70vh;
}
.h-80 {
    height: 80vh;
}
.h-90 {
    height: 90vh;
}
.h-100 {
    height: 100vh;
}
.h-sm {
    height: 0.875rem;
}
.h-base {
    height: 1rem;
}
.h-full {
    height: 100%;
}
.h-screen {
    height: 100vh;
}
.leading-none {
    line-height: 1;
}
.leading-snug {
    line-height: 1.375;
}
.leading-normal {
    line-height: 1.5;
}
.leading-relaxed {
    line-height: 1.75;
}
.leading-loose {
    line-height: 2;
}
.list-inside {
    list-style-position: inside;
}
.list-outside {
    list-style-position: outside;
}
.list-none {
    list-style-type: none;
}
.list-disc {
    list-style-type: disc;
}
.list-decimal {
    list-style-type: decimal;
}
.m-0 {
    margin: 0;
}
.m-1 {
    margin: 0.25rem;
}
.m-2 {
    margin: 0.5rem;
}
.m-3 {
    margin: 0.625rem;
}
.m-4 {
    margin: 0.75rem;
}
.m-5 {
    margin: 0.938rem;
}
.m-6 {
    margin: 1rem;
}
.m-7 {
    margin: 1.25rem;
}
.m-8 {
    margin: 1.5rem;
}
.m-9 {
    margin: 1.75rem;
}
.m-10 {
    margin: 2rem;
}
.m-12 {
    margin: 2.5rem;
}
.m-15 {
    margin: 3.25rem;
}
.m-17 {
    margin: 3.75rem;
}
.m-19 {
    margin: 4.25rem;
}
.m-21 {
    margin: 5rem;
}
.m-40 {
    margin: 9.875rem;
}
.m-auto {
    margin: auto;
}
.m-1\/12 {
    margin: 8.333333%;
}
.-m-1 {
    margin: -0.25rem;
}
.-m-3 {
    margin: -0.625rem;
}
.-m-6 {
    margin: -1rem;
}
.-m-12 {
    margin: -2.5rem;
}
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.my-3 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}
.mx-3 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}
.my-4 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.mx-4 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.my-5 {
    margin-top: 0.938rem;
    margin-bottom: 0.938rem;
}
.mx-5 {
    margin-left: 0.938rem;
    margin-right: 0.938rem;
}
.my-6 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.mx-6 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.my-7 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.mx-7 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.my-8 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.mx-8 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.my-9 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}
.mx-9 {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
}
.my-10 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.mx-10 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.my-12 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.mx-12 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.my-15 {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
}
.mx-15 {
    margin-left: 3.25rem;
    margin-right: 3.25rem;
}
.my-17 {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
}
.mx-17 {
    margin-left: 3.75rem;
    margin-right: 3.75rem;
}
.my-19 {
    margin-top: 4.25rem;
    margin-bottom: 4.25rem;
}
.mx-19 {
    margin-left: 4.25rem;
    margin-right: 4.25rem;
}
.my-21 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.mx-21 {
    margin-left: 5rem;
    margin-right: 5rem;
}
.my-40 {
    margin-top: 9.875rem;
    margin-bottom: 9.875rem;
}
.mx-40 {
    margin-left: 9.875rem;
    margin-right: 9.875rem;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-1\/12 {
    margin-top: 8.333333%;
    margin-bottom: 8.333333%;
}
.mx-1\/12 {
    margin-left: 8.333333%;
    margin-right: 8.333333%;
}
.-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
}
.-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.-my-3 {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}
.-mx-3 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}
.-my-6 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.-mx-6 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.-my-12 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
}
.-mx-12 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
}
.mt-0 {
    margin-top: 0;
}
.mr-0 {
    margin-right: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.ml-0 {
    margin-left: 0;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mr-1 {
    margin-right: 0.25rem;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.ml-1 {
    margin-left: 0.25rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.mt-3 {
    margin-top: 0.625rem;
}
.mr-3 {
    margin-right: 0.625rem;
}
.mb-3 {
    margin-bottom: 0.625rem;
}
.ml-3 {
    margin-left: 0.625rem;
}
.mt-4 {
    margin-top: 0.75rem;
}
.mr-4 {
    margin-right: 0.75rem;
}
.mb-4 {
    margin-bottom: 0.75rem;
}
.ml-4 {
    margin-left: 0.75rem;
}
.mt-5 {
    margin-top: 0.938rem;
}
.mr-5 {
    margin-right: 0.938rem;
}
.mb-5 {
    margin-bottom: 0.938rem;
}
.ml-5 {
    margin-left: 0.938rem;
}
.mt-6 {
    margin-top: 1rem;
}
.mr-6 {
    margin-right: 1rem;
}
.mb-6 {
    margin-bottom: 1rem;
}
.ml-6 {
    margin-left: 1rem;
}
.mt-7 {
    margin-top: 1.25rem;
}
.mr-7 {
    margin-right: 1.25rem;
}
.mb-7 {
    margin-bottom: 1.25rem;
}
.ml-7 {
    margin-left: 1.25rem;
}
.mt-8 {
    margin-top: 1.5rem;
}
.mr-8 {
    margin-right: 1.5rem;
}
.mb-8 {
    margin-bottom: 1.5rem;
}
.ml-8 {
    margin-left: 1.5rem;
}
.mt-9 {
    margin-top: 1.75rem;
}
.mr-9 {
    margin-right: 1.75rem;
}
.mb-9 {
    margin-bottom: 1.75rem;
}
.ml-9 {
    margin-left: 1.75rem;
}
.mt-10 {
    margin-top: 2rem;
}
.mr-10 {
    margin-right: 2rem;
}
.mb-10 {
    margin-bottom: 2rem;
}
.ml-10 {
    margin-left: 2rem;
}
.mt-12 {
    margin-top: 2.5rem;
}
.mr-12 {
    margin-right: 2.5rem;
}
.mb-12 {
    margin-bottom: 2.5rem;
}
.ml-12 {
    margin-left: 2.5rem;
}
.mt-15 {
    margin-top: 3.25rem;
}
.mr-15 {
    margin-right: 3.25rem;
}
.mb-15 {
    margin-bottom: 3.25rem;
}
.ml-15 {
    margin-left: 3.25rem;
}
.mt-17 {
    margin-top: 3.75rem;
}
.mr-17 {
    margin-right: 3.75rem;
}
.mb-17 {
    margin-bottom: 3.75rem;
}
.ml-17 {
    margin-left: 3.75rem;
}
.mt-19 {
    margin-top: 4.25rem;
}
.mr-19 {
    margin-right: 4.25rem;
}
.mb-19 {
    margin-bottom: 4.25rem;
}
.ml-19 {
    margin-left: 4.25rem;
}
.mt-21 {
    margin-top: 5rem;
}
.mr-21 {
    margin-right: 5rem;
}
.mb-21 {
    margin-bottom: 5rem;
}
.ml-21 {
    margin-left: 5rem;
}
.mt-40 {
    margin-top: 9.875rem;
}
.mr-40 {
    margin-right: 9.875rem;
}
.mb-40 {
    margin-bottom: 9.875rem;
}
.ml-40 {
    margin-left: 9.875rem;
}
.mt-auto {
    margin-top: auto;
}
.mr-auto {
    margin-right: auto;
}
.mb-auto {
    margin-bottom: auto;
}
.ml-auto {
    margin-left: auto;
}
.mt-1\/12 {
    margin-top: 8.333333%;
}
.mr-1\/12 {
    margin-right: 8.333333%;
}
.mb-1\/12 {
    margin-bottom: 8.333333%;
}
.ml-1\/12 {
    margin-left: 8.333333%;
}
.-mt-1 {
    margin-top: -0.25rem;
}
.-mr-1 {
    margin-right: -0.25rem;
}
.-mb-1 {
    margin-bottom: -0.25rem;
}
.-ml-1 {
    margin-left: -0.25rem;
}
.-mt-3 {
    margin-top: -0.625rem;
}
.-mr-3 {
    margin-right: -0.625rem;
}
.-mb-3 {
    margin-bottom: -0.625rem;
}
.-ml-3 {
    margin-left: -0.625rem;
}
.-mt-6 {
    margin-top: -1rem;
}
.-mr-6 {
    margin-right: -1rem;
}
.-mb-6 {
    margin-bottom: -1rem;
}
.-ml-6 {
    margin-left: -1rem;
}
.-mt-12 {
    margin-top: -2.5rem;
}
.-mr-12 {
    margin-right: -2.5rem;
}
.-mb-12 {
    margin-bottom: -2.5rem;
}
.-ml-12 {
    margin-left: -2.5rem;
}
.max-h-full {
    max-height: 100%;
}
.max-h-screen {
    max-height: 100vh;
}
.max-w-xs {
    max-width: 20rem;
}
.max-w-sm {
    max-width: 24rem;
}
.max-w-md {
    max-width: 28rem;
}
.max-w-lg {
    max-width: 32rem;
}
.max-w-xl {
    max-width: 36rem;
}
.max-w-2xl {
    max-width: 42rem;
}
.max-w-3xl {
    max-width: 48rem;
}
.max-w-4xl {
    max-width: 56rem;
}
.max-w-5xl {
    max-width: 64rem;
}
.max-w-6xl {
    max-width: 72rem;
}
.max-w-full {
    max-width: 100%;
}
.min-h-0 {
    min-height: 0;
}
.min-h-10 {
    min-height: 10vh;
}
.min-h-20 {
    min-height: 20vh;
}
.min-h-30 {
    min-height: 30vh;
}
.min-h-40 {
    min-height: 40vh;
}
.min-h-50 {
    min-height: 50vh;
}
.min-h-60 {
    min-height: 60vh;
}
.min-h-70 {
    min-height: 70vh;
}
.min-h-80 {
    min-height: 80vh;
}
.min-h-90 {
    min-height: 90vh;
}
.min-h-100 {
    min-height: 100vh;
}
.min-h-full {
    min-height: 100%;
}
.min-h-screen {
    min-height: 100vh;
}
.min-w-0 {
    min-width: 0;
}
.min-w-full {
    min-width: 100%;
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.object-fill {
    -o-object-fit: fill;
    object-fit: fill;
}
.object-none {
    -o-object-fit: none;
    object-fit: none;
}
.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
.object-bottom {
    -o-object-position: bottom;
    object-position: bottom;
}
.object-center {
    -o-object-position: center;
    object-position: center;
}
.object-left {
    -o-object-position: left;
    object-position: left;
}
.object-left-bottom {
    -o-object-position: left bottom;
    object-position: left bottom;
}
.object-left-top {
    -o-object-position: left top;
    object-position: left top;
}
.object-right {
    -o-object-position: right;
    object-position: right;
}
.object-right-bottom {
    -o-object-position: right bottom;
    object-position: right bottom;
}
.object-right-top {
    -o-object-position: right top;
    object-position: right top;
}
.object-top {
    -o-object-position: top;
    object-position: top;
}
.opacity-0 {
    opacity: 0;
}
.opacity-25 {
    opacity: 0.25;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-75 {
    opacity: 0.75;
}
.opacity-100 {
    opacity: 1;
}
.outline-none {
    outline: 0;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-x-visible {
    overflow-x: visible;
}
.overflow-y-visible {
    overflow-y: visible;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.scrolling-touch {
    -webkit-overflow-scrolling: touch;
}
.scrolling-auto {
    -webkit-overflow-scrolling: auto;
}
.p-0 {
    padding: 0;
}
.p-1 {
    padding: 0.25rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-3 {
    padding: 0.625rem;
}
.p-4 {
    padding: 0.75rem;
}
.p-5 {
    padding: 0.938rem;
}
.p-6 {
    padding: 1rem;
}
.p-7 {
    padding: 1.25rem;
}
.p-8 {
    padding: 1.5rem;
}
.p-9 {
    padding: 1.75rem;
}
.p-10 {
    padding: 2rem;
}
.p-12 {
    padding: 2.5rem;
}
.p-15 {
    padding: 3.25rem;
}
.p-16 {
    padding: 3.5rem;
}
.p-17 {
    padding: 3.75rem;
}
.p-21 {
    padding: 5rem;
}
.p-29 {
    padding: 8.75rem;
}
.p-auto {
    padding: auto;
}
.p-px {
    padding: 1px;
}
.p-0\/8 {
    padding: 0.125rem;
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.py-3 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.px-3 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.py-4 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.px-4 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.py-5 {
    padding-top: 0.938rem;
    padding-bottom: 0.938rem;
}
.px-5 {
    padding-left: 0.938rem;
    padding-right: 0.938rem;
}
.py-6 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.px-6 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-7 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.px-7 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.py-8 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.px-8 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-9 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.px-9 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.py-10 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.px-10 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-12 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.px-12 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.py-15 {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
}
.px-15 {
    padding-left: 3.25rem;
    padding-right: 3.25rem;
}
.py-16 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.px-16 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.py-17 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.px-17 {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
}
.py-21 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.px-21 {
    padding-left: 5rem;
    padding-right: 5rem;
}
.py-29 {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
}
.px-29 {
    padding-left: 8.75rem;
    padding-right: 8.75rem;
}
.py-auto {
    padding-top: auto;
    padding-bottom: auto;
}
.px-auto {
    padding-left: auto;
    padding-right: auto;
}
.py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.px-px {
    padding-left: 1px;
    padding-right: 1px;
}
.py-0\/8 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.px-0\/8 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}
.pt-0 {
    padding-top: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pl-0 {
    padding-left: 0;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pr-1 {
    padding-right: 0.25rem;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pl-1 {
    padding-left: 0.25rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pt-3 {
    padding-top: 0.625rem;
}
.pr-3 {
    padding-right: 0.625rem;
}
.pb-3 {
    padding-bottom: 0.625rem;
}
.pl-3 {
    padding-left: 0.625rem;
}
.pt-4 {
    padding-top: 0.75rem;
}
.pr-4 {
    padding-right: 0.75rem;
}
.pb-4 {
    padding-bottom: 0.75rem;
}
.pl-4 {
    padding-left: 0.75rem;
}
.pt-5 {
    padding-top: 0.938rem;
}
.pr-5 {
    padding-right: 0.938rem;
}
.pb-5 {
    padding-bottom: 0.938rem;
}
.pl-5 {
    padding-left: 0.938rem;
}
.pt-6 {
    padding-top: 1rem;
}
.pr-6 {
    padding-right: 1rem;
}
.pb-6 {
    padding-bottom: 1rem;
}
.pl-6 {
    padding-left: 1rem;
}
.pt-7 {
    padding-top: 1.25rem;
}
.pr-7 {
    padding-right: 1.25rem;
}
.pb-7 {
    padding-bottom: 1.25rem;
}
.pl-7 {
    padding-left: 1.25rem;
}
.pt-8 {
    padding-top: 1.5rem;
}
.pr-8 {
    padding-right: 1.5rem;
}
.pb-8 {
    padding-bottom: 1.5rem;
}
.pl-8 {
    padding-left: 1.5rem;
}
.pt-9 {
    padding-top: 1.75rem;
}
.pr-9 {
    padding-right: 1.75rem;
}
.pb-9 {
    padding-bottom: 1.75rem;
}
.pl-9 {
    padding-left: 1.75rem;
}
.pt-10 {
    padding-top: 2rem;
}
.pr-10 {
    padding-right: 2rem;
}
.pb-10 {
    padding-bottom: 2rem;
}
.pl-10 {
    padding-left: 2rem;
}
.pt-12 {
    padding-top: 2.5rem;
}
.pr-12 {
    padding-right: 2.5rem;
}
.pb-12 {
    padding-bottom: 2.5rem;
}
.pl-12 {
    padding-left: 2.5rem;
}
.pt-15 {
    padding-top: 3.25rem;
}
.pr-15 {
    padding-right: 3.25rem;
}
.pb-15 {
    padding-bottom: 3.25rem;
}
.pl-15 {
    padding-left: 3.25rem;
}
.pt-16 {
    padding-top: 3.5rem;
}
.pr-16 {
    padding-right: 3.5rem;
}
.pb-16 {
    padding-bottom: 3.5rem;
}
.pl-16 {
    padding-left: 3.5rem;
}
.pt-17 {
    padding-top: 3.75rem;
}
.pr-17 {
    padding-right: 3.75rem;
}
.pb-17 {
    padding-bottom: 3.75rem;
}
.pl-17 {
    padding-left: 3.75rem;
}
.pt-21 {
    padding-top: 5rem;
}
.pr-21 {
    padding-right: 5rem;
}
.pb-21 {
    padding-bottom: 5rem;
}
.pl-21 {
    padding-left: 5rem;
}
.pt-29 {
    padding-top: 8.75rem;
}
.pr-29 {
    padding-right: 8.75rem;
}
.pb-29 {
    padding-bottom: 8.75rem;
}
.pl-29 {
    padding-left: 8.75rem;
}
.pt-auto {
    padding-top: auto;
}
.pr-auto {
    padding-right: auto;
}
.pb-auto {
    padding-bottom: auto;
}
.pl-auto {
    padding-left: auto;
}
.pt-px {
    padding-top: 1px;
}
.pr-px {
    padding-right: 1px;
}
.pb-px {
    padding-bottom: 1px;
}
.pl-px {
    padding-left: 1px;
}
.pt-0\/8 {
    padding-top: 0.125rem;
}
.pr-0\/8 {
    padding-right: 0.125rem;
}
.pb-0\/8 {
    padding-bottom: 0.125rem;
}
.pl-0\/8 {
    padding-left: 0.125rem;
}
.placeholder-transparent::-moz-placeholder {
    color: transparent;
}
.placeholder-transparent:-ms-input-placeholder {
    color: transparent;
}
.placeholder-transparent::placeholder {
    color: transparent;
}
.placeholder-black::-moz-placeholder {
    color: #000;
}
.placeholder-black:-ms-input-placeholder {
    color: #000;
}
.placeholder-black::placeholder {
    color: #000;
}
.placeholder-white::-moz-placeholder {
    color: #fff;
}
.placeholder-white:-ms-input-placeholder {
    color: #fff;
}
.placeholder-white::placeholder {
    color: #fff;
}
.placeholder-primary-100::-moz-placeholder {
    color: #e6eef5;
}
.placeholder-primary-100:-ms-input-placeholder {
    color: #e6eef5;
}
.placeholder-primary-100::placeholder {
    color: #e6eef5;
}
.placeholder-primary-300::-moz-placeholder {
    color: #3b7db7;
}
.placeholder-primary-300:-ms-input-placeholder {
    color: #3b7db7;
}
.placeholder-primary-300::placeholder {
    color: #3b7db7;
}
.placeholder-primary-400::-moz-placeholder {
    color: #407bb3;
}
.placeholder-primary-400:-ms-input-placeholder {
    color: #407bb3;
}
.placeholder-primary-400::placeholder {
    color: #407bb3;
}
.placeholder-primary-500::-moz-placeholder {
    color: #005096;
}
.placeholder-primary-500:-ms-input-placeholder {
    color: #005096;
}
.placeholder-primary-500::placeholder {
    color: #005096;
}
.placeholder-primary-800::-moz-placeholder {
    color: #002444;
}
.placeholder-primary-800:-ms-input-placeholder {
    color: #002444;
}
.placeholder-primary-800::placeholder {
    color: #002444;
}
.placeholder-depmw-200::-moz-placeholder {
    color: #f0f1bf;
}
.placeholder-depmw-200:-ms-input-placeholder {
    color: #f0f1bf;
}
.placeholder-depmw-200::placeholder {
    color: #f0f1bf;
}
.placeholder-depmw-500::-moz-placeholder {
    color: #c3c800;
}
.placeholder-depmw-500:-ms-input-placeholder {
    color: #c3c800;
}
.placeholder-depmw-500::placeholder {
    color: #c3c800;
}
.placeholder-depmt-500::-moz-placeholder {
    color: #0aaa8c;
}
.placeholder-depmt-500:-ms-input-placeholder {
    color: #0aaa8c;
}
.placeholder-depmt-500::placeholder {
    color: #0aaa8c;
}
.placeholder-depit-500::-moz-placeholder {
    color: #0096d7;
}
.placeholder-depit-500:-ms-input-placeholder {
    color: #0096d7;
}
.placeholder-depit-500::placeholder {
    color: #0096d7;
}
.placeholder-depbm-500::-moz-placeholder {
    color: #00aabe;
}
.placeholder-depbm-500:-ms-input-placeholder {
    color: #00aabe;
}
.placeholder-depbm-500::placeholder {
    color: #00aabe;
}
.placeholder-depges-500::-moz-placeholder {
    color: #f08700;
}
.placeholder-depges-500:-ms-input-placeholder {
    color: #f08700;
}
.placeholder-depges-500::placeholder {
    color: #f08700;
}
.placeholder-depsoz-500::-moz-placeholder {
    color: #dc5a28;
}
.placeholder-depsoz-500:-ms-input-placeholder {
    color: #dc5a28;
}
.placeholder-depsoz-500::placeholder {
    color: #dc5a28;
}
.placeholder-gray-100::-moz-placeholder {
    color: #f2f2f3;
}
.placeholder-gray-100:-ms-input-placeholder {
    color: #f2f2f3;
}
.placeholder-gray-100::placeholder {
    color: #f2f2f3;
}
.placeholder-gray-200::-moz-placeholder {
    color: #d8d8d8;
}
.placeholder-gray-200:-ms-input-placeholder {
    color: #d8d8d8;
}
.placeholder-gray-200::placeholder {
    color: #d8d8d8;
}
.placeholder-gray-300::-moz-placeholder {
    color: #adadad;
}
.placeholder-gray-300:-ms-input-placeholder {
    color: #adadad;
}
.placeholder-gray-300::placeholder {
    color: #adadad;
}
.placeholder-gray-400::-moz-placeholder {
    color: #2f3542;
}
.placeholder-gray-400:-ms-input-placeholder {
    color: #2f3542;
}
.placeholder-gray-400::placeholder {
    color: #2f3542;
}
.placeholder-gray-500::-moz-placeholder {
    color: #333;
}
.placeholder-gray-500:-ms-input-placeholder {
    color: #333;
}
.placeholder-gray-500::placeholder {
    color: #333;
}
.placeholder-red-500::-moz-placeholder {
    color: #f56565;
}
.placeholder-red-500:-ms-input-placeholder {
    color: #f56565;
}
.placeholder-red-500::placeholder {
    color: #f56565;
}
.placeholder-red-800::-moz-placeholder {
    color: #9b2c2c;
}
.placeholder-red-800:-ms-input-placeholder {
    color: #9b2c2c;
}
.placeholder-red-800::placeholder {
    color: #9b2c2c;
}
.placeholder-red-900::-moz-placeholder {
    color: #4e2121;
}
.placeholder-red-900:-ms-input-placeholder {
    color: #4e2121;
}
.placeholder-red-900::placeholder {
    color: #4e2121;
}
.placeholder-green-700::-moz-placeholder {
    color: #2f855a;
}
.placeholder-green-700:-ms-input-placeholder {
    color: #2f855a;
}
.placeholder-green-700::placeholder {
    color: #2f855a;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
.inset-y-0 {
    top: 0;
    bottom: 0;
}
.inset-x-0 {
    right: 0;
    left: 0;
}
.inset-y-auto {
    top: auto;
    bottom: auto;
}
.inset-x-auto {
    right: auto;
    left: auto;
}
.top-0 {
    top: 0;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}
.left-0 {
    left: 0;
}
.top-auto {
    top: auto;
}
.right-auto {
    right: auto;
}
.bottom-auto {
    bottom: auto;
}
.left-auto {
    left: auto;
}
.resize-none {
    resize: none;
}
.resize-y {
    resize: vertical;
}
.resize-x {
    resize: horizontal;
}
.resize {
    resize: both;
}
.shadow {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05),
        0 10px 15px 0 rgba(0, 0, 0, 0.05), 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-none {
    box-shadow: none;
}
.fill-white {
    fill: #fff;
}
.fill-primary {
    fill: #005096;
}
.stroke-current {
    stroke: currentColor;
}
.table-auto {
    table-layout: auto;
}
.table-fixed {
    table-layout: fixed;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-transparent {
    color: transparent;
}
.text-black {
    color: #000;
}
.text-white {
    color: #fff;
}
.text-primary-100 {
    color: #e6eef5;
}
.text-primary-300 {
    color: #3b7db7;
}
.text-primary-400 {
    color: #407bb3;
}
.text-primary-500 {
    color: #005096;
}
.text-primary-800 {
    color: #002444;
}
.text-depmw-200 {
    color: #f0f1bf;
}
.text-depmw-500 {
    color: #c3c800;
}
.text-depmt-500 {
    color: #0aaa8c;
}
.text-depit-500 {
    color: #0096d7;
}
.text-depbm-500 {
    color: #00aabe;
}
.text-depges-500 {
    color: #f08700;
}
.text-depsoz-500 {
    color: #dc5a28;
}
.text-gray-100 {
    color: #f2f2f3;
}
.text-gray-200 {
    color: #d8d8d8;
}
.text-gray-300 {
    color: #adadad;
}
.text-gray-400 {
    color: #2f3542;
}
.text-gray-500 {
    color: #333;
}
.text-red-500 {
    color: #f56565;
}
.text-red-800 {
    color: #9b2c2c;
}
.text-red-900 {
    color: #4e2121;
}
.text-green-700 {
    color: #2f855a;
}
.hover\:text-transparent:hover {
    color: transparent;
}
.hover\:text-black:hover {
    color: #000;
}
.hover\:text-white:hover {
    color: #fff;
}
.hover\:text-primary-100:hover {
    color: #e6eef5;
}
.hover\:text-primary-300:hover {
    color: #3b7db7;
}
.hover\:text-primary-400:hover {
    color: #407bb3;
}
.hover\:text-primary-500:hover {
    color: #005096;
}
.hover\:text-primary-800:hover {
    color: #002444;
}
.hover\:text-depmw-200:hover {
    color: #f0f1bf;
}
.hover\:text-depmw-500:hover {
    color: #c3c800;
}
.hover\:text-depmt-500:hover {
    color: #0aaa8c;
}
.hover\:text-depit-500:hover {
    color: #0096d7;
}
.hover\:text-depbm-500:hover {
    color: #00aabe;
}
.hover\:text-depges-500:hover {
    color: #f08700;
}
.hover\:text-depsoz-500:hover {
    color: #dc5a28;
}
.hover\:text-gray-100:hover {
    color: #f2f2f3;
}
.hover\:text-gray-200:hover {
    color: #d8d8d8;
}
.hover\:text-gray-300:hover {
    color: #adadad;
}
.hover\:text-gray-400:hover {
    color: #2f3542;
}
.hover\:text-gray-500:hover {
    color: #333;
}
.hover\:text-red-500:hover {
    color: #f56565;
}
.hover\:text-red-800:hover {
    color: #9b2c2c;
}
.hover\:text-red-900:hover {
    color: #4e2121;
}
.hover\:text-green-700:hover {
    color: #2f855a;
}
.text-xs {
    font-size: 0.75rem;
}
.text-sm {
    font-size: 0.875rem;
}
.text-base {
    font-size: 1rem;
}
.text-lg {
    font-size: 1.125rem;
}
.text-xl {
    font-size: 1.25rem;
}
.text-2xl {
    font-size: 1.5rem;
}
.text-3xl {
    font-size: 1.875rem;
}
.text-4xl {
    font-size: 2.25rem;
}
.text-5xl {
    font-size: 2.5rem;
}
.text-11xl {
    font-size: 3.75rem;
}
.italic {
    font-style: italic;
}
.not-italic {
    font-style: normal;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.normal-case {
    text-transform: none;
}
.underline {
    text-decoration: underline;
}
.line-through {
    text-decoration: line-through;
}
.no-underline {
    text-decoration: none;
}
.hover\:underline:hover {
    text-decoration: underline;
}
.hover\:line-through:hover {
    text-decoration: line-through;
}
.hover\:no-underline:hover {
    text-decoration: none;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.tracking-normal {
    letter-spacing: 0;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}
.select-auto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.align-baseline {
    vertical-align: baseline;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.align-text-top {
    vertical-align: text-top;
}
.align-text-bottom {
    vertical-align: text-bottom;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-no-wrap {
    white-space: nowrap;
}
.whitespace-pre {
    white-space: pre;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.break-normal {
    overflow-wrap: normal;
    word-break: normal;
}
.break-words {
    overflow-wrap: break-word;
}
.break-all {
    word-break: break-all;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.w-1 {
    width: 1rem;
}
.w-auto {
    width: auto;
}
.w-1\/12 {
    width: 8.333333%;
}
.w-2\/12 {
    width: 16.666667%;
}
.w-3\/12 {
    width: 25%;
}
.w-4\/12 {
    width: 33.333333%;
}
.w-5\/12 {
    width: 41.666667%;
}
.w-6\/12 {
    width: 50%;
}
.w-7\/12 {
    width: 58.333333%;
}
.w-8\/12 {
    width: 66.666667%;
}
.w-9\/12 {
    width: 75%;
}
.w-10\/12 {
    width: 83.333333%;
}
.w-11\/12 {
    width: 91.666667%;
}
.w-full {
    width: 100%;
}
.w-screen {
    width: 100vw;
}
.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
}
.z-2 {
    z-index: 2;
}
.z-5 {
    z-index: 5;
}
.z-auto {
    z-index: auto;
}
.aspect-ratio-normal {
    padding-bottom: 54.46623093681917%;
}
.aspect-ratio-square {
    padding-bottom: 100%;
}
.aspect-ratio-16\/9 {
    padding-bottom: 56.25%;
}
.aspect-ratio-21\/9 {
    padding-bottom: 42.857142857142854%;
}
.transition-none {
    transition-property: none;
}
.transition-all,
.transition-none {
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
}
.transition-all {
    transition-property: all;
}
.transition-color {
    transition-property: color;
}
.transition-bg,
.transition-color {
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
}
.transition-bg {
    transition-property: background-color;
}
.transition-border {
    transition-property: border-color;
}
.transition-border,
.transition-colors {
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
}
.transition-colors {
    transition-property: color, background-color, border-color;
}
.transition-opacity {
    transition-property: opacity;
}
.transition-opacity,
.transition-transform {
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
}
.transition-transform {
    transition-property: transform;
}
.transition-0 {
    --transition-duration: 0ms;
    transition-duration: 0ms;
    transition-duration: var(--transition-duration);
}
.transition-100 {
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-duration: var(--transition-duration);
}
.transition-250 {
    --transition-duration: 250ms;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
}
.transition-1000 {
    --transition-duration: 1000ms;
    transition-duration: 1s;
    transition-duration: var(--transition-duration);
}
.transition-linear {
    transition-timing-function: linear;
}
.transition-ease-out {
    transition-timing-function: ease-out;
}
.will-change-auto {
    will-change: auto;
}
:root {
    --primary: 0, 80, 150;
    --secondary: 208deg, 100%, 29.411765%;
    --colors-primary-color-100: #e6eef5;
    --colors-primary-color-300: #3b7db7;
    --colors-primary-color-400: #407bb3;
    --colors-primary-color-500: #005096;
    --colors-primary-color-800: #002444;
    --colors-dep-et-500: #00aabe;
    --colors-dep-gs-500: #f08700;
    --colors-dep-it-500: #0096d7;
    --colors-dep-mt-500: #0aaa8c;
    --colors-dep-mw-200: #f0f1bf;
    --colors-dep-mw-500: #c3c800;
    --colors-dep-so-500: #dc5a28;
    --card__background: #f2f2f3;
    --card__border-color: #d8d8d8;
    --card__border-color-hover: var(--primary-color-500);
    --transitionn-duration--fast: 0.1s;
    --transitionn-duration--slow: 0.1s;
    --transitionn-duration: 0.25s;
}
.grid {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .grid {
        display: grid;
    }
}
@media (min-width: 768px) {
    .grid.g-3 {
        display: flex;
    }
}
@media (min-width: 1024px) {
    .grid.g-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 768px) {
    .grid.g-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .grid.g-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}
.grid[class*=" g-"] {
    grid-column-gap: 30px;
    grid-row-gap: 1.75rem;
}
.border-b-white {
    border-bottom-color: #fff;
}
.channel-media-economics .border-channel,
.channel-medien-wirtschaft .border-channel,
body.channel-medien-wirtschaft .border-channel {
    border-color: #c3c800;
}
.channel-media-digital-technologies .border-channel,
.channel-medien-digitale-technologien .border-channel {
    border-color: #0aaa8c;
}
.channel-computer-science-security .border-channel,
.channel-informatik-security .border-channel {
    border-color: #0096d7;
}
.channel-bahntechnologie-mobilitaet .border-channel,
.channel-rail-technology-mobility .border-channel {
    border-color: #00aabe;
}
.channel-social-sciences .border-channel,
.channel-soziales .border-channel {
    border-color: #dc5a28;
}
.channel-gesundheit .border-channel,
.channel-health-sciences .border-channel {
    border-color: #f08700;
}
.group .group-hover\:block .d-hidden {
    display: block;
}
.d-hidden,
[data-js-toggle="hidden"],
[data-js-toggle] {
    display: none;
}
[data-js-toggle="block"] {
    display: block;
}
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: local(""),
        url(https://cdn.fhstp.ac.at/global/font/open-sans-v40-latin_latin-ext-300.woff2)
            format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: italic;
    font-weight: 300;
    src: local(""),
        url(https://cdn.fhstp.ac.at/global/font/open-sans-v40-latin_latin-ext-300italic.woff2)
            format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local(""),
        url(https://cdn.fhstp.ac.at/global/font/open-sans-v40-latin_latin-ext-regular.woff2)
            format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: italic;
    font-weight: 600;
    src: local(""),
        url(https://cdn.fhstp.ac.at/global/font/open-sans-v40-latin_latin-ext-600italic.woff2)
            format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local(""),
        url(https://cdn.fhstp.ac.at/global/font/open-sans-v40-latin_latin-ext-600.woff2)
            format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local(""),
        url(https://cdn.fhstp.ac.at/global/font/open-sans-v40-latin_latin-ext-700.woff2)
            format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: italic;
    font-weight: 700;
    src: local(""),
        url(https://cdn.fhstp.ac.at/global/font/open-sans-v40-latin_latin-ext-700italic.woff2)
            format("woff2");
}
.floating-label {
    position: relative;
}
.floating-label label {
    display: block;
    left: 0.25rem;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.25s ease;
}
.floating-label input + label + .form__status__icon svg {
    opacity: 0;
}
.floating-label input:valid + label + .form__status__icon svg.success {
    opacity: 1;
}
.floating-label input:valid + label + .form__status__icon svg.success path {
    fill: #fff;
}
.floating-label input:not(:placeholder-shown) + label {
    transform: translateY(-1.25rem);
    opacity: 0.7;
}
.placeholder-hidden::-moz-placeholder {
    visibility: hidden;
}
.placeholder-hidden:-ms-input-placeholder {
    visibility: hidden;
}
.placeholder-hidden::placeholder {
    visibility: hidden;
}
.graph .bar-container {
    position: relative;
}
.graph .bar-container:after {
    content: "";
    height: 1.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    display: block;
    background-color: #e6eef5;
}
.graph .bar {
    height: 1.5rem;
    overflow: hidden;
    text-indent: -100%;
    background-color: #407bb3;
    display: block;
}
.form__status {
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 10px);
    right: 0.25rem;
}
.form__status.icon__success {
    background-color: green;
}
.form__status.icon__loading {
    background-color: #00f;
}
.form__status.icon__error {
    background-color: red;
}
.fv-plugins-icon {
    transition: opacity 0.25s ease;
    opacity: 0;
}
.fv-plugins-icon.icon {
    opacity: 1;
}
.icon__tools {
    display: inline-block;
    background-repeat: no-repeat;
    background-color: transparent;
}
.icon__tools__download {
    width: 14px;
    height: 18px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/download.svg)
        no-repeat 50% 50%;
    background-size: cover;
}
.icon__tools__download--alt {
    width: 26px;
    height: 24px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/download2.svg)
        no-repeat 50% 50%;
    background-size: cover;
}
.icon__tools__fullscreen {
    width: 23px;
    height: 23px;
}
.icon__tools__fullscreen svg {
    fill: #fff;
}
.icon--white {
    background-color: #fff;
}
.icon--primary--500 {
    background-color: #005096;
}
.icon__close {
    width: 14px;
    height: 14px;
    display: inline-block;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/close.svg) no-repeat
        50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/close.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__close--white {
    background-color: #fff;
}
.icon__back {
    width: 22px;
    height: 15px;
    display: inline-block;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/back.svg) no-repeat
        50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/back.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__back--white {
    background-color: #fff;
}
.icon__forward {
    width: 42px;
    height: 13px;
    display: inline-block;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/arrow_blue--right.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/arrow_blue--right.svg)
        no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__forward--white {
    background-color: #fff;
}
.icon__chevron {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__chevron--left {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__left.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__left.svg) no-repeat
        50% 50%;
}
.icon__chevron--right {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__right.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__right.svg)
        no-repeat 50% 50%;
}
.icon__chevron--up {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__up.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__up.svg) no-repeat
        50% 50%;
}
.icon__chevron--down {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__down.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chevron__down.svg) no-repeat
        50% 50%;
}
.icon__news {
    width: 17px;
    height: 16px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/news.svg) no-repeat
        50% 50%;
    background-size: cover;
}
.icon__search {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/search.svg?v1=)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/search.svg?v1=) no-repeat
        50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__event {
    height: 17px;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/event.svg) no-repeat
        50% 50%;
    background-size: cover;
}
.icon__event,
.icon__time {
    width: 17px;
    display: inline-block;
}
.icon__time {
    height: 16px;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/time.svg) no-repeat
        50% 50%;
    background-size: cover;
}
.icon__time--white {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/time_white.svg)
        no-repeat 50% 50%;
}
.icon__download {
    width: 14px;
    height: 18px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/download.svg)
        no-repeat 50% 50%;
    background-size: cover;
}
.icon__blog,
.icon__chat {
    width: 17px;
    height: 16px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chat.svg) no-repeat
        50% 50%;
    background-size: cover;
}
.icon__chat-alt {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/chat-alt.svg)
        no-repeat 50% 50%;
    background-size: cover;
}
.icon__download2 {
    width: 26px;
    height: 24px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/download2.svg)
        no-repeat 50% 50%;
    background-size: cover;
}
.icon__fullscreen {
    width: 23px;
    height: 23px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/fullscreen.svg)
        no-repeat 50% 50%;
    background-size: cover;
}
.icon__play {
    width: 17px;
    height: 16px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/play.svg) no-repeat
        50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/play.svg) no-repeat 50% 50%;
}
.icon__analysis,
.icon__play {
    display: inline-block;
    background-size: cover;
}
.icon__analysis {
    width: 73px;
    height: 60px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/analysis.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/analysis.svg) no-repeat 50%
        50%;
    background-color: #005096;
}
.icon__bulb {
    width: 49px;
    height: 40px;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/bulb.svg) no-repeat
        50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/bulb.svg) no-repeat 50% 50%;
}
.icon__stpoelten {
    width: 49px;
    height: 40px;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/stpoelten.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/stpoelten.svg) no-repeat 50%
        50%;
}
.icon__childcare {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-size: cover;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/childcare.svg)
        no-repeat 50% 50%;
}
.icon__hourglass--filled-top {
    width: 48px;
    height: 48px;
    display: inline-block;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/hourglass--filled-top.svg)
        no-repeat 50% 50%;
}
.icon--bg-400 {
    background-color: #407bb3;
}
.icon--40 {
    min-width: 40px;
    min-height: 40px;
}
.icon__success {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/success.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/success.svg) no-repeat 50%
        50%;
}
.icon__error {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/error.svg) no-repeat
        50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/error.svg) no-repeat 50% 50%;
}
.icon__loading {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/loading.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/loading.svg) no-repeat 50%
        50%;
}
.icon__orgform {
    width: 101px;
    height: 101px;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #e6eef5;
}
.icon__orgform--bachelor-studiengaenge,
.icon__orgform--bachelor-studies {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/org_ba.svg) no-repeat
        50% 50%;
}
.icon__orgform--berufsbegleitende-studiengaenge,
.icon__orgform--part-time-studies {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/org_bb.svg) no-repeat
        50% 50%;
}
.icon__orgform--dual-studies,
.icon__orgform--duale-studiengaenge {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/org_dual.svg)
        no-repeat 50% 50%;
}
.icon__orgform--full-time-studies,
.icon__orgform--vollzeit-studiengaenge {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/org_fulltime.svg)
        no-repeat 50% 50%;
}
.icon__orgform--continuing-education,
.icon__orgform--weiterbildungs-angebote {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/org_furthereducation.svg)
        no-repeat 50% 50%;
}
.icon__orgform--master-studiengaenge,
.icon__orgform--master-studies {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/org_ma.svg) no-repeat
        50% 50%;
}
.icon__baloon {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/baloon.svg) no-repeat
        50% 50%;
}
.icon__baloon,
.icon__bulb {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__bulb {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/bulb.svg) no-repeat
        50% 50%;
}
.icon__clock {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/clock.svg) no-repeat
        50% 50%;
}
.icon__clock,
.icon__graduation-cap {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__graduation-cap {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/graduation-cap.svg)
        no-repeat 50% 50%;
}
.icon__heart {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/heart.svg) no-repeat
        50% 50%;
}
.icon__heart,
.icon__house {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__house {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/house.svg) no-repeat
        50% 50%;
}
.icon__mensa {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/mensa.svg) no-repeat
        50% 50%;
}
.icon__mensa,
.icon__parking-sign {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__parking-sign {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/parking-sign.svg)
        no-repeat 50% 50%;
}
.icon__percent {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/percent.svg) no-repeat
        50% 50%;
}
.icon__percent,
.icon__screen {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__screen {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/screen.svg) no-repeat
        50% 50%;
}
.icon__stpoelten {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/stpoelten.svg)
        no-repeat 50% 50%;
}
.icon__stpoelten,
.icon__users {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.icon__users {
    background-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/users.svg) no-repeat
        50% 50%;
}
.icon__world {
    width: 60px;
    height: 60px;
    background-size: cover;
    mask-size: cover;
    background-color: #e6eef5;
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/world.svg) no-repeat
        50% 50%;
}
.icon__information,
.icon__world {
    display: inline-block;
    -webkit-mask-size: cover;
}
.icon__information {
    width: 49px;
    height: 40px;
    background-size: cover;
    mask-size: cover;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/information.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/information.svg) no-repeat
        50% 50%;
}
.icon__information--round {
    width: 49px;
    height: 40px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/information--round.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/information--round.svg)
        no-repeat 50% 50%;
}
.icon__flag,
.icon__information--round {
    display: inline-block;
    background-size: cover;
}
.icon__flag {
    width: 21px;
    height: 14px;
}
.icon__flag--at {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/flag__at.svg)
        no-repeat 50% 50%;
}
.icon__flag--de {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/flag__de.svg)
        no-repeat 50% 50%;
}
.icon__flag--en {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/flag__uk.svg)
        no-repeat 50% 50%;
}
.icon__flag--de-en {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/flag__de-en.svg)
        no-repeat 50% 50%;
}
.icon__external:after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 2px;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/externallink.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/externallink.svg) no-repeat
        50% 50%;
    background-color: #005096;
}
.icon__external--hover-white:hover:after {
    background-color: #fff;
}
.icon__mask {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/mask-24px.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/mask-24px.svg) no-repeat 50%
        50%;
}
.icon__diversity,
.icon__home,
.icon__lang-en {
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: fhstp !important;
    font-size: 60px;
    color: var(--colors-primary-color-500);
}
.icon__diversity:before {
    content: "@";
}
.icon__home:before {
    content: "T";
}
.icon__lang-en:before {
    content: "[";
}
.social__icon {
    background-repeat: no-repeat;
    background-position: 50%;
    transition: background-image 0.25s ease-in-out;
}
.social__icon--facebook {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-facebook.svg);
}
.social__icon--facebook:hover {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-facebook--hover.svg);
}
.social__icon--instagram {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-instagram.svg);
}
.social__icon--instagram:hover {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-instagram--hover.svg);
}
.social__icon--linkedin {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-linkedin.svg);
}
.social__icon--linkedin:hover {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-linkedin--hover.svg);
}
.social__icon--twitter {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-twitter.svg);
}
.social__icon--twitter:hover {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-twitter--hover.svg);
}
.social__icon--whatsapp {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-whatsapp.svg);
}
.social__icon--whatsapp:hover {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-whatsapp--hover.svg);
}
.social__icon--xing {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-xing.svg);
}
.social__icon--xing:hover {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-xing--hover.svg);
}
.social__icon--youtube {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-youtube.svg);
}
.social__icon--youtube:hover {
    background: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/icon_social-youtube--hover.svg);
}
.share .social__icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
}
.icon {
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.spinner.rectangles {
    margin: 75px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}
.spinner.rectangles.dark > div {
    background-color: #2f3542;
}
.spinner.rectangles.light > div {
    background-color: #fff;
}
.spinner.rectangles.brand > div {
    background-color: #005096;
}
.spinner.rectangles > div {
    height: 100%;
    width: 6px;
    margin: 0 3px 0 0;
    display: inline-block;
    animation: loadingStretchDelay 1s ease-in-out infinite;
}
.spinner.rectangles .rect2 {
    animation-delay: -1.1s;
}
.spinner.rectangles .rect3 {
    animation-delay: -1s;
}
.spinner.rectangles .rect4 {
    animation-delay: -0.9s;
}
.spinner.rectangles .rect5 {
    animation-delay: -0.8s;
}
.progress__bar,
.sticky {
    position: sticky;
    top: 0;
}
.progress__bar {
    z-index: 2;
}
.progress__bar:before {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    background: #d8d8d8;
    width: 100%;
    height: 5px;
    z-index: -5;
}
.progress__bar .bar {
    background: #005096;
    height: 5px;
    transition: transform 0.1s;
}
@keyframes loadingStretchDelay {
    0%,
    40%,
    to {
        transform: scaleY(0.4);
        opacity: 1;
    }
    20% {
        transform: scaleY(1);
        opacity: 0.5;
    }
}
@keyframes loadingProgressPulse {
    0% {
        box-shadow: 0 0 10px #005096, 0 0 5px #005096;
    }
    70% {
        box-shadow: 0 0 10px #005096, 0 0 10px #005096;
    }
    to {
        box-shadow: 0 0 10px #005096, 0 0 5px #005096;
    }
}
.focus\:rotate-180:focus,
.group:hover .group-hover\:rotate-180,
.hover\:rotate-180:hover,
.rotate-180 {
    transform: rotate(180deg);
}
a.social__icon .bg,
a.social__icon .border,
a.social__icon .text {
    transition: fill 0.1s;
}
a.social__icon .border,
a.social__icon .text {
    fill: #005096;
}
a.social__icon .bg {
    fill: #fff;
}
a.social__icon i {
    font-size: 3rem;
    color: #005096;
    background-color: #fff;
    border-radius: 2px;
    transition: color 0.1s, background-color 0.1s;
}
a.social__icon:hover .text {
    fill: #fff;
}
a.social__icon:hover .bg {
    fill: #005096;
}
a.social__icon:hover i {
    color: #fff;
    background-color: #005096;
}
.hyphens-initial {
    -webkit-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: manual;
}
.hyphens-none {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
b,
strong {
    font-weight: 400;
}
.transition-fast {
    transition: all 0.1s;
}
.transition {
    transition: all 0.25s;
}
.transition-slow {
    transition: all 0.1s;
}
.focus\:translate-d-sm:focus,
.group:hover .group-hover\:translate-d-sm,
.hover\:translate-d-sm:hover,
.translate-d-sm {
    transform: translateY(10px);
}
html {
    backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(0, 80, 150, 0.5);
}
body,
html {
    height: 100%;
}
body {
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-display: swap;
    color: #333;
    line-height: 1.5;
    letter-spacing: 0;
    min-height: 100vh;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
p {
    line-height: 1.75;
}
iframe,
table {
    max-width: 100%;
}
.divider\:start {
    position: relative;
}
.divider\:start:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #407bb3;
}
.divider\:end {
    position: relative;
}
.divider\:end:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #407bb3;
}
ul.hashtags {
    display: block;
}
.hover\:bg-slide,
ul.hashtags li {
    display: inline-block;
}
.hover\:bg-slide {
    position: relative;
    padding-left: 0.5rem;
}
.hover\:bg-slide:before {
    border: 1px solid #005096;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
@media (min-width: 768px) {
    .hover\:bg-slide {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        transition-property: color;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: 0;
    }
    .hover\:bg-slide:hover {
        color: #fff;
    }
    .hover\:bg-slide:before {
        border: 1px solid #005096;
    }
    .hover\:bg-slide:after,
    .hover\:bg-slide:before {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
    }
    .hover\:bg-slide:after {
        width: 0;
        background-color: #005096;
        transition-property: width;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: -1;
    }
    .hover\:bg-slide:hover:after {
        width: 100%;
    }
}
.hover\:bg-slide\/inverted {
    position: relative;
    padding-left: 0.5rem;
    display: inline-block;
}
.hover\:bg-slide\/inverted:before {
    border: 1px solid #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
@media (min-width: 768px) {
    .hover\:bg-slide\/inverted {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        transition-property: color;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: 0;
    }
    .hover\:bg-slide\/inverted:hover {
        color: #005096;
    }
    .hover\:bg-slide\/inverted:before {
        border: 1px solid #fff;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
    }
    .hover\:bg-slide\/inverted:after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 0;
        background-color: #fff;
        transition-property: width;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: -1;
    }
    .hover\:bg-slide\/inverted:hover:after {
        width: 100%;
    }
}
.download__item:focus svg .icon__lines,
.download__item:hover svg .icon__lines {
    fill: #fff;
    animation: download 1s ease infinite;
}
.download__item:focus svg .icon__arrow,
.download__item:hover svg .icon__arrow {
    stroke: #fff;
    animation: download 1s ease infinite;
}
.download__item:focus svg .icon__border,
.download__item:hover svg .icon__border {
    stroke: #fff;
}
@keyframes download {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    20% {
        opacity: 1;
        transform: translateY(0);
    }
    40% {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}
.btn {
    border: 2px solid;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.btn.active,
.btn.disabled,
.btn.disabled:active,
.btn:active,
.btn:disabled,
.btn:disabled:active {
    border: 1px solid;
}
.btn:hover .icon:after {
    background-color: #fff;
}
.btn-default {
    background-color: #00f;
}
.btn-primary {
    background-color: red;
}
.btn-success {
    background-color: green;
}
.btn--back {
    font-size: 1.125rem;
    color: #005096;
    background-color: #fff;
    border-color: #005096;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    transition-property: all;
    transition-duration: 0.25s;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-duration: var(--transition-duration);
    border-radius: 0.125rem;
}
.btn--back .icon {
    background-color: #005096;
    pointer-events: none;
    display: inline-block;
    margin-right: 0.625rem;
}
.btn--back:hover {
    color: #fff;
    background-color: #005096;
}
.btn--back:hover .icon {
    background-color: #fff;
}
.group:hover .group-hover\:block {
    display: block !important;
    min-width: 10em;
}
.form__status__icon {
    top: calc(1.25rem - 10px);
    right: 0.25rem;
}
.form__status__icon,
.form__status__icon svg {
    position: absolute;
    height: 1.25rem;
    width: 1.25rem;
}
.form__status__icon svg {
    display: block;
    transition: all 0.3s ease;
}
.form__status__icon svg path {
    transition: all 0.3s ease;
}
h3 {
    font-size: 1.125rem;
    line-height: 1.375;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
.carousel,
.carousel__container {
    height: 100%;
    width: 100%;
    z-index: 1;
}
.carousel__wrapper {
    transform: translateZ(0);
}
.carousel__slide {
    width: 100%;
}
.carousel__slide-invisible-blank {
    visibility: hidden;
}
.carousel__navigation__button {
    width: 42px;
    height: 14px;
}
.carousel__navigation__button--prev {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/arrow_blue--left.svg)
        no-repeat 0;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/arrow_blue--left.svg)
        no-repeat 0;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #005096;
    right: auto;
}
.carousel__navigation__button--next {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/arrow_blue--right.svg)
        no-repeat 100%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/arrow_blue--right.svg)
        no-repeat 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #005096;
    left: auto;
}
.grecaptcha-badge {
    display: none;
}
body#tinymce .accordion-content,
body.mce-content-body .accordion-content {
    display: block !important;
}
.accordion-heading,
.wysiwig__text .accordion-heading,
h2.accordion-heading {
    border-bottom-width: 1px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    cursor: pointer;
    margin-bottom: 0;
    border-color: #407bb3;
    padding-bottom: 0.938rem;
    margin-top: 1.5rem;
}
.accordion-heading span.icon,
.wysiwig__text .accordion-heading span.icon,
h2.accordion-heading span.icon {
    margin-left: auto;
    min-width: 34px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    height: 27px;
    align-self: center;
}
@media (min-width: 1024px) {
    .accordion-heading span.icon,
    .wysiwig__text .accordion-heading span.icon,
    h2.accordion-heading span.icon {
        min-width: 89px;
    }
}
.accordion-heading span.icon:after,
.wysiwig__text .accordion-heading span.icon:after,
h2.accordion-heading span.icon:after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 8px;
    height: 5px;
    display: inline-block;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #407bb3;
}
.accordion-heading span.icon:before,
.wysiwig__text .accordion-heading span.icon:before,
h2.accordion-heading span.icon:before {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 300;
    color: #407bb3;
}
.accordion-heading.plus span.icon:after,
.wysiwig__text .accordion-heading.plus span.icon:after,
h2.accordion-heading.plus span.icon:after {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.accordion-heading.active span.icon:after,
.accordion-heading.minus span.icon:after,
.wysiwig__text .accordion-heading.active span.icon:after,
.wysiwig__text .accordion-heading.minus span.icon:after,
h2.accordion-heading.active span.icon:after,
h2.accordion-heading.minus span.icon:after {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__up.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__up.svg) no-repeat
        50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.accordion-heading.plus + .accordion-content,
.accordion-heading:not(.plus):not(.minus) + .accordion-content,
.wysiwig__text .accordion-heading.plus + .accordion-content,
.wysiwig__text .accordion-heading:not(.plus):not(.minus) + .accordion-content,
h2.accordion-heading.plus + .accordion-content,
h2.accordion-heading:not(.plus):not(.minus) + .accordion-content {
    display: none !important;
}
.accordion-heading.active + .accordion-content,
.accordion-heading.minus + .accordion-content,
.accordion-heading.minus.active + .accordion-content,
.wysiwig__text .accordion-heading.active + .accordion-content,
.wysiwig__text .accordion-heading.minus + .accordion-content,
.wysiwig__text .accordion-heading.minus.active + .accordion-content,
h2.accordion-heading.active + .accordion-content,
h2.accordion-heading.minus + .accordion-content,
h2.accordion-heading.minus.active + .accordion-content {
    display: block !important;
}
.accordion-content,
.wysiwig__text .accordion-content {
    padding: 1.5rem;
    background-color: #f2f2f3;
}
@media (min-width: 1024px) {
    html:lang(de) .accordion-heading span:before,
    html:lang(de) .wysiwig__text .accordion-heading span:before,
    html:lang(de) h2.accordion-heading span:before,
    html[lang="de"] .accordion-heading span:before,
    html[lang="de"] .wysiwig__text .accordion-heading span:before,
    html[lang="de"] h2.accordion-heading span:before {
        content: "anzeigen";
    }
}
@media (min-width: 1024px) {
    html:lang(en) .accordion-heading span:before,
    html:lang(en) .wysiwig__text .accordion-heading span:before,
    html:lang(en) h2.accordion-heading span:before,
    html[lang="en"] .accordion-heading span:before,
    html[lang="en"] .wysiwig__text .accordion-heading span:before,
    html[lang="en"] h2.accordion-heading span:before {
        content: "show";
    }
}
@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: scale(1);
        max-height: 100%;
    }
}
.accordion__v2 {
    display: block;
    width: 100%;
}
.accordion__v2__header {
    display: block;
}
.accordion__v2__header
    .accordion__v2__header__button
    .icon.icon__chevron--down {
    transform: rotate(-90deg);
}
.accordion__v2__header--open
    .accordion__v2__header__button
    .icon.icon__chevron--down {
    transform: rotate(0deg);
}
.accordion__v2__header--notransition .accordion__v2__header__button {
    transition: none;
}
.accordion__v2__header--focus .accordion__v2__header__button {
    outline: none;
}
.accordion__v2__header__button {
    cursor: pointer;
    transition: background-color 0.25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.accordion__v2__header__button::-moz-focus-inner {
    border: 0;
}
.accordion__v2__content {
    display: none;
    overflow: hidden;
    height: 0;
    transition: height 0.1s ease;
    transition-delay: 0;
}
.accordion__v2__content--open {
    display: block;
    transition: height 0.25s ease;
}
.accordion__v2__content--opened {
    overflow: visible;
}
.accordion__v2__content--notransition {
    transition: none;
}
.accordion__v2__content__inner {
    opacity: 0;
    transition: opacity 0.1s ease;
}
.accordion__v2__content--opened .accordion__v2__content__inner {
    opacity: 1;
    transition: opacity 0.1s ease;
}
#content input {
    caret-color: #005096;
}
.styled :disabled,
form :disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
.styled label,
form label {
    cursor: pointer;
    display: inline-block;
}
.styled input[type="checkbox"]:required + label,
form input[type="checkbox"]:required + label {
    padding-right: 28px;
}
.styled .checkbox,
.styled .radio,
form .checkbox,
form .radio {
    position: relative;
}
.styled .message__container,
.styled .messageContainer,
form .message__container,
form .messageContainer {
    flex-basis: 100%;
    width: 100% !important;
}
.styled [type="checkbox"],
.styled [type="radio"],
form [type="checkbox"],
form [type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    bottom: 1rem;
    width: 1px;
}
.styled [type="checkbox"]:focus + [type="hidden"] + label:before,
.styled [type="checkbox"]:focus + label:before,
.styled [type="checkbox"]:hover + [type="hidden"] + label:before,
.styled [type="checkbox"]:hover + label:before,
.styled [type="radio"]:focus + [type="hidden"] + label:before,
.styled [type="radio"]:focus + label:before,
.styled [type="radio"]:hover + [type="hidden"] + label:before,
.styled [type="radio"]:hover + label:before,
form [type="checkbox"]:focus + [type="hidden"] + label:before,
form [type="checkbox"]:focus + label:before,
form [type="checkbox"]:hover + [type="hidden"] + label:before,
form [type="checkbox"]:hover + label:before,
form [type="radio"]:focus + [type="hidden"] + label:before,
form [type="radio"]:focus + label:before,
form [type="radio"]:hover + [type="hidden"] + label:before,
form [type="radio"]:hover + label:before {
    border-color: #005096;
    filter: brightness(1);
}
.styled [type="checkbox"]:active + [type="hidden"] + label:after,
.styled [type="checkbox"]:active + [type="hidden"] + label:before,
.styled [type="checkbox"]:active + label:after,
.styled [type="checkbox"]:active + label:before,
.styled [type="radio"]:active + [type="hidden"] + label:after,
.styled [type="radio"]:active + [type="hidden"] + label:before,
.styled [type="radio"]:active + label:after,
.styled [type="radio"]:active + label:before,
form [type="checkbox"]:active + [type="hidden"] + label:after,
form [type="checkbox"]:active + [type="hidden"] + label:before,
form [type="checkbox"]:active + label:after,
form [type="checkbox"]:active + label:before,
form [type="radio"]:active + [type="hidden"] + label:after,
form [type="radio"]:active + [type="hidden"] + label:before,
form [type="radio"]:active + label:after,
form [type="radio"]:active + label:before {
    transition-duration: 0;
    filter: brightness(0.8);
}
.styled [type="checkbox"] + [type="hidden"] + label,
.styled [type="checkbox"] + label,
.styled [type="radio"] + [type="hidden"] + label,
.styled [type="radio"] + label,
form [type="checkbox"] + [type="hidden"] + label,
form [type="checkbox"] + label,
form [type="radio"] + [type="hidden"] + label,
form [type="radio"] + label {
    position: relative;
    padding: 0 0 0 26px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
}
.styled [type="checkbox"] + [type="hidden"] + label:before,
.styled [type="checkbox"] + label:before,
.styled [type="radio"] + [type="hidden"] + label:before,
.styled [type="radio"] + label:before,
form [type="checkbox"] + [type="hidden"] + label:before,
form [type="checkbox"] + label:before,
form [type="radio"] + [type="hidden"] + label:before,
form [type="radio"] + label:before {
    box-sizing: content-box;
    content: "";
    color: #005096;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: 0;
    border: 2px solid #005096;
    transition: border-color 0.2s ease-out;
    text-align: center;
    filter: brightness(0.95);
}
.styled [type="checkbox"] + [type="hidden"] + label:after,
.styled [type="checkbox"] + label:after,
.styled [type="radio"] + [type="hidden"] + label:after,
.styled [type="radio"] + label:after,
form [type="checkbox"] + [type="hidden"] + label:after,
form [type="checkbox"] + label:after,
form [type="radio"] + [type="hidden"] + label:after,
form [type="radio"] + label:after {
    box-sizing: content-box;
    content: "";
    background-color: #005096;
    position: absolute;
    top: 0;
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform 0.15s ease-out;
}
.styled [type="checkbox"] + [type="hidden"] + label:after,
.styled [type="checkbox"] + label:after,
form [type="checkbox"] + [type="hidden"] + label:after,
form [type="checkbox"] + label:after {
    background-color: transparent;
    top: 6px;
    left: 4px;
    width: 7px;
    height: 3px;
    border-color: #005096;
    border-style: solid;
    border-width: 0 0 3px 3px;
    -o-border-image: none;
    border-image: none;
    transform: rotate(-45deg) scale(0);
    transition: none;
}
.styled [type="checkbox"]:checked + input[type="hidden"] + label:before,
.styled [type="checkbox"]:checked + label:before,
form [type="checkbox"]:checked + input[type="hidden"] + label:before,
form [type="checkbox"]:checked + label:before {
    border-color: #005096;
    animation: borderscale 0.2s ease-in;
}
.styled [type="checkbox"]:checked + input[type="hidden"] + label:after,
.styled [type="checkbox"]:checked + label:after,
form [type="checkbox"]:checked + input[type="hidden"] + label:after,
form [type="checkbox"]:checked + label:after {
    content: "";
    transform: rotate(-45deg) scale(1);
    transition: transform 0.2s ease-out;
}
.styled input[type="radio"]:checked + label:before,
form input[type="radio"]:checked + label:before {
    animation: borderscale 0.3s ease-in;
    background-color: #fff;
    border-color: #005096;
}
.styled input[type="radio"]:checked + label:after,
form input[type="radio"]:checked + label:after {
    transform: scale(1);
}
.styled input[type="radio"] + label,
form input[type="radio"] + label {
    margin-right: 16px;
    cursor: pointer;
}
.styled input[type="radio"] + label:after,
.styled input[type="radio"] + label:before,
form input[type="radio"] + label:after,
form input[type="radio"] + label:before {
    top: 8px;
    border-radius: 50%;
}
.styled input[type="radio"] + label:after,
form input[type="radio"] + label:after {
    margin-top: 4px;
}
.styled select,
form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(https://cdn.fhstp.ac.at/www/4.0.0/svg/chevron-down.svg)
        no-repeat calc(100% - 26px) 50%;
    background-size: 20px !important;
    position: relative;
    padding-right: 46px;
}
.styled select option,
form select option {
    background-color: #fff;
    padding: 6px 12px;
}
.styled .form-group .checkbox input[type="checkbox"] + label,
form .form-group .checkbox input[type="checkbox"] + label {
    width: 100%;
}
.styled .form-group .select,
form .form-group .select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom-width: 1px;
    border-radius: 0;
    padding: 0.625rem 1.5rem 0.625rem 0.75rem;
}
.styled .form-group .select:focus,
form .form-group .select:focus {
    outline: 0;
    background-color: #fff;
    border-color: #333;
}
.styled .form-group input[type="date"],
.styled .form-group input[type="email"],
.styled .form-group input[type="tel"],
.styled .form-group input[type="text"],
form .form-group input[type="date"],
form .form-group input[type="email"],
form .form-group input[type="tel"],
form .form-group input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    border-bottom-width: 1px;
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.625rem;
}
.styled .form-group input[type="date"]:focus,
.styled .form-group input[type="email"]:focus,
.styled .form-group input[type="tel"]:focus,
.styled .form-group input[type="text"]:focus,
form .form-group input[type="date"]:focus,
form .form-group input[type="email"]:focus,
form .form-group input[type="tel"]:focus,
form .form-group input[type="text"]:focus {
    outline: 0;
}
.styled .btn-toggle,
form .btn-toggle {
    visibility: hidden;
}
.styled .btn-toggle:checked + label,
form .btn-toggle:checked + label {
    background-color: #005096;
    color: #fff;
}
.styled .btn-toggle + label,
form .btn-toggle + label {
    display: inline-block;
    width: unset;
    cursor: pointer;
    background-color: #fff;
    color: #005096;
    border-radius: 4px;
    padding: 8px 14px;
    margin-right: 15px;
    border: 1px solid #005096;
}
.styled .btn-toggle + label:after,
.styled .btn-toggle + label:before,
form .btn-toggle + label:after,
form .btn-toggle + label:before {
    content: unset;
}
.styled button[type="submit"],
form button[type="submit"] {
    transition-property: all;
    --transition-duration: 250ms;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
}
.styled button[type="submit"]:active,
form button[type="submit"]:active {
    transform: scale(0.9);
}
.styled button[type="submit"].status--loading,
form button[type="submit"].status--loading {
    animation: button-loading 0.5s forwards;
    background-color: #005096;
    background-image: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/loading.svg);
    background-size: 10%;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: wait;
}
.styled button[type="submit"].status--ok,
form button[type="submit"].status--ok {
    animation: button-loading 0.5s forwards;
    background-color: #005096;
    background-image: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/success.svg);
    background-size: 10%;
    background-position: 50%;
    background-repeat: no-repeat;
}
.styled button[type="submit"].status--error,
form button[type="submit"].status--error {
    color: transparent;
    text-indent: -0.6125rem;
    background-image: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/error.svg);
    background-size: 10%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #f56565;
    border-color: #4e2121;
}
.styled .event,
form .event {
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5rem;
    margin-top: 0.4rem;
}
#form-container input[type="checkbox"] + label:before {
    margin-top: 7px;
}
#form-container input[type="checkbox"] + label:after {
    top: 5px;
}
@keyframes button-loading {
    20% {
        color: transparent;
        transform: scale(1);
    }
    40% {
        opacity: 0.8;
        background-color: transparent;
        transform: scale(1);
    }
    60% {
        transform: scale(0.7, 1.1);
        text-indent: -0.6125rem;
        color: transparent;
        opacity: 0.7;
    }
    80% {
        transform: scale(1);
    }
    to {
        opacity: 0.8;
        color: transparent;
    }
}
.global_newsletter a {
    border-bottom-width: 1px;
    border-color: #d8d8d8;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: color;
    transition-property: border-color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
    text-decoration: none;
}
.global_newsletter a:active,
.global_newsletter a:focus,
.global_newsletter a:hover {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
}
.global_newsletter [type="checkbox"] + label:after,
.global_newsletter [type="checkbox"] + label:before,
.global_newsletter [type="checkbox"]:active + label:before,
.global_newsletter [type="checkbox"]:checked + label:before,
.global_newsletter [type="checkbox"]:focus + label:before,
.global_newsletter [type="checkbox"]:hover + label:before {
    border-color: #fff;
}
.global_newsletter button[type="submit"]:disabled {
    opacity: 0.6;
}
.global_newsletter .form__status.icon {
    background-color: #fff;
}
input,
textarea {
    color: #333;
}
.ambassador a:not([href^="tel:"]),
.wantmore a:not([href^="tel:"]) {
    border-bottom-width: 1px;
    border-color: #d8d8d8;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: color;
    transition-property: border-color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
    text-decoration: none;
}
.ambassador a:not([href^="tel:"]):active,
.ambassador a:not([href^="tel:"]):focus,
.ambassador a:not([href^="tel:"]):hover,
.wantmore a:not([href^="tel:"]):active,
.wantmore a:not([href^="tel:"]):focus,
.wantmore a:not([href^="tel:"]):hover {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
}
.ambassador .icon.form__status,
.ambassador [type="submit"].status--loading,
.ambassador [type="submit"].status--ok,
.wantmore .icon.form__status,
.wantmore [type="submit"].status--loading,
.wantmore [type="submit"].status--ok {
    background-color: #fff;
}
.ambassador [type="checkbox"] + label:after,
.ambassador [type="checkbox"] + label:before,
.ambassador [type="checkbox"]:active + label:before,
.ambassador [type="checkbox"]:checked + label:before,
.ambassador [type="checkbox"]:focus + label:before,
.ambassador [type="checkbox"]:hover + label:before,
.wantmore [type="checkbox"] + label:after,
.wantmore [type="checkbox"] + label:before,
.wantmore [type="checkbox"]:active + label:before,
.wantmore [type="checkbox"]:checked + label:before,
.wantmore [type="checkbox"]:focus + label:before,
.wantmore [type="checkbox"]:hover + label:before {
    border-color: #fff;
}
.ambassador .person__contact .hover\:bg-slide:hover,
.wantmore .person__contact .hover\:bg-slide:hover {
    color: #2f3542;
}
.ambassador .person__contact .hover\:bg-slide:before,
.wantmore .person__contact .hover\:bg-slide:before {
    border-width: 1px;
    border-color: #fff;
}
.ambassador .person__contact .hover\:bg-slide:after,
.wantmore .person__contact .hover\:bg-slide:after {
    background-color: #fff;
}
form.easyformForm {
    width: 100%;
}
@media (min-width: 768px) {
    form.easyformForm {
        width: 58.333333%;
    }
}
form.easyformForm .field {
    margin-bottom: 1rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
form.easyformForm .field > label {
    width: 33.333333%;
    margin-right: 2rem;
    position: relative;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-right: 1.5rem;
    flex: 0 0 33.33%;
}
form.easyformForm .field > span[id^="form-widgets-"] > span.option {
    display: block;
    position: relative;
}
form.easyformForm
    .field
    > span[id^="form-widgets-"]
    > span.option:first-of-type {
    padding-top: 0.625rem;
}
form.easyformForm .field > span[id^="form-widgets-"] label:before {
    top: 0.5rem;
}
form.easyformForm .field input[type="text"],
form.easyformForm .field select,
form.easyformForm .field textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    border-bottom-width: 1px;
    border-color: #407bb3;
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.625rem;
    flex: 0 0 62%;
}
form.easyformForm .field input[type="text"]:focus,
form.easyformForm .field select:focus,
form.easyformForm .field textarea:focus {
    outline: 0;
}
form.easyformForm .field .required:before {
    content: "*";
    display: inline-block;
    line-height: 0;
    margin-left: -4px;
}
form.easyformForm .field .formHelp {
    display: block;
    font-size: 0.875rem;
}
form.easyformForm .fieldErrorBox {
    flex: 0 0 100%;
    order: 99;
    position: relative;
    top: -13px;
    text-align: right;
}
form.easyformForm .fieldErrorBox .error {
    color: #f56565;
    font-size: 0.875rem;
}
form.easyformForm .formControls {
    margin-top: 3.25rem;
}
form.easyformForm .formControls input[type="submit"] {
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    padding: 0.938rem 3.25rem;
    color: #005096;
    background-color: #fff;
    border-width: 2px;
    border-color: #005096;
    border-radius: 0.125rem;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: background-color;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
    line-height: 1.375;
}
form.easyformForm .formControls input[type="submit"]:hover {
    background-color: #005096;
    color: #fff;
    cursor: pointer;
}
form.easyformForm .help-block p {
    margin-top: 0;
}
form.easyformForm .help-block a {
    color: #407bb3;
    border-bottom-width: 1px;
    border-color: #407bb3;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
}
form.easyformForm .help-block a:active,
form.easyformForm .help-block a:focus,
form.easyformForm .help-block a:hover {
    color: #005096;
    border-color: #005096;
}
#formEpilogue,
#formPrologue {
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: 3.75rem;
    margin-bottom: 3.25rem;
}
.meta__top .group:hover .group-hover\:block {
    min-width: 14em;
    padding-bottom: 0.5em;
}
.meta__top .divider\:after:after,
.meta__top .divider\:after:before,
.meta__top .divider\:before:after,
.meta__top .divider\:before:before {
    height: 1.125rem;
    top: calc(50% - 0.5625rem);
}
.meta__top .eudres {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 25.5'%3E%3Cpath d='M68 6.8c.2 0 .4.1.5.1.1.1-.3.5-.4.4-.1 0-.3-.1-.5-.1-1.7-.3-3.3.3-3.9 1.3-.1.2-.2.4-.2.9 0 .6 0 .6.1 1 .1.2.3.4.4.5.5.4 1.4.7 2.9 1 2.6.5 3.7 1.2 4.1 2.4.2.7.1 1.7-.2 2.4-.2.4-.8.9-1.3 1.2-1.5.7-3.7.7-5.1 0-.8-.4-1.5-1.2-1.8-2.2-.2-.7-.2-.8.1-.8h.3s.1.1.1.3c.2.8.8 1.7 1.5 2 .2.1.5.2.8.3.5.2.6.2 1.7.2s1.2 0 1.7-.2c1.3-.4 1.9-1.2 1.9-2.4 0-1.5-.8-2.2-3.7-2.8-2-.4-2.7-.7-3.2-1.2s-.6-.8-.6-1.7c0-.7 0-.7.2-1.2.5-1.2 2.4-1.9 4.6-1.4zm-43.3 3.5c0 3.9 0 4.4-.3 5.3-.5 1.3-1.4 2.2-2.7 2.6-.7.2-2.3.2-3 0-1.2-.3-2-1-2.5-2-.4-.9-.5-1.3-.6-3v-1.4h.6v1.4c0 1 .1 1.5.1 1.7.4 1.5 1.2 2.3 2.6 2.7.4.1.7.1 1.3.1 2.1 0 3.3-.9 3.8-2.7.1-.5.1-.6.2-4.4 0-2.1 0-3.9.1-3.9 0 0 .1-.1.3-.1h.3v3.7zm-12-3.2v.3H5.5V12h7v.6H5.4V18h3.8c4.2 0 3.8 0 3.7.4 0 .1-.1.1-4.1.1h-4V7.1h7.8zm3.9-.1c.4.2.5.4.6.8 0 .4-.1.7-.4.9l-.2.2c.2 0 .5.3.6.6.2.5-.1 1.1-.6 1.3-.6.3-1.6.1-2.1-.3l-.2-.2.2-.2.2-.2.2.2c.6.6 1.7.3 1.7-.3 0-.4-.4-.6-1-.6h-.3v-.6h.5c.6 0 .8-.2.8-.5 0-.6-1-.8-1.6-.3l-.2.2-.2-.2-.2-.2.1-.1c.5-.6 1.4-.8 2.1-.5zm16.8 0c1.8.4 3.2 1.6 3.9 3.1.3.8.4 1.3.4 2.3 0 .7 0 1.1-.1 1.5-.5 2.2-1.9 3.7-4.1 4.2-.3.1-.8.1-3 .1h-2.6V6.8h2.5c2.1.1 2.6.1 3 .2zm13.3 0c1.6.5 2.4 1.6 2.2 3.3-.1.6-.3 1.1-.7 1.5-.2.2-.7.5-1.2.6-.1 0 0 .1.3.3.7.3 1.1.9 1.3 1.6.1.2.1.9.1 1.9 0 .9.1 1.7.1 1.8 0 .2 0 .2-.2.2s-.3 0-.3-.1-.1-.9-.1-1.8c0-1.4-.1-1.7-.2-2-.3-.9-.9-1.4-2.2-1.6-.2 0-1.3-.1-2.5-.1h-2.1v5.6h-.6V6.8h2.8c2.5.1 3 .1 3.3.2zm13.5-.1v.5H53V12h7v.6h-7V18h7.6-.1l-.1.3h-8V6.8h3.9c2.1 0 3.9.1 3.9.1zm11.1.2c.6.3.8 1 .4 1.7-.2.3-.9 1.1-1.3 1.4l-.2.2s.4.1.9.1h.9v.6h-2.8v-.3c0-.3 0-.3.5-.7 1.2-.9 1.6-1.4 1.6-1.9 0-.3-.1-.5-.5-.6-.3-.1-.8 0-1.1.3l-.2.2-.2-.1-.3-.3c0-.1.3-.4.5-.5.6-.4 1.3-.4 1.8-.1zm-42.9 5.4v5.2h1.9c2.1 0 2.6-.1 3.5-.3 1.5-.5 2.6-1.5 3.1-3.1.9-2.7-.2-5.3-2.5-6.4-1-.4-1.7-.5-4.2-.5h-1.7v5.1zm13-2.7v2.5h2.3c2.6 0 2.9-.1 3.6-.4.5-.2.8-.6 1-1.1.1-.3.1-.5.1-1 0-.6-.1-.7-.2-1-.2-.4-.6-.8-1-1-.6-.3-.9-.3-3.4-.4h-2.4v2.4z' fill='%23fff'/%3E%3C/svg%3E");
    height: 26px;
    width: 76px;
    min-width: 76px;
    display: inline-block;
    position: relative;
    top: 1px;
}
.navigation__doormat__section:last-child {
    margin-right: 0;
}
.navigation__doormat__section:last-child:after {
    content: unset;
}
.navigation__doormat__section.divider\:after:after {
    display: none;
}
.navigation__doormat__section .hover\:bg-slide {
    color: #fff;
}
@media (min-width: 768px) {
    .navigation__doormat__section .hover\:bg-slide {
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        transition-property: color;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: 0;
    }
    .navigation__doormat__section .hover\:bg-slide:hover {
        color: #005096;
    }
    .navigation__doormat__section .hover\:bg-slide:before {
        border: 1px solid #fff;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
    }
    .navigation__doormat__section .hover\:bg-slide:after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 0;
        background-color: #fff;
        transition-property: width;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: -1;
    }
    .navigation__doormat__section .hover\:bg-slide:hover:after {
        width: 100%;
    }
}
.navigation__doormat__section.lg\:divider\:after:after {
    border-right: 1px solid #407bb3;
}
.navigation__global .divider\:after:after {
    border-color: #333;
}
.navigation__global #portaltab-forschung a:after,
.navigation__global #portaltab-research a:after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 2px;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/externallink.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/externallink.svg) no-repeat
        50% 50%;
    background-color: #005096;
}
.navigation__global #portaltab-forschung a:hover:after,
.navigation__global #portaltab-research a:hover:after {
    background-color: #fff;
}
#audiences {
    text-align: left;
    margin-top: 0;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
    border-top: 3px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.1s;
}
#audiences:hover {
    border-top-color: #005096;
    border-left-color: #005096;
    border-right-color: #005096;
}
#audiences:hover .triangle {
    left: 10% !important;
    opacity: 1 !important;
    animation: none !important;
}
#audiences.selected {
    background-color: #e6eef5;
}
#audiences .triangle {
    position: absolute;
    bottom: -5px;
    left: 9px;
    width: 0;
    height: 0;
    border-bottom-style: solid;
    border-left: 6px solid transparent;
    border-bottom-color: transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #005096;
}
#audiences.goAnim .triangle {
    animation: triangle_anim 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#audiences #text_rotator {
    position: relative;
    overflow: hidden;
    height: 23px;
}
#audiences #text_rotator a {
    position: absolute;
    left: 0;
    top: -20px;
    bottom: -20px;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0;
    transition: opacity 0.3s, top 0.3s ease-out;
    background-color: transparent !important;
    z-index: -1;
}
#audiences #text_rotator a.current {
    opacity: 1;
    top: 0;
    bottom: 0;
    transition: opacity 1s, bottom 0.3s ease-out;
    z-index: 100;
}
#audiences.flexi a.flexi-toggle {
    display: block;
    border-bottom: 3px solid #005096;
    border-radius: 0;
    background-color: transparent !important;
}
#audiences.flexi a.flexi-toggle:hover {
    background-color: #fff;
    text-decoration: none;
}
#audiences.flexi a.flexi-toggle:focus {
    text-decoration: none;
    outline: 0;
}
#audiences.flexi a.flexi-toggle small {
    display: block;
    color: #8d8d8d;
    font-weight: 400;
}
#audiences.flexi a.flexi-toggle small:after {
    content: "...";
}
#audiences.flexi .flexi-menu {
    transition: all 0.1s;
    display: none;
    width: 200px;
    position: absolute;
    top: 62px;
    left: -1px;
    min-width: 120px;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
    z-index: 1500;
    padding: 0;
    margin: 0;
    background-color: #fff;
    list-style: none;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #005096;
}
#audiences.flexi .flexi-menu > li > a {
    background-color: transparent;
    line-height: 22px;
    display: block;
    clear: both;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 13px;
    margin: 0;
    text-decoration: none;
    color: #005096;
}
#audiences.flexi .flexi-menu > li > a:focus,
#audiences.flexi .flexi-menu > li > a:hover {
    border-radius: 0;
    color: #fff;
    background-color: #3b7db7;
}
#audiences.flexi .flexi-menu > li > a.current {
    display: none;
}
#audiences.flexi.open {
    border-top-width: 3px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: #005096;
}
#audiences.flexi.open .triangle {
    bottom: auto;
    top: 0;
    left: 16px;
}
#audiences.flexi.open a.flexi-toggle {
    border-bottom: 3px solid #fff;
}
#audiences.flexi.open a.flexi-toggle span {
    display: none;
    color: #005096;
}
@keyframes triangle_anim {
    0% {
        left: 0;
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    25% {
        left: 23%;
    }
    50% {
        left: 48%;
    }
    75% {
        left: 72%;
    }
    98% {
        opacity: 1;
    }
    to {
        left: 90%;
        opacity: 0;
    }
}
.mp-pushed .scroller {
    filter: blur(1px);
}
.mp-pushed .mp-pusher {
    left: 0;
}
.mp-pushed .mp-pusher:after {
    background: rgba(0, 0, 0, 0.65);
    height: 100%;
    opacity: 1;
    width: 100%;
    z-index: 10;
}
.mp-pushed .mp-menu {
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.68);
}
.mp-pushed .scroller {
    overflow-y: hidden;
}
.mp-pusher {
    height: 100%;
    right: 0;
    position: fixed;
    transform: translateZ(0);
    transition: all 0.1s;
    z-index: 99999;
}
.mp-pusher:after {
    content: "";
    height: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    transition: opacity 0.1s;
    width: 0;
}
nav.mp-menu {
    height: 100%;
    position: absolute;
    right: -600px;
    top: 0;
    transform: translate3d(-100%, 0, 0);
    transition: all 0.1s;
    width: 300px;
    z-index: 1;
}
nav.mp-menu.mp-cover .mp-level .mp-level .mp-level.mp-level-open {
    transform: translateZ(0);
}
nav.mp-menu.mp-overlap .mp-level .mp-level .mp-level.mp-level-open {
    transform: translate3d(40px, 0, 0);
}
nav.mp-menu .mp-level .mp-level .mp-level.mp-level-open {
    transform: translateZ(0);
}
nav.mp-menu header {
    background-color: #005096;
    padding: 0.25rem 1.25rem;
}
nav.mp-menu form {
    display: flex;
    flex-grow: 1;
}
nav.mp-menu h3 {
    overflow-wrap: break-word;
}
nav.mp-menu .icon__chevron {
    background-color: #fff;
}
nav.mp-menu .mlpm-main ul.navTree {
    border-top-width: 1px;
    border-color: #d8d8d8;
}
nav.mp-menu .mlpm-main ul li {
    border-bottom-width: 1px;
    border-color: #d8d8d8;
}
nav.mp-menu .mlpm-main ul a.navTreeItem {
    padding: 1rem 1.75rem;
    display: block;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
nav.mp-menu li.hasSub {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}
nav.mp-menu li.hasSub .next {
    flex-grow: 0;
    flex-shrink: 0;
    border-left-width: 1px;
    border-color: #d8d8d8;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.mp-close {
    width: 18px;
    height: 18px;
}
.mp-level {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(100%, 0, 0);
    background-color: #3b7db7;
    transition: all 0.1s;
}
.mp-level:not(.mp-level-overlay) {
    overflow: hidden;
    overflow-y: auto;
}
@media (min-width: 1024px) {
    .mp-level {
        display: none;
    }
}
.mp-level ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.mp-level .mp-level .mp-level.mp-level-open {
    transform: translateZ(0);
}
.mp-level:after,
.mp-level:before {
    content: "";
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0;
}
#mlp-audiences {
    margin-top: 2.5rem;
}
#mlp-audiences li,
#mlp-meta li {
    margin-top: 1.25rem;
}
#mlp-audiences,
#mlp-meta {
    padding-left: 1.75rem;
}
#mlp-audiences h3,
#mlp-audiences p,
#mlp-meta h3,
#mlp-meta p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.375;
}
#mlp-audiences li a,
#mlp-meta li a {
    position: relative;
    padding-left: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.375;
}
#mlp-audiences li a:before,
#mlp-meta li a:before {
    border: 2px solid #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.mp-overlap .mp-level.mp-level-open {
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.68);
    transform: translateZ(0);
}
.mp-overlap .mp-level.mp-level-overlay:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, 0.65);
    transition: opacity 0.15s 0.15s;
}
.mp-cover .mp-level.mp-level-open {
    transform: translateZ(0);
}
.mp-cover .mp-level.mp-level-open .mp-level.mp-level-open {
    transform: translate3d(40px, 0, 0);
}
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
    box-shadow: none;
    transform: translateZ(0);
}
.mp-menu.mp-overlap > .mp-level.mp-level-open .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level .mp-level.mp-level-open {
    transform: translate3d(40px, 0, 0);
}
.mp-menu.mp-cover > .mp-level.mp-level-open.mp-level-overlay {
    box-shadow: none;
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.68);
    transform: translate3d(-40px, 0, 0);
}
.mp-menu.mp-cover
    > .mp-level.mp-level-open.mp-level-overlay
    ul
    > li
    .mp-level.mp-level-open {
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.68);
}
.mp-menu.mp-cover
    > .mp-level.mp-level-open.mp-level-overlay
    ul
    > li
    .mp-level.mp-level-open
    ul
    > li
    .mp-level {
    box-shadow: none;
}
.mp-menu.mp-cover .mp-level .mp-level.mp-level-open {
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.68);
}
.mp-menu.mp-cover .mp-level .mp-level .mp-level {
    box-shadow: none;
}
.mp-level .mp-level .mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
    transform: translate3d(100%, 0, 0);
}
.mp-level.mp-level-overlay > ul > li:first-child > a,
.mp-menu .mp-level.mp-level-overlay > ul > li > a {
    box-shadow: inset 0 -1px transparent;
}
.mp-level.mp-level-overlay > ul > li:first-child > a,
.mp-level > ul > li:first-child > a:hover {
    box-shadow: inset 0 -1px transparent, inset 0 1px transparent;
}
.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
    display: none;
}
.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
    display: block;
}
nav.pagination ul {
    display: flex;
    margin-top: 3.75rem;
}
nav.pagination ul a {
    display: inline-block;
    color: #407bb3;
    padding: 0.5rem;
    font-size: 1.125rem;
}
nav.pagination ul a:hover {
    text-decoration: underline;
}
nav.pagination ul .active {
    color: #407bb3;
    text-decoration: underline;
    font-size: 1.125rem;
}
nav.pagination ul .active,
nav.pagination ul .disabled {
    display: inline-block;
    padding: 0.5rem;
}
nav.pagination ul .next {
    align-self: flex-end;
}
@media (min-width: 1024px) {
    .block__downloads .block_content li {
        max-width: 50%;
        flex-basis: 50%;
    }
}
.block__grid.block__grid--visible:not(.block__grid--table)
    .block_content
    .grid__item
    .grid__item__content {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}
.block__grid.block__grid--visible:not(.block__grid--table) .grid__item {
    width: 100%;
}
@media (min-width: 1024px) {
    .block__grid.block__grid--visible:not(.block__grid--table) .grid__item {
        width: 25%;
    }
}
@media (min-width: 768px) {
    .block__grid.block__grid--visible:not(.block__grid--table) .grid__item {
        border-bottom-width: 1px;
        border-color: #d8d8d8;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item
        > .grid__item__content {
        border-right-width: 1px;
        border-color: #d8d8d8;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(3n + 1):nth-last-child(-n + 3),
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(3n + 1):nth-last-child(-n + 4)
        ~ .grid__item {
        border-bottom-width: 0;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(3n + 1):nth-last-child(-n + 3):last-child,
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(3n + 1):nth-last-child(-n + 4)
        ~ .grid__item:last-child {
        border-right-width: 0;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(3n + 1):nth-last-child(-n + 3):last-child
        > .grid__item__content,
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(3n + 1):nth-last-child(-n + 4)
        ~ .grid__item:last-child
        > .grid__item__content {
        border-width: 0;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-last-child(3n)
        .grid__item__content {
        border-right-width: 0;
    }
}
@media (min-width: 1024px) {
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(4n + 1):nth-last-child(-n + 4),
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(4n + 1):nth-last-child(-n + 4)
        ~ .grid__item {
        border-bottom-width: 0;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(4n + 1):nth-last-child(-n + 4):last-child,
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(4n + 1):nth-last-child(-n + 4)
        ~ .grid__item:last-child {
        border-right-width: 0;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(4n + 1):nth-last-child(-n + 4):last-child
        > .grid__item__content,
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-child(4n + 1):nth-last-child(-n + 4)
        ~ .grid__item:last-child
        > .grid__item__content {
        border-width: 0;
    }
    .block__grid.block__grid--visible:not(.block__grid--table)
        .grid__item:nth-last-child(4n)
        .grid__item__content {
        border-right-width: 0;
    }
}
.block__grid.block__grid--visible.block__grid--table .block_content {
    display: flex;
}
.block__grid.block__grid--visible.block__grid--table .grid__item {
    margin-right: 2.5rem;
}
@media (min-width: 1024px) {
    .block__grid.block__grid--visible.block__grid--table .block__content {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(16.666667%, 1fr));
        grid-template-rows: repeat(auto-fill, 150px);
        justify-content: space-between;
    }
    .block__grid.block__grid--visible.block__grid--table
        .block__content
        .item--description {
        border-bottom-width: 1px;
        border-color: #d8d8d8;
        grid-column: 1/3;
        grid-row: 1;
    }
    .block__grid.block__grid--visible.block__grid--table
        .block__content
        .grid__item {
        width: auto;
        margin-right: 0;
        padding: 15px;
        text-align: center;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-color: #d8d8d8;
    }
    .block__grid.block__grid--visible.block__grid--table
        .block__content
        .grid__item:nth-child(-n + 2) {
        border-left-width: 1px;
        border-color: #d8d8d8;
    }
    .block__grid.block__grid--visible.block__grid--table
        .block__content
        .grid__item:nth-child(-n + 5) {
        border-top-width: 1px;
        border-color: #d8d8d8;
    }
    .block__grid.block__grid--visible.block__grid--table
        .block__content
        .grid__item:nth-child(5n) {
        border-right-width: 1px;
        border-color: #d8d8d8;
    }
    .block__grid.block__grid--visible.block__grid--table
        .block__content
        .grid__item:first-child {
        border-left-width: 1px;
        border-color: #d8d8d8;
    }
}
.card__gridlist .g-4 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.card__gridlist .g-4 .card_item {
    width: 100%;
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4 .card_item {
        width: 25%;
        display: flex;
        flex-direction: column;
        padding: 1.75rem 1rem 1.75rem 2rem;
        justify-content: center;
        align-items: center;
    }
}
.card__gridlist .g-4 .card_item .card_item_content {
    padding: 1.5rem;
    background-color: #f2f2f3;
}
.card__gridlist .g-4 .card_item .card_item_content .icon,
.card__gridlist .g-4 .card_item .card_item_content h3 {
    display: none;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4 .card_item .card_item_content {
        padding: unset;
        background-color: unset;
    }
    .card__gridlist .g-4 .card_item .card_item_content .icon,
    .card__gridlist .g-4 .card_item .card_item_content h3 {
        display: block;
    }
}
.card__gridlist .g-4.divider .card_item {
    position: relative;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4.divider .card_item:nth-child(n + 9) {
        border-top: 1px solid #d8d8d8;
    }
}
@media (min-width: 1024px) {
    .card__gridlist .g-4.divider .card_item:nth-child(-n + 4) {
        border-bottom: 1px solid #d8d8d8;
    }
}
@media (min-width: 1024px) {
    .card__gridlist .g-4.divider .card_item:after {
        border-right: 1px solid #d8d8d8;
        bottom: 0;
        content: "";
        display: block;
        margin: 1px;
        position: absolute;
        right: -16px;
        top: 15px;
        height: calc(100% - 30px);
    }
}
@media (min-width: 1024px) {
    .card__gridlist .g-4.divider .card_item:last-child:after,
    .card__gridlist .g-4.divider .card_item:nth-child(4n + 4):after {
        border-right: none;
        content: unset;
    }
}
.card__gridlist .g-4 header {
    position: relative;
    margin-left: auto;
    border-bottom-width: 1px;
    width: 100%;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0;
    border-color: #407bb3;
    padding-bottom: 0.938rem;
    margin-top: 1.5rem;
}
.card__gridlist .g-4 header span.title {
    margin-right: 2rem;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4 header {
        padding-bottom: 0;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .card__gridlist .g-4 header span.icon {
        display: none;
    }
    .card__gridlist .g-4 header span.title {
        margin-right: 0;
    }
}
.card__gridlist .g-4 header div.icon {
    min-width: 60px;
}
.card__gridlist .g-4 header span.icon {
    position: relative;
    padding-right: 16px;
    margin-left: auto;
}
.card__gridlist .g-4 header span.icon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    display: inline-block;
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #407bb3;
}
.card__gridlist .g-4 header span.icon:before {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 300;
    color: #407bb3;
}
.card__gridlist .g-4 header.plus span.icon:after {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__down.svg)
        no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.card__gridlist .g-4 header.active span.icon:after,
.card__gridlist .g-4 header.minus span.icon:after {
    -webkit-mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__up.svg)
        no-repeat 50% 50%;
    mask: url(https://cdn.fhstp.ac.at/www/5.0.0/svg/accordion__up.svg) no-repeat
        50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.card__gridlist .g-4 header.plus + .accordion-content,
.card__gridlist .g-4 header:not(.plus):not(.minus) + .accordion-content {
    display: none !important;
}
.card__gridlist .g-4 header.active + .accordion-content,
.card__gridlist .g-4 header.minus + .accordion-content,
.card__gridlist .g-4 header.minus.active + .accordion-content {
    display: block !important;
}
.card__gridlist .g-4 header.active + [class^="icon"] + [role="tooltip"] {
    width: 100%;
    background-color: #f2f2f3;
    display: block;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4 header:after {
        content: unset;
    }
}
.card__gridlist .g-4 header span {
    font-weight: 700;
    font-size: 1.125rem;
    margin-left: 1rem;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4 header {
        text-align: center;
        line-height: 1.375;
        flex-direction: column;
        border-width: 0;
    }
    .card__gridlist .g-4 header span {
        font-weight: 700;
        font-size: 1.125rem;
        margin-top: 1rem;
        margin-left: 0;
    }
}
.card__gridlist .g-4 .icon__information--round {
    display: none;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4 .icon__information--round {
        width: 18px;
        height: 17px;
        background-color: #005096;
        margin-top: 0.625rem;
        display: block;
    }
}
.card__gridlist .g-4 [role="tooltip"] {
    padding: 1.5rem;
}
.card__gridlist .g-4 [role="tooltip"] h3 {
    display: none;
}
@media (min-width: 1024px) {
    .card__gridlist .g-4 [role="tooltip"] h3 {
        display: block;
    }
}
.block__projects .hover\:bg-slide:before {
    border-width: 1px;
}
.module {
    content-visibility: auto;
}
.card--featured {
    background-color: #f2f2f3;
}
.card__item__content:hover .card__item__readmore {
    transform: translateX(0.5rem);
}
.card__item .icon__news {
    position: relative;
    top: 2px;
}
.courseselect footer .hover\:bg-slide {
    padding-left: 0.625rem;
    position: relative;
}
.courseselect footer .hover\:bg-slide:before {
    border: 1px solid #005096;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.courseselect--tabbed [aria-selected="true"].active,
.courseselect--tabbed [aria-selected="true"]:not(:hover) {
    background-color: #005096;
    color: #fff;
}
.courseselect--tabbed [aria-selected="false"]:not(:hover) {
    background-color: unset;
    color: unset;
}
.subcontent--course nav li {
    flex-basis: 50%;
}
@media (min-width: 1024px) {
    .subcontent--course nav li {
        flex-basis: 25%;
    }
}
.orgform__filter .orgform__item .icon__orgform {
    position: relative;
    transition: background-color;
}
.orgform__filter .orgform__item .icon__orgform:after {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 7px;
    box-shadow: 0 0 0 4px #3b7db7;
    transition: transform 0.1s, opacity 0.1s;
    transform: scale(0.8);
    opacity: 0;
}
.orgform__filter .orgform__item:hover .icon__orgform {
    transition: opacity 0.1s;
}
.orgform__filter .orgform__item:hover .icon__orgform:after {
    transform: scale(1.05);
    opacity: 1;
}
body.portaltype-course
    #content
    .card--featured
    header.card__item__headline
    a.float-right {
    display: none;
}
body.portaltype-course #content .text-container-width {
    width: unset;
    margin-left: unset;
}
body.portaltype-course .channel_courses .accordion-content {
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
}
body.modal--open {
    overflow: hidden;
}
body.modal--open .modal__wrapper {
    overflow-y: scroll;
    height: 100vh;
    display: block;
    width: 100vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
body.modal--open .modal__container__overlay {
    min-height: 100%;
}
.embed__container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed__container__wrapper {
    max-width: 100%;
    width: 100%;
    left: 0;
    right: 0;
}
.embed__container embed,
.embed__container iframe,
.embed__container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.aspect-ratio-placeholder {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.aspect-ratio-placeholder-painted {
    display: block;
}
.progressive-media-thumbnail,
html.no-js .progressive-media,
html.no-js .progressive-media-canvas,
html.no-js .progressive-media-image,
html.no-js .progressive-media-thumbnail {
    display: none;
}
.progressive-media,
.progressive-media-canvas,
.progressive-media-image {
    visibility: hidden;
    opacity: 0;
    backface-visibility: hidden;
}
.progressive-media,
.progressive-media-image {
    z-index: 1;
}
.aspect-ratio-placeholder img:not(.progressive-media-thumbnail),
.aspect-ratio-placeholder video,
.progressive-load,
.progressive-media-canvas,
.progressive-media-nojs {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: auto;
    box-sizing: border-box;
}
.progressive-load.is-canvasLoaded .progressive-media-canvas,
.progressive-load.is-mediaLoaded .progressive-media,
.progressive-load.is-mediaLoaded .progressive-media-image,
.progressive-load.is-mediaLoaded .progressive-media-video,
[data-was-processed="true"] {
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 0.4s 0s;
    visibility: visible;
}
.medium-zoom-overlay {
    z-index: 1;
}
.medium-zoom-image.medium-zoom-image--opened {
    z-index: 2;
}
.lightbox-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    color: #fff;
    z-index: 2;
}
.lightbox-container aside,
.lightbox-container header {
    width: 100%;
    text-align: center;
    padding: 1rem;
}
.lightbox-container .lightbox-main {
    flex: 1;
    height: 100%;
}
.lightbox-container .lightbox-image {
    width: 100%;
    height: calc(100% - 64px);
    margin: 0 auto;
}
.video__container .video__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.video__container .icon__play {
    background-color: #fff;
    border: 0;
    display: inline-block;
    font-size: 50px;
    height: 50px;
    left: calc(50% - 25px);
    line-height: 50px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: calc(50% - 25px);
    transition: background-color 0.6s;
    width: 50px;
    z-index: 1;
}
.carousel__container {
    margin: 0 auto 20px;
    overflow: hidden;
    list-style: none;
    padding: 0;
}
.carousel__container,
.carousel__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.carousel__wrapper {
    box-sizing: content-box;
}
.carousel__slide,
.carousel__wrapper {
    display: flex;
    transition-property: transform;
}
.carousel__slide {
    flex-shrink: 0;
    width: 33.333333%;
    height: 100%;
    position: relative;
    text-align: center;
    font-size: 18px;
    justify-content: center;
}
.carousel__slide figure {
    margin: 40px 15px;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1),
        0 10px 15px 0 rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.2);
}
.carousel__slide img {
    width: 100%;
}
@media (min-width: 768px) {
    .carousel__slide img {
        width: unset;
    }
}
.carousel .carousel__navigation__button {
    transition: transform 0.25s ease-in-out;
}
.carousel
    .carousel__navigation__button.carousel__navigation__button--next:hover {
    transform: translateX(10px);
}
.carousel .carousel__navigation__button.carousel__navigation__button--prev {
    transform: translateX(0);
}
.carousel
    .carousel__navigation__button.carousel__navigation__button--prev:hover {
    transform: translateX(-10px);
}
figcaption.carousel__tools {
    background-color: rgba(0, 80, 150, 0.75);
    transition: transform 0.25s ease-in-out, opacity 0.1s ease-in-out;
    transition-delay: 0.2s;
}
@media (min-width: 1024px) {
    figcaption.carousel__tools {
        transform: translate3d(0, 3px, 0);
        opacity: 0;
    }
    figcaption.carousel__tools svg {
        opacity: 0.7;
    }
    figcaption.carousel__tools button:hover svg {
        opacity: 1;
    }
}
.carousel__slide figure:hover figcaption.carousel__tools {
    transform: translateZ(0);
    opacity: 1;
}
.carousel.carousel--featured .carousel__slide {
    width: 100%;
    text-align: left;
}
.carousel.carousel--featured .carousel__slide figure {
    box-shadow: none;
    width: 100%;
}
.carousel.carousel--featured .carousel__slide .progressive-media,
.carousel.carousel--featured .carousel__slide img {
    min-height: 300px;
}
.carousel.carousel--featured figcaption.carousel__tools {
    background-color: #005096;
    opacity: 1;
    transform: unset;
}
.scopeselect__step__item.active {
    color: #fff;
    z-index: 0;
}
.scopeselect__step__item.active:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    background-color: #005096;
    width: 100%;
    height: 100%;
    z-index: -1;
}
@media (min-width: 768px) {
    .scopeselect__step__item.active {
        color: #fff;
    }
    .scopeselect__step__item.active:after {
        width: 100%;
    }
}
.scopeselect__section__body {
    padding-left: 1rem;
    padding-right: 1rem;
}
.scopeselect__section__body > div {
    padding: 2rem 1rem 3.75rem;
}
@media (min-width: 1024px) {
    .scopeselect__section__body > div {
        padding-left: 100px;
        padding-right: 100px;
    }
}
.scopeselect__section__body dl {
    border-bottom-width: 1px;
    border-color: #d8d8d8;
}
.scopeselect__section__body dl:last-child {
    border-width: 0;
}
.tooltip__container {
    position: relative;
    display: inline-block;
}
.tooltip__container button {
    padding: 1px 8px;
    border-radius: 100%;
    font-size: 0.5rem;
    background-color: #005096;
    color: #fff;
}
.tooltip__container .tooltip__content {
    display: block;
}
@media (min-width: 768px) {
    .tooltip__container .tooltip__content {
        position: absolute;
        left: 100%;
        top: 100%;
        width: 10em;
        background: #000;
        color: #fff;
        padding: 0.5rem;
    }
}
.tippy-box {
    position: relative;
    border-radius: 8px;
    width: 410px;
    color: #f2f2f3;
    background-color: #2f3542;
}
.tippy-box .icon__close {
    cursor: pointer;
    background-color: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 16px;
    top: 16px;
}
[role="tooltip"] {
    position: relative;
}
.coursewizard .hover\:bg-slide {
    color: #005096;
}
@media (min-width: 768px) {
    .coursewizard .hover\:bg-slide {
        color: #005096;
        position: relative;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        transition-property: color;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: 0;
    }
    .coursewizard .hover\:bg-slide:hover {
        color: #005096;
    }
    .coursewizard .hover\:bg-slide:before {
        border: 1px solid #fff;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
    }
    .coursewizard .hover\:bg-slide:after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 0;
        background-color: #fff;
        transition-property: width;
        transition-duration: 0.25s;
        transition-timing-function: ease;
        transition-delay: 0s;
        z-index: -1;
    }
    .coursewizard .hover\:bg-slide:hover:after {
        width: 100%;
    }
}
.coursewizard__container--tabbed button {
    transition: margin-top 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    min-height: 60px;
}
.coursewizard__container--tabbed button > span {
    display: block;
    position: absolute;
}
.coursewizard__container--tabbed button > span:first-child,
.coursewizard__container--tabbed button > span:last-child {
    transition: opacity 0.2s ease-in-out,
        transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.coursewizard__container--tabbed button > span:first-child {
    position: absolute;
    top: 50%;
    transform: translateY(-300%);
}
.coursewizard__container--tabbed button > span:last-child {
    transform: translateY(0);
}
.coursewizard__container--tabbed button.selected span:first-child {
    opacity: 1;
    transform: translateY(0);
}
.coursewizard__container--tabbed button.selected span:last-child {
    transform: translateY(300%);
}
body.portaltype-dossier .text-container-width {
    width: 58.333333%;
    margin-left: auto;
    margin-right: auto;
}
body.template-newsroom_filter #filter-hashtag .filter__select--active {
    transition: opacity 0.1s;
    max-height: 999px;
    overflow: hidden;
}
body.template-newsroom_filter
    #filter-hashtag
    .accordion__v2__content--open
    + .filter__select--active,
body.template-newsroom_filter
    #filter-hashtag
    .accordion__v2__header--open
    + .filter__select--active {
    opacity: 0;
}
body.template-newsroom_filter
    #filter-hashtag
    .accordion__v2__content--opened
    + .filter__select--active {
    visibility: hidden;
    display: none;
}
body.template-newsroom_filter #filter-hashtag .active {
    border-color: #407bb3;
    color: #407bb3;
}
.imageheader.min-h-default {
    min-height: 320px;
}
.text-container-width {
    width: 100%;
    margin-left: auto;
}
@media (min-width: 768px) {
    .text-container-width {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .text-container-width {
        width: 58.333333%;
        margin-left: 8.333333%;
    }
}
#tinymce,
.wysiwig__text {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.75;
}
#tinymce h1,
.wysiwig__text h1 {
    font-size: 2.5rem;
    line-height: 1.75;
    font-weight: 700;
    margin-top: 2.5rem;
}
#tinymce h2,
.wysiwig__text h2 {
    font-size: 1.875rem;
    line-height: 1.75;
    font-weight: 700;
    margin-top: 2.5rem;
}
#tinymce h3,
.wysiwig__text h3 {
    margin-top: 3.75rem;
    margin-bottom: 0;
}
#tinymce p,
.wysiwig__text p {
    margin-top: 1.5rem;
}
#tinymce a,
.wysiwig__text a {
    color: #407bb3;
    border-bottom-width: 1px;
    border-color: #407bb3;
    transition-property: color;
    transition-timing-function: ease-out;
}
#tinymce a,
#tinymce a.btn,
.wysiwig__text a,
.wysiwig__text a.btn {
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
}
#tinymce a.btn,
.wysiwig__text a.btn {
    font-size: 1.125rem;
    font-weight: 700;
    display: inline-block;
    padding: 0.938rem 3.25rem;
    margin-top: 3.25rem;
    color: #005096;
    background-color: #fff;
    border-width: 2px;
    border-color: #005096;
    border-radius: 0.125rem;
    transition-property: background-color;
    transition-property: color;
    transition-timing-function: ease-out;
    line-height: 1.375;
}
#tinymce a.btn:active,
#tinymce a.btn:focus,
#tinymce a.btn:hover,
.wysiwig__text a.btn:active,
.wysiwig__text a.btn:focus,
.wysiwig__text a.btn:hover {
    color: #fff;
    background-color: #005096;
    border-color: #005096;
}
#tinymce a:active,
#tinymce a:focus,
#tinymce a:hover,
.wysiwig__text a:active,
.wysiwig__text a:focus,
.wysiwig__text a:hover {
    color: #005096;
    border-color: #005096;
}
#tinymce ol,
#tinymce ul,
.wysiwig__text ol,
.wysiwig__text ul {
    margin-top: 1.5rem;
}
#tinymce ol ol,
#tinymce ol ul,
#tinymce ul ol,
#tinymce ul ul,
.wysiwig__text ol ol,
.wysiwig__text ol ul,
.wysiwig__text ul ol,
.wysiwig__text ul ul {
    margin-top: 0;
    padding-left: 1.5rem;
}
#tinymce ol li,
#tinymce ul li,
.wysiwig__text ol li,
.wysiwig__text ul li {
    margin-left: 1rem;
}
#tinymce ol,
.wysiwig__text ol {
    list-style-type: decimal;
}
#tinymce ul:not(.list-none),
.wysiwig__text ul:not(.list-none) {
    list-style-type: none;
}
#tinymce ul:not(.list-none) li:before,
.wysiwig__text ul:not(.list-none) li:before {
    content: "█";
    font-size: 5px;
    line-height: 1rem;
    color: #005096;
    font-weight: 700;
    position: relative;
    top: -5px;
    left: calc(-1rem + 5px);
}
#tinymce table,
.wysiwig__text table {
    margin-top: 3.25rem;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.375;
}
#tinymce table th,
#tinymce table thead,
.wysiwig__text table th,
.wysiwig__text table thead {
    background-color: #407bb3;
    color: #fff;
    font-weight: 600;
}
#tinymce table tbody,
.wysiwig__text table tbody {
    line-height: 1.75;
}
#tinymce table tbody tr,
.wysiwig__text table tbody tr {
    border-bottom-width: 1px;
    border-color: #d8d8d8;
}
#tinymce table td,
#tinymce table th,
.wysiwig__text table td,
.wysiwig__text table th {
    padding: 1rem 1.5rem;
    text-align: left;
}
#tinymce table td,
.wysiwig__text table td {
    line-height: 1.75;
}
#tinymce table th,
.wysiwig__text table th {
    line-height: 1.375;
}
#tinymce table a,
.wysiwig__text table a {
    color: #3b7db7;
    border-bottom-width: 1px;
    border-color: #3b7db7;
}
ul.wysiwig:not(.list-none) {
    margin-top: 1.5rem;
    list-style-type: none;
}
ul.wysiwig:not(.list-none) ul {
    margin-top: 0;
    padding-left: 1.5rem;
}
ul.wysiwig:not(.list-none) li {
    margin-left: 1rem;
}
ul.wysiwig:not(.list-none) li:before {
    content: "█";
    font-size: 5px;
    line-height: 1rem;
    color: #005096;
    font-weight: 700;
    position: relative;
    top: -5px;
    left: calc(-1rem + 5px);
}
.copyright {
    font-weight: 300;
    font-size: 0.875rem;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.5;
    top: -10px;
}
@media (min-width: 1024px) {
    body.portaltype-newsitem .text-container-width,
    body.portaltype-pressrelease .text-container-width {
        width: 58.333333%;
        margin-left: auto;
        margin-right: auto;
    }
}
.advertiser__container__cta {
    transition: background-color 0.25s ease;
    background-color: rgba(47, 53, 66, 0.92);
}
.advertiser__container__cta:hover {
    background-color: #2f3542;
}
@media (min-width: 768px) {
    .advertiser__container__cta {
        border-radius: 100%;
        height: 220px;
        width: 220px;
        display: flex;
        align-items: center;
        max-width: 220px;
    }
}
.compare__table h2 {
    font-size: 1.875rem;
    line-height: 1.75;
    font-weight: 700;
}
.compare__table .sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.compare__head {
    background: #fff;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff 20%, #fff);
    padding-bottom: 2.5rem;
}
.compare__select__wapper {
    position: relative;
    transition: border-color 0.1s ease;
    border-radius: 0.125rem;
    border-width: 1px;
    border-color: #adadad;
    background-color: #fff;
}
.compare__select__wapper:hover {
    border-color: #005096;
}
.compare__select__wapper:hover .icon {
    background-color: #005096;
}
.compare__select__wapper:before {
    content: "";
    width: 90px;
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    z-index: 1;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 50%, #fff);
    pointer-events: none;
}
.compare__select__wapper select {
    z-index: 0;
    border-style: none;
}
.compare__select__wapper .icon {
    z-index: 1;
    background-color: #3b7db7;
    top: 20px;
    position: absolute;
    right: 16px;
    transition: background-color 0.1s ease;
}
.compare__row .compare__cell:last-child {
    display: none;
}
@media (min-width: 1024px) {
    .compare__row .compare__cell:last-child {
        display: flex;
    }
}
.covid__container:hover .bg-covid-green:hover {
    background-color: #6fb14c;
}
.covid__container:hover .bg-covid-yellow:hover {
    background-color: #ebcd28;
}
.covid__container:hover .bg-covid-orange:hover {
    background-color: #dd782b;
}
.covid__container:hover .bg-covid-orange-red:hover {
    background-color: #d44a20;
}
.covid__container:hover .bg-covid-red:hover {
    background-color: #cd1719;
}
@media (min-width: 768px) {
    .covid__container__cta {
        border-radius: 100%;
        height: 220px;
        width: 220px;
        display: flex;
        align-items: center;
        max-width: 220px;
    }
}
.bg-covid-green,
.bg-covid-orange,
.bg-covid-orange-red,
.bg-covid-red,
.bg-covid-yellow {
    transition: background-color 0.25s ease;
}
.bg-covid-green {
    background-color: rgba(111, 177, 76, 0.92);
}
.bg-covid-yellow {
    background-color: rgba(235, 205, 40, 0.92);
}
.bg-covid-orange {
    background-color: rgba(221, 120, 43, 0.92);
}
.bg-covid-orange-red {
    background-color: rgba(212, 74, 32, 0.92);
}
.bg-covid-red {
    background-color: rgba(205, 23, 25, 0.92);
}
.hover\:text-covid--green:hover {
    color: #6fb14c;
}
.hover\:text-covid--yellow:hover {
    color: #ebcd28;
}
.hover\:text-covid--orange:hover {
    color: #dd782b;
}
.hover\:text-covid--orange-red:hover {
    color: #d44a20;
}
.hover\:text-covid--red:hover {
    color: #cd1719;
}
.feature .bg-cover {
    min-height: 75vh;
}
@media (min-width: 768px) {
    .feature .bg-cover {
        min-height: auto;
    }
}
.feature__item {
    position: relative;
}
@media (min-width: 768px) {
    .feature__item {
        padding-top: 130px;
        padding-bottom: 200px;
    }
}
.feature__item__headline .relative {
    padding-right: 20px;
}
.feature__item__headline .icon {
    top: 0.4rem;
    height: 1.5rem;
    width: 1.5rem;
}
@media (min-width: 768px) {
    .feature__item__content {
        width: 360px;
    }
}
.feature video {
    max-height: 100%;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
}
.quotes {
    overflow: hidden;
}
.quotes__person__image {
    top: -76px;
    left: calc(50% - 79px);
    right: auto;
}
.quotes__person__text {
    margin-top: 96px;
}
.quotes .carousel__slide {
    position: relative;
}
.quotes .carousel__slide .quotes__person__text {
    margin-top: 0;
}
.quotes .carousel__slide .quotes__person__image {
    transition: all 0.5s ease-in;
    transform: scale(0.8);
}
.quotes .carousel__slide:not(.carousel__slide--active) {
    filter: grayscale(0.7);
}
.quotes .carousel__slide--active .quotes__person__image,
.quotes .carousel__slide-duplicate--active-X .quotes__person__image {
    transform: scale(1);
    z-index: 1;
}
.quotes .carousel__slide--prev .quotes__person__image,
.quotes .carousel__slide-duplicate--prev .quotes__person__image {
    left: 120%;
    z-index: 0;
}
.quotes .carousel__slide--next .quotes__person__image,
.quotes .carousel__slide-duplicate--next .quotes__person__image {
    left: -50%;
    z-index: 0;
}
.quotes-portrait__carousel {
    display: flex;
    position: relative;
    top: -82px;
    max-width: 506px;
    margin: 0 auto;
    overflow: hidden;
}
.quotes-portrait__carousel .carousel__slide {
    width: 160px;
}
.quotes__carousel {
    position: relative;
}
.quotes__carousel .carousel__navigation__button {
    background-color: #fff;
    position: absolute;
    top: 0;
    z-index: 1;
    display: none;
    cursor: pointer;
}
@media (min-width: 1024px) {
    .quotes__carousel .carousel__navigation__button {
        display: block;
    }
}
.quotes__carousel .carousel__navigation__button--next {
    right: 25px;
}
.quotes__carousel .carousel__navigation__button--prev {
    left: 25px;
}
.quotes__carousel .carousel__slide--next,
.quotes__carousel .carousel__slide--prev {
    opacity: 0;
}
.quotes__carousel .carousel__slide--active {
    opacity: 1;
}
.teaser .bg-cover {
    min-height: 40vh;
}
@media (min-width: 768px) {
    .teaser .bg-cover {
        min-height: auto;
    }
}
.teaser__item {
    position: relative;
}
.teaser__item:hover .teaser__item__readmore {
    transform: translateX(0.5rem);
}
.teaser__item .teaser__icon {
    background-color: #fff;
    border-radius: 999px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    position: relative;
    transition: background-color;
}
.teaser__item .teaser__icon svg {
    width: 17px;
    height: 17px;
}
.teaser__item:hover .teaser__icon {
    transition: opacity 0.1s;
}
.teaser__item:hover .teaser__icon:after {
    transform: scale(1);
    opacity: 1;
}
.topics__item {
    position: relative;
}
.topics__item .topics__icon {
    position: relative;
    transition: background-color;
}
.topics__item .topics__icon:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 105%;
    height: 105%;
    border-radius: 50%;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    transition: transform 0.1s, opacity 0.1s;
    transform: scale(0.8);
    opacity: 0;
}
.topics__item .topics__icon span {
    width: 70px;
    height: 70px;
    background-color: #005096;
}
.topics__item:hover .topics__icon {
    transition: opacity 0.1s;
}
.topics__item:hover .topics__icon:after {
    transform: scale(1);
    opacity: 1;
}
.topics__item .topics__icon {
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
}
body.template-content-checkout #content {
    padding: 3.75rem 1rem;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.75;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    body.template-content-checkout #content {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    body.template-content-checkout #content {
        max-width: 1024px;
    }
}
body.template-content-checkout #content h1 {
    font-size: 2.5rem;
    line-height: 1.75;
    font-weight: 700;
    margin-top: 2.5rem;
}
body.template-content-checkout .formControls {
    margin-top: 3.25rem;
    display: flex;
}
body.template-content-checkout [name="form.button.Checkout"] {
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    padding: 0.938rem 3.25rem;
    border-width: 2px;
    background-color: #005096;
    color: #fff;
    border-color: #005096;
    border-radius: 0.125rem;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: background-color;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
    line-height: 1.375;
}
body.template-content-checkout [name="form.button.Checkout"]:hover {
    color: #005096;
    background-color: #fff;
    cursor: pointer;
}
body.template-content-checkout [name="form.button.Cancel"] {
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    padding: 0.938rem 3.25rem;
    margin-left: 1rem;
    color: #005096;
    background-color: #fff;
    border-width: 2px;
    border-color: #005096;
    border-radius: 0.125rem;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: background-color;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
    line-height: 1.375;
}
body.template-content-checkout [name="form.button.Cancel"]:hover {
    background-color: #005096;
    color: #fff;
    cursor: pointer;
}
#login-form,
form#login_form {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-top: 2.5rem;
}
#login-form .field,
form#login_form .field {
    margin-bottom: 1rem;
    display: flex;
}
#login-form .field label,
form#login_form .field label {
    width: 33.333333%;
    margin-right: 2rem;
    position: relative;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-right: 1.5rem;
}
#login-form .field input,
form#login_form .field input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 66.666667%;
    border-bottom-width: 1px;
    border-color: #407bb3;
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.625rem;
}
#login-form .formControls [type="submit"],
form#login_form .formControls [type="submit"] {
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    padding: 0.938rem 3.25rem;
    color: #005096;
    background-color: #fff;
    border-width: 2px;
    border-color: #005096;
    border-radius: 0.125rem;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: background-color;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
    line-height: 1.375;
}
#login-form .formControls [type="submit"]:hover,
form#login_form .formControls [type="submit"]:hover {
    background-color: #005096;
    color: #fff;
    cursor: pointer;
}
body.template-logged_out article#content,
body.template-login_success article#content {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-top: 2.5rem;
}
body.template-logged_out article#content h1,
body.template-login_success article#content h1 {
    font-size: 2.5rem;
    line-height: 1.75;
    font-weight: 700;
    margin-top: 2.5rem;
}
body.template-logged_out article#content a,
body.template-login_success article#content a {
    color: #407bb3;
    border-bottom-width: 1px;
    border-color: #407bb3;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
}
body.template-logged_out article#content a:active,
body.template-logged_out article#content a:focus,
body.template-logged_out article#content a:hover,
body.template-login_success article#content a:active,
body.template-login_success article#content a:focus,
body.template-login_success article#content a:hover {
    color: #005096;
    border-color: #005096;
}
.portalMessage {
    border-width: 1px;
    padding: 0.625rem 0.75rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    border-radius: 0.25rem;
    position: relative;
    font-size: 0.875rem;
    font-weight: 300;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.portalMessage.alert {
    border-color: #f56565;
}
.portalMessage.alert dt {
    color: #f56565;
}
.portalMessage.info {
    border-color: #005096;
}
.portalMessage.info dt {
    color: #005096;
}
.portalMessage strong {
    font-weight: 700;
}
.portalMessage.error {
    border-color: #f56565;
}
.portalMessage.error dt {
    color: #f56565;
}
.portalMessage dt {
    font-weight: 700;
}
.portalMessage a {
    text-decoration: underline;
}
.portalMessage a:hover {
    text-decoration: none;
}
#plone-document-byline {
    font-weight: 300;
    font-size: 0.75rem;
    color: #2f3542;
}
#plone-document-byline a,
#plone-document-byline a:active {
    text-decoration: underline;
}
#viewlet-below-content-title {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    #viewlet-below-content-title {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    #viewlet-below-content-title {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    #viewlet-below-content-title {
        max-width: 1280px;
    }
}
body.template-useractions article#content {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-top: 2.5rem;
}
body.template-useractions article#content h1 {
    font-size: 2.5rem;
    line-height: 1.75;
    font-weight: 700;
    margin-top: 2.5rem;
}
body.template-useractions article#content a {
    color: #407bb3;
    border-bottom-width: 1px;
    border-color: #407bb3;
    --transition-duration: 100ms;
    transition-duration: 0.1s;
    transition-property: color;
    transition-duration: 0.25s;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease-out;
}
body.template-useractions article#content a:active,
body.template-useractions article#content a:focus,
body.template-useractions article#content a:hover {
    color: #005096;
    border-color: #005096;
}
body.template-useractions article#content ol,
body.template-useractions article#content ul {
    margin-top: 1.5rem;
    list-style-type: none;
}
body.template-useractions article#content ol li,
body.template-useractions article#content ul li {
    margin-left: 1rem;
}
body.template-useractions article#content ol li:before,
body.template-useractions article#content ul li:before {
    content: "█";
    font-size: 5px;
    line-height: 1rem;
    color: #005096;
    font-weight: 700;
    position: relative;
    top: -5px;
    left: calc(-1rem + 5px);
}
body.portaltype-plone-site.template-products-cmfplone-browser-templates-error_message
    #doormat {
    margin-top: 4em;
}
.flex-1 {
    -ms-flex: 1 1 auto;
}
@media (min-width: 768px) {
    .md\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    .md\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }
    .md\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    .md\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }
    .md\:bg-transparent {
        background-color: transparent;
    }
    .md\:bg-black {
        background-color: #000;
    }
    .md\:bg-white {
        background-color: #fff;
    }
    .md\:bg-primary-100 {
        background-color: #e6eef5;
    }
    .md\:bg-primary-300 {
        background-color: #3b7db7;
    }
    .md\:bg-primary-400 {
        background-color: #407bb3;
    }
    .md\:bg-primary-500 {
        background-color: #005096;
    }
    .md\:bg-primary-800 {
        background-color: #002444;
    }
    .md\:bg-depmw-200 {
        background-color: #f0f1bf;
    }
    .md\:bg-depmw-500 {
        background-color: #c3c800;
    }
    .md\:bg-depmt-500 {
        background-color: #0aaa8c;
    }
    .md\:bg-depit-500 {
        background-color: #0096d7;
    }
    .md\:bg-depbm-500 {
        background-color: #00aabe;
    }
    .md\:bg-depges-500 {
        background-color: #f08700;
    }
    .md\:bg-depsoz-500 {
        background-color: #dc5a28;
    }
    .md\:bg-gray-100 {
        background-color: #f2f2f3;
    }
    .md\:bg-gray-200 {
        background-color: #d8d8d8;
    }
    .md\:bg-gray-300 {
        background-color: #adadad;
    }
    .md\:bg-gray-400 {
        background-color: #2f3542;
    }
    .md\:bg-gray-500 {
        background-color: #333;
    }
    .md\:bg-red-500 {
        background-color: #f56565;
    }
    .md\:bg-red-800 {
        background-color: #9b2c2c;
    }
    .md\:bg-red-900 {
        background-color: #4e2121;
    }
    .md\:bg-green-700 {
        background-color: #2f855a;
    }
    .md\:hover\:bg-transparent:hover {
        background-color: transparent;
    }
    .md\:hover\:bg-black:hover {
        background-color: #000;
    }
    .md\:hover\:bg-white:hover {
        background-color: #fff;
    }
    .md\:hover\:bg-primary-100:hover {
        background-color: #e6eef5;
    }
    .md\:hover\:bg-primary-300:hover {
        background-color: #3b7db7;
    }
    .md\:hover\:bg-primary-400:hover {
        background-color: #407bb3;
    }
    .md\:hover\:bg-primary-500:hover {
        background-color: #005096;
    }
    .md\:hover\:bg-primary-800:hover {
        background-color: #002444;
    }
    .md\:hover\:bg-depmw-200:hover {
        background-color: #f0f1bf;
    }
    .md\:hover\:bg-depmw-500:hover {
        background-color: #c3c800;
    }
    .md\:hover\:bg-depmt-500:hover {
        background-color: #0aaa8c;
    }
    .md\:hover\:bg-depit-500:hover {
        background-color: #0096d7;
    }
    .md\:hover\:bg-depbm-500:hover {
        background-color: #00aabe;
    }
    .md\:hover\:bg-depges-500:hover {
        background-color: #f08700;
    }
    .md\:hover\:bg-depsoz-500:hover {
        background-color: #dc5a28;
    }
    .md\:hover\:bg-gray-100:hover {
        background-color: #f2f2f3;
    }
    .md\:hover\:bg-gray-200:hover {
        background-color: #d8d8d8;
    }
    .md\:hover\:bg-gray-300:hover {
        background-color: #adadad;
    }
    .md\:hover\:bg-gray-400:hover {
        background-color: #2f3542;
    }
    .md\:hover\:bg-gray-500:hover {
        background-color: #333;
    }
    .md\:hover\:bg-red-500:hover {
        background-color: #f56565;
    }
    .md\:hover\:bg-red-800:hover {
        background-color: #9b2c2c;
    }
    .md\:hover\:bg-red-900:hover {
        background-color: #4e2121;
    }
    .md\:hover\:bg-green-700:hover {
        background-color: #2f855a;
    }
    .md\:active\:bg-transparent:active {
        background-color: transparent;
    }
    .md\:active\:bg-black:active {
        background-color: #000;
    }
    .md\:active\:bg-white:active {
        background-color: #fff;
    }
    .md\:active\:bg-primary-100:active {
        background-color: #e6eef5;
    }
    .md\:active\:bg-primary-300:active {
        background-color: #3b7db7;
    }
    .md\:active\:bg-primary-400:active {
        background-color: #407bb3;
    }
    .md\:active\:bg-primary-500:active {
        background-color: #005096;
    }
    .md\:active\:bg-primary-800:active {
        background-color: #002444;
    }
    .md\:active\:bg-depmw-200:active {
        background-color: #f0f1bf;
    }
    .md\:active\:bg-depmw-500:active {
        background-color: #c3c800;
    }
    .md\:active\:bg-depmt-500:active {
        background-color: #0aaa8c;
    }
    .md\:active\:bg-depit-500:active {
        background-color: #0096d7;
    }
    .md\:active\:bg-depbm-500:active {
        background-color: #00aabe;
    }
    .md\:active\:bg-depges-500:active {
        background-color: #f08700;
    }
    .md\:active\:bg-depsoz-500:active {
        background-color: #dc5a28;
    }
    .md\:active\:bg-gray-100:active {
        background-color: #f2f2f3;
    }
    .md\:active\:bg-gray-200:active {
        background-color: #d8d8d8;
    }
    .md\:active\:bg-gray-300:active {
        background-color: #adadad;
    }
    .md\:active\:bg-gray-400:active {
        background-color: #2f3542;
    }
    .md\:active\:bg-gray-500:active {
        background-color: #333;
    }
    .md\:active\:bg-red-500:active {
        background-color: #f56565;
    }
    .md\:active\:bg-red-800:active {
        background-color: #9b2c2c;
    }
    .md\:active\:bg-red-900:active {
        background-color: #4e2121;
    }
    .md\:active\:bg-green-700:active {
        background-color: #2f855a;
    }
    .md\:focus\:bg-transparent:focus {
        background-color: transparent;
    }
    .md\:focus\:bg-black:focus {
        background-color: #000;
    }
    .md\:focus\:bg-white:focus {
        background-color: #fff;
    }
    .md\:focus\:bg-primary-100:focus {
        background-color: #e6eef5;
    }
    .md\:focus\:bg-primary-300:focus {
        background-color: #3b7db7;
    }
    .md\:focus\:bg-primary-400:focus {
        background-color: #407bb3;
    }
    .md\:focus\:bg-primary-500:focus {
        background-color: #005096;
    }
    .md\:focus\:bg-primary-800:focus {
        background-color: #002444;
    }
    .md\:focus\:bg-depmw-200:focus {
        background-color: #f0f1bf;
    }
    .md\:focus\:bg-depmw-500:focus {
        background-color: #c3c800;
    }
    .md\:focus\:bg-depmt-500:focus {
        background-color: #0aaa8c;
    }
    .md\:focus\:bg-depit-500:focus {
        background-color: #0096d7;
    }
    .md\:focus\:bg-depbm-500:focus {
        background-color: #00aabe;
    }
    .md\:focus\:bg-depges-500:focus {
        background-color: #f08700;
    }
    .md\:focus\:bg-depsoz-500:focus {
        background-color: #dc5a28;
    }
    .md\:focus\:bg-gray-100:focus {
        background-color: #f2f2f3;
    }
    .md\:focus\:bg-gray-200:focus {
        background-color: #d8d8d8;
    }
    .md\:focus\:bg-gray-300:focus {
        background-color: #adadad;
    }
    .md\:focus\:bg-gray-400:focus {
        background-color: #2f3542;
    }
    .md\:focus\:bg-gray-500:focus {
        background-color: #333;
    }
    .md\:focus\:bg-red-500:focus {
        background-color: #f56565;
    }
    .md\:focus\:bg-red-800:focus {
        background-color: #9b2c2c;
    }
    .md\:focus\:bg-red-900:focus {
        background-color: #4e2121;
    }
    .md\:focus\:bg-green-700:focus {
        background-color: #2f855a;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:inline {
        display: inline;
    }
    .md\:flex {
        display: flex;
    }
    .md\:inline-flex {
        display: inline-flex;
    }
    .md\:table {
        display: table;
    }
    .md\:table-row {
        display: table-row;
    }
    .md\:table-cell {
        display: table-cell;
    }
    .md\:hidden {
        display: none;
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .md\:flex-wrap {
        flex-wrap: wrap;
    }
    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    .md\:flex-no-wrap {
        flex-wrap: nowrap;
    }
    .md\:justify-start {
        justify-content: flex-start;
    }
    .md\:justify-end {
        justify-content: flex-end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:justify-around {
        justify-content: space-around;
    }
    .md\:flex-1 {
        flex: 1 1 0%;
    }
    .md\:flex-auto {
        flex: 1 1 auto;
    }
    .md\:flex-initial {
        flex: 0 1 auto;
    }
    .md\:flex-none {
        flex: none;
    }
    .md\:order-1 {
        order: 1;
    }
    .md\:order-2 {
        order: 2;
    }
    .md\:order-3 {
        order: 3;
    }
    .md\:order-4 {
        order: 4;
    }
    .md\:order-5 {
        order: 5;
    }
    .md\:order-6 {
        order: 6;
    }
    .md\:order-7 {
        order: 7;
    }
    .md\:order-8 {
        order: 8;
    }
    .md\:order-9 {
        order: 9;
    }
    .md\:order-10 {
        order: 10;
    }
    .md\:order-11 {
        order: 11;
    }
    .md\:order-12 {
        order: 12;
    }
    .md\:order-first {
        order: -9999;
    }
    .md\:order-last {
        order: 9999;
    }
    .md\:order-none {
        order: 0;
    }
    .md\:m-0 {
        margin: 0;
    }
    .md\:m-1 {
        margin: 0.25rem;
    }
    .md\:m-2 {
        margin: 0.5rem;
    }
    .md\:m-3 {
        margin: 0.625rem;
    }
    .md\:m-4 {
        margin: 0.75rem;
    }
    .md\:m-5 {
        margin: 0.938rem;
    }
    .md\:m-6 {
        margin: 1rem;
    }
    .md\:m-7 {
        margin: 1.25rem;
    }
    .md\:m-8 {
        margin: 1.5rem;
    }
    .md\:m-9 {
        margin: 1.75rem;
    }
    .md\:m-10 {
        margin: 2rem;
    }
    .md\:m-12 {
        margin: 2.5rem;
    }
    .md\:m-15 {
        margin: 3.25rem;
    }
    .md\:m-17 {
        margin: 3.75rem;
    }
    .md\:m-19 {
        margin: 4.25rem;
    }
    .md\:m-21 {
        margin: 5rem;
    }
    .md\:m-40 {
        margin: 9.875rem;
    }
    .md\:m-auto {
        margin: auto;
    }
    .md\:m-1\/12 {
        margin: 8.333333%;
    }
    .md\:-m-1 {
        margin: -0.25rem;
    }
    .md\:-m-3 {
        margin: -0.625rem;
    }
    .md\:-m-6 {
        margin: -1rem;
    }
    .md\:-m-12 {
        margin: -2.5rem;
    }
    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .md\:my-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .md\:mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    .md\:my-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .md\:mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .md\:my-3 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .md\:mx-3 {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
    .md\:my-4 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .md\:mx-4 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
    .md\:my-5 {
        margin-top: 0.938rem;
        margin-bottom: 0.938rem;
    }
    .md\:mx-5 {
        margin-left: 0.938rem;
        margin-right: 0.938rem;
    }
    .md\:my-6 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .md\:mx-6 {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .md\:my-7 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .md\:mx-7 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    .md\:my-8 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .md\:mx-8 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .md\:my-9 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }
    .md\:mx-9 {
        margin-left: 1.75rem;
        margin-right: 1.75rem;
    }
    .md\:my-10 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .md\:mx-10 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .md\:my-12 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .md\:mx-12 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
    .md\:my-15 {
        margin-top: 3.25rem;
        margin-bottom: 3.25rem;
    }
    .md\:mx-15 {
        margin-left: 3.25rem;
        margin-right: 3.25rem;
    }
    .md\:my-17 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .md\:mx-17 {
        margin-left: 3.75rem;
        margin-right: 3.75rem;
    }
    .md\:my-19 {
        margin-top: 4.25rem;
        margin-bottom: 4.25rem;
    }
    .md\:mx-19 {
        margin-left: 4.25rem;
        margin-right: 4.25rem;
    }
    .md\:my-21 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .md\:mx-21 {
        margin-left: 5rem;
        margin-right: 5rem;
    }
    .md\:my-40 {
        margin-top: 9.875rem;
        margin-bottom: 9.875rem;
    }
    .md\:mx-40 {
        margin-left: 9.875rem;
        margin-right: 9.875rem;
    }
    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:my-1\/12 {
        margin-top: 8.333333%;
        margin-bottom: 8.333333%;
    }
    .md\:mx-1\/12 {
        margin-left: 8.333333%;
        margin-right: 8.333333%;
    }
    .md\:-my-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .md\:-mx-1 {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    .md\:-my-3 {
        margin-top: -0.625rem;
        margin-bottom: -0.625rem;
    }
    .md\:-mx-3 {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }
    .md\:-my-6 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .md\:-mx-6 {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .md\:-my-12 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem;
    }
    .md\:-mx-12 {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:mr-0 {
        margin-right: 0;
    }
    .md\:mb-0 {
        margin-bottom: 0;
    }
    .md\:ml-0 {
        margin-left: 0;
    }
    .md\:mt-1 {
        margin-top: 0.25rem;
    }
    .md\:mr-1 {
        margin-right: 0.25rem;
    }
    .md\:mb-1 {
        margin-bottom: 0.25rem;
    }
    .md\:ml-1 {
        margin-left: 0.25rem;
    }
    .md\:mt-2 {
        margin-top: 0.5rem;
    }
    .md\:mr-2 {
        margin-right: 0.5rem;
    }
    .md\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .md\:ml-2 {
        margin-left: 0.5rem;
    }
    .md\:mt-3 {
        margin-top: 0.625rem;
    }
    .md\:mr-3 {
        margin-right: 0.625rem;
    }
    .md\:mb-3 {
        margin-bottom: 0.625rem;
    }
    .md\:ml-3 {
        margin-left: 0.625rem;
    }
    .md\:mt-4 {
        margin-top: 0.75rem;
    }
    .md\:mr-4 {
        margin-right: 0.75rem;
    }
    .md\:mb-4 {
        margin-bottom: 0.75rem;
    }
    .md\:ml-4 {
        margin-left: 0.75rem;
    }
    .md\:mt-5 {
        margin-top: 0.938rem;
    }
    .md\:mr-5 {
        margin-right: 0.938rem;
    }
    .md\:mb-5 {
        margin-bottom: 0.938rem;
    }
    .md\:ml-5 {
        margin-left: 0.938rem;
    }
    .md\:mt-6 {
        margin-top: 1rem;
    }
    .md\:mr-6 {
        margin-right: 1rem;
    }
    .md\:mb-6 {
        margin-bottom: 1rem;
    }
    .md\:ml-6 {
        margin-left: 1rem;
    }
    .md\:mt-7 {
        margin-top: 1.25rem;
    }
    .md\:mr-7 {
        margin-right: 1.25rem;
    }
    .md\:mb-7 {
        margin-bottom: 1.25rem;
    }
    .md\:ml-7 {
        margin-left: 1.25rem;
    }
    .md\:mt-8 {
        margin-top: 1.5rem;
    }
    .md\:mr-8 {
        margin-right: 1.5rem;
    }
    .md\:mb-8 {
        margin-bottom: 1.5rem;
    }
    .md\:ml-8 {
        margin-left: 1.5rem;
    }
    .md\:mt-9 {
        margin-top: 1.75rem;
    }
    .md\:mr-9 {
        margin-right: 1.75rem;
    }
    .md\:mb-9 {
        margin-bottom: 1.75rem;
    }
    .md\:ml-9 {
        margin-left: 1.75rem;
    }
    .md\:mt-10 {
        margin-top: 2rem;
    }
    .md\:mr-10 {
        margin-right: 2rem;
    }
    .md\:mb-10 {
        margin-bottom: 2rem;
    }
    .md\:ml-10 {
        margin-left: 2rem;
    }
    .md\:mt-12 {
        margin-top: 2.5rem;
    }
    .md\:mr-12 {
        margin-right: 2.5rem;
    }
    .md\:mb-12 {
        margin-bottom: 2.5rem;
    }
    .md\:ml-12 {
        margin-left: 2.5rem;
    }
    .md\:mt-15 {
        margin-top: 3.25rem;
    }
    .md\:mr-15 {
        margin-right: 3.25rem;
    }
    .md\:mb-15 {
        margin-bottom: 3.25rem;
    }
    .md\:ml-15 {
        margin-left: 3.25rem;
    }
    .md\:mt-17 {
        margin-top: 3.75rem;
    }
    .md\:mr-17 {
        margin-right: 3.75rem;
    }
    .md\:mb-17 {
        margin-bottom: 3.75rem;
    }
    .md\:ml-17 {
        margin-left: 3.75rem;
    }
    .md\:mt-19 {
        margin-top: 4.25rem;
    }
    .md\:mr-19 {
        margin-right: 4.25rem;
    }
    .md\:mb-19 {
        margin-bottom: 4.25rem;
    }
    .md\:ml-19 {
        margin-left: 4.25rem;
    }
    .md\:mt-21 {
        margin-top: 5rem;
    }
    .md\:mr-21 {
        margin-right: 5rem;
    }
    .md\:mb-21 {
        margin-bottom: 5rem;
    }
    .md\:ml-21 {
        margin-left: 5rem;
    }
    .md\:mt-40 {
        margin-top: 9.875rem;
    }
    .md\:mr-40 {
        margin-right: 9.875rem;
    }
    .md\:mb-40 {
        margin-bottom: 9.875rem;
    }
    .md\:ml-40 {
        margin-left: 9.875rem;
    }
    .md\:mt-auto {
        margin-top: auto;
    }
    .md\:mr-auto {
        margin-right: auto;
    }
    .md\:mb-auto {
        margin-bottom: auto;
    }
    .md\:ml-auto {
        margin-left: auto;
    }
    .md\:mt-1\/12 {
        margin-top: 8.333333%;
    }
    .md\:mr-1\/12 {
        margin-right: 8.333333%;
    }
    .md\:mb-1\/12 {
        margin-bottom: 8.333333%;
    }
    .md\:ml-1\/12 {
        margin-left: 8.333333%;
    }
    .md\:-mt-1 {
        margin-top: -0.25rem;
    }
    .md\:-mr-1 {
        margin-right: -0.25rem;
    }
    .md\:-mb-1 {
        margin-bottom: -0.25rem;
    }
    .md\:-ml-1 {
        margin-left: -0.25rem;
    }
    .md\:-mt-3 {
        margin-top: -0.625rem;
    }
    .md\:-mr-3 {
        margin-right: -0.625rem;
    }
    .md\:-mb-3 {
        margin-bottom: -0.625rem;
    }
    .md\:-ml-3 {
        margin-left: -0.625rem;
    }
    .md\:-mt-6 {
        margin-top: -1rem;
    }
    .md\:-mr-6 {
        margin-right: -1rem;
    }
    .md\:-mb-6 {
        margin-bottom: -1rem;
    }
    .md\:-ml-6 {
        margin-left: -1rem;
    }
    .md\:-mt-12 {
        margin-top: -2.5rem;
    }
    .md\:-mr-12 {
        margin-right: -2.5rem;
    }
    .md\:-mb-12 {
        margin-bottom: -2.5rem;
    }
    .md\:-ml-12 {
        margin-left: -2.5rem;
    }
    .md\:p-0 {
        padding: 0;
    }
    .md\:p-1 {
        padding: 0.25rem;
    }
    .md\:p-2 {
        padding: 0.5rem;
    }
    .md\:p-3 {
        padding: 0.625rem;
    }
    .md\:p-4 {
        padding: 0.75rem;
    }
    .md\:p-5 {
        padding: 0.938rem;
    }
    .md\:p-6 {
        padding: 1rem;
    }
    .md\:p-7 {
        padding: 1.25rem;
    }
    .md\:p-8 {
        padding: 1.5rem;
    }
    .md\:p-9 {
        padding: 1.75rem;
    }
    .md\:p-10 {
        padding: 2rem;
    }
    .md\:p-12 {
        padding: 2.5rem;
    }
    .md\:p-15 {
        padding: 3.25rem;
    }
    .md\:p-16 {
        padding: 3.5rem;
    }
    .md\:p-17 {
        padding: 3.75rem;
    }
    .md\:p-21 {
        padding: 5rem;
    }
    .md\:p-29 {
        padding: 8.75rem;
    }
    .md\:p-auto {
        padding: auto;
    }
    .md\:p-px {
        padding: 1px;
    }
    .md\:p-0\/8 {
        padding: 0.125rem;
    }
    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .md\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .md\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .md\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .md\:py-3 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .md\:px-3 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .md\:py-4 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .md\:px-4 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .md\:py-5 {
        padding-top: 0.938rem;
        padding-bottom: 0.938rem;
    }
    .md\:px-5 {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
    }
    .md\:py-6 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .md\:px-6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:py-7 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .md\:px-7 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .md\:py-8 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .md\:px-8 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:py-9 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .md\:px-9 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .md\:py-10 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .md\:px-10 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:py-12 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .md\:px-12 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .md\:py-15 {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }
    .md\:px-15 {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }
    .md\:py-16 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .md\:px-16 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .md\:py-17 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .md\:px-17 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
    .md\:py-21 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .md\:px-21 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .md\:py-29 {
        padding-top: 8.75rem;
        padding-bottom: 8.75rem;
    }
    .md\:px-29 {
        padding-left: 8.75rem;
        padding-right: 8.75rem;
    }
    .md\:py-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
    .md\:px-auto {
        padding-left: auto;
        padding-right: auto;
    }
    .md\:py-px {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .md\:px-px {
        padding-left: 1px;
        padding-right: 1px;
    }
    .md\:py-0\/8 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
    }
    .md\:px-0\/8 {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }
    .md\:pt-0 {
        padding-top: 0;
    }
    .md\:pr-0 {
        padding-right: 0;
    }
    .md\:pb-0 {
        padding-bottom: 0;
    }
    .md\:pl-0 {
        padding-left: 0;
    }
    .md\:pt-1 {
        padding-top: 0.25rem;
    }
    .md\:pr-1 {
        padding-right: 0.25rem;
    }
    .md\:pb-1 {
        padding-bottom: 0.25rem;
    }
    .md\:pl-1 {
        padding-left: 0.25rem;
    }
    .md\:pt-2 {
        padding-top: 0.5rem;
    }
    .md\:pr-2 {
        padding-right: 0.5rem;
    }
    .md\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .md\:pl-2 {
        padding-left: 0.5rem;
    }
    .md\:pt-3 {
        padding-top: 0.625rem;
    }
    .md\:pr-3 {
        padding-right: 0.625rem;
    }
    .md\:pb-3 {
        padding-bottom: 0.625rem;
    }
    .md\:pl-3 {
        padding-left: 0.625rem;
    }
    .md\:pt-4 {
        padding-top: 0.75rem;
    }
    .md\:pr-4 {
        padding-right: 0.75rem;
    }
    .md\:pb-4 {
        padding-bottom: 0.75rem;
    }
    .md\:pl-4 {
        padding-left: 0.75rem;
    }
    .md\:pt-5 {
        padding-top: 0.938rem;
    }
    .md\:pr-5 {
        padding-right: 0.938rem;
    }
    .md\:pb-5 {
        padding-bottom: 0.938rem;
    }
    .md\:pl-5 {
        padding-left: 0.938rem;
    }
    .md\:pt-6 {
        padding-top: 1rem;
    }
    .md\:pr-6 {
        padding-right: 1rem;
    }
    .md\:pb-6 {
        padding-bottom: 1rem;
    }
    .md\:pl-6 {
        padding-left: 1rem;
    }
    .md\:pt-7 {
        padding-top: 1.25rem;
    }
    .md\:pr-7 {
        padding-right: 1.25rem;
    }
    .md\:pb-7 {
        padding-bottom: 1.25rem;
    }
    .md\:pl-7 {
        padding-left: 1.25rem;
    }
    .md\:pt-8 {
        padding-top: 1.5rem;
    }
    .md\:pr-8 {
        padding-right: 1.5rem;
    }
    .md\:pb-8 {
        padding-bottom: 1.5rem;
    }
    .md\:pl-8 {
        padding-left: 1.5rem;
    }
    .md\:pt-9 {
        padding-top: 1.75rem;
    }
    .md\:pr-9 {
        padding-right: 1.75rem;
    }
    .md\:pb-9 {
        padding-bottom: 1.75rem;
    }
    .md\:pl-9 {
        padding-left: 1.75rem;
    }
    .md\:pt-10 {
        padding-top: 2rem;
    }
    .md\:pr-10 {
        padding-right: 2rem;
    }
    .md\:pb-10 {
        padding-bottom: 2rem;
    }
    .md\:pl-10 {
        padding-left: 2rem;
    }
    .md\:pt-12 {
        padding-top: 2.5rem;
    }
    .md\:pr-12 {
        padding-right: 2.5rem;
    }
    .md\:pb-12 {
        padding-bottom: 2.5rem;
    }
    .md\:pl-12 {
        padding-left: 2.5rem;
    }
    .md\:pt-15 {
        padding-top: 3.25rem;
    }
    .md\:pr-15 {
        padding-right: 3.25rem;
    }
    .md\:pb-15 {
        padding-bottom: 3.25rem;
    }
    .md\:pl-15 {
        padding-left: 3.25rem;
    }
    .md\:pt-16 {
        padding-top: 3.5rem;
    }
    .md\:pr-16 {
        padding-right: 3.5rem;
    }
    .md\:pb-16 {
        padding-bottom: 3.5rem;
    }
    .md\:pl-16 {
        padding-left: 3.5rem;
    }
    .md\:pt-17 {
        padding-top: 3.75rem;
    }
    .md\:pr-17 {
        padding-right: 3.75rem;
    }
    .md\:pb-17 {
        padding-bottom: 3.75rem;
    }
    .md\:pl-17 {
        padding-left: 3.75rem;
    }
    .md\:pt-21 {
        padding-top: 5rem;
    }
    .md\:pr-21 {
        padding-right: 5rem;
    }
    .md\:pb-21 {
        padding-bottom: 5rem;
    }
    .md\:pl-21 {
        padding-left: 5rem;
    }
    .md\:pt-29 {
        padding-top: 8.75rem;
    }
    .md\:pr-29 {
        padding-right: 8.75rem;
    }
    .md\:pb-29 {
        padding-bottom: 8.75rem;
    }
    .md\:pl-29 {
        padding-left: 8.75rem;
    }
    .md\:pt-auto {
        padding-top: auto;
    }
    .md\:pr-auto {
        padding-right: auto;
    }
    .md\:pb-auto {
        padding-bottom: auto;
    }
    .md\:pl-auto {
        padding-left: auto;
    }
    .md\:pt-px {
        padding-top: 1px;
    }
    .md\:pr-px {
        padding-right: 1px;
    }
    .md\:pb-px {
        padding-bottom: 1px;
    }
    .md\:pl-px {
        padding-left: 1px;
    }
    .md\:pt-0\/8 {
        padding-top: 0.125rem;
    }
    .md\:pr-0\/8 {
        padding-right: 0.125rem;
    }
    .md\:pb-0\/8 {
        padding-bottom: 0.125rem;
    }
    .md\:pl-0\/8 {
        padding-left: 0.125rem;
    }
    .md\:static {
        position: static;
    }
    .md\:fixed {
        position: fixed;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:relative {
        position: relative;
    }
    .md\:sticky {
        position: sticky;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-right {
        text-align: right;
    }
    .md\:text-justify {
        text-align: justify;
    }
    .md\:text-transparent {
        color: transparent;
    }
    .md\:text-black {
        color: #000;
    }
    .md\:text-white {
        color: #fff;
    }
    .md\:text-primary-100 {
        color: #e6eef5;
    }
    .md\:text-primary-300 {
        color: #3b7db7;
    }
    .md\:text-primary-400 {
        color: #407bb3;
    }
    .md\:text-primary-500 {
        color: #005096;
    }
    .md\:text-primary-800 {
        color: #002444;
    }
    .md\:text-depmw-200 {
        color: #f0f1bf;
    }
    .md\:text-depmw-500 {
        color: #c3c800;
    }
    .md\:text-depmt-500 {
        color: #0aaa8c;
    }
    .md\:text-depit-500 {
        color: #0096d7;
    }
    .md\:text-depbm-500 {
        color: #00aabe;
    }
    .md\:text-depges-500 {
        color: #f08700;
    }
    .md\:text-depsoz-500 {
        color: #dc5a28;
    }
    .md\:text-gray-100 {
        color: #f2f2f3;
    }
    .md\:text-gray-200 {
        color: #d8d8d8;
    }
    .md\:text-gray-300 {
        color: #adadad;
    }
    .md\:text-gray-400 {
        color: #2f3542;
    }
    .md\:text-gray-500 {
        color: #333;
    }
    .md\:text-red-500 {
        color: #f56565;
    }
    .md\:text-red-800 {
        color: #9b2c2c;
    }
    .md\:text-red-900 {
        color: #4e2121;
    }
    .md\:text-green-700 {
        color: #2f855a;
    }
    .md\:hover\:text-transparent:hover {
        color: transparent;
    }
    .md\:hover\:text-black:hover {
        color: #000;
    }
    .md\:hover\:text-white:hover {
        color: #fff;
    }
    .md\:hover\:text-primary-100:hover {
        color: #e6eef5;
    }
    .md\:hover\:text-primary-300:hover {
        color: #3b7db7;
    }
    .md\:hover\:text-primary-400:hover {
        color: #407bb3;
    }
    .md\:hover\:text-primary-500:hover {
        color: #005096;
    }
    .md\:hover\:text-primary-800:hover {
        color: #002444;
    }
    .md\:hover\:text-depmw-200:hover {
        color: #f0f1bf;
    }
    .md\:hover\:text-depmw-500:hover {
        color: #c3c800;
    }
    .md\:hover\:text-depmt-500:hover {
        color: #0aaa8c;
    }
    .md\:hover\:text-depit-500:hover {
        color: #0096d7;
    }
    .md\:hover\:text-depbm-500:hover {
        color: #00aabe;
    }
    .md\:hover\:text-depges-500:hover {
        color: #f08700;
    }
    .md\:hover\:text-depsoz-500:hover {
        color: #dc5a28;
    }
    .md\:hover\:text-gray-100:hover {
        color: #f2f2f3;
    }
    .md\:hover\:text-gray-200:hover {
        color: #d8d8d8;
    }
    .md\:hover\:text-gray-300:hover {
        color: #adadad;
    }
    .md\:hover\:text-gray-400:hover {
        color: #2f3542;
    }
    .md\:hover\:text-gray-500:hover {
        color: #333;
    }
    .md\:hover\:text-red-500:hover {
        color: #f56565;
    }
    .md\:hover\:text-red-800:hover {
        color: #9b2c2c;
    }
    .md\:hover\:text-red-900:hover {
        color: #4e2121;
    }
    .md\:hover\:text-green-700:hover {
        color: #2f855a;
    }
    .md\:text-xs {
        font-size: 0.75rem;
    }
    .md\:text-sm {
        font-size: 0.875rem;
    }
    .md\:text-base {
        font-size: 1rem;
    }
    .md\:text-lg {
        font-size: 1.125rem;
    }
    .md\:text-xl {
        font-size: 1.25rem;
    }
    .md\:text-2xl {
        font-size: 1.5rem;
    }
    .md\:text-3xl {
        font-size: 1.875rem;
    }
    .md\:text-4xl {
        font-size: 2.25rem;
    }
    .md\:text-5xl {
        font-size: 2.5rem;
    }
    .md\:text-11xl {
        font-size: 3.75rem;
    }
    .md\:underline {
        text-decoration: underline;
    }
    .md\:line-through {
        text-decoration: line-through;
    }
    .md\:no-underline {
        text-decoration: none;
    }
    .md\:hover\:underline:hover {
        text-decoration: underline;
    }
    .md\:hover\:line-through:hover {
        text-decoration: line-through;
    }
    .md\:hover\:no-underline:hover {
        text-decoration: none;
    }
    .md\:w-1 {
        width: 1rem;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-1\/12 {
        width: 8.333333%;
    }
    .md\:w-2\/12 {
        width: 16.666667%;
    }
    .md\:w-3\/12 {
        width: 25%;
    }
    .md\:w-4\/12 {
        width: 33.333333%;
    }
    .md\:w-5\/12 {
        width: 41.666667%;
    }
    .md\:w-6\/12 {
        width: 50%;
    }
    .md\:w-7\/12 {
        width: 58.333333%;
    }
    .md\:w-8\/12 {
        width: 66.666667%;
    }
    .md\:w-9\/12 {
        width: 75%;
    }
    .md\:w-10\/12 {
        width: 83.333333%;
    }
    .md\:w-11\/12 {
        width: 91.666667%;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:w-screen {
        width: 100vw;
    }
    .md\:border-b-white {
        border-bottom-color: #fff;
    }
    .md\:divider\:start {
        position: relative;
    }
    .md\:divider\:start:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: #407bb3;
    }
    .md\:divider\:end {
        position: relative;
    }
    .md\:divider\:end:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: #407bb3;
    }
}
@media (min-width: 1024px) {
    .lg\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    .lg\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }
    .lg\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    .lg\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }
    .lg\:bg-transparent {
        background-color: transparent;
    }
    .lg\:bg-black {
        background-color: #000;
    }
    .lg\:bg-white {
        background-color: #fff;
    }
    .lg\:bg-primary-100 {
        background-color: #e6eef5;
    }
    .lg\:bg-primary-300 {
        background-color: #3b7db7;
    }
    .lg\:bg-primary-400 {
        background-color: #407bb3;
    }
    .lg\:bg-primary-500 {
        background-color: #005096;
    }
    .lg\:bg-primary-800 {
        background-color: #002444;
    }
    .lg\:bg-depmw-200 {
        background-color: #f0f1bf;
    }
    .lg\:bg-depmw-500 {
        background-color: #c3c800;
    }
    .lg\:bg-depmt-500 {
        background-color: #0aaa8c;
    }
    .lg\:bg-depit-500 {
        background-color: #0096d7;
    }
    .lg\:bg-depbm-500 {
        background-color: #00aabe;
    }
    .lg\:bg-depges-500 {
        background-color: #f08700;
    }
    .lg\:bg-depsoz-500 {
        background-color: #dc5a28;
    }
    .lg\:bg-gray-100 {
        background-color: #f2f2f3;
    }
    .lg\:bg-gray-200 {
        background-color: #d8d8d8;
    }
    .lg\:bg-gray-300 {
        background-color: #adadad;
    }
    .lg\:bg-gray-400 {
        background-color: #2f3542;
    }
    .lg\:bg-gray-500 {
        background-color: #333;
    }
    .lg\:bg-red-500 {
        background-color: #f56565;
    }
    .lg\:bg-red-800 {
        background-color: #9b2c2c;
    }
    .lg\:bg-red-900 {
        background-color: #4e2121;
    }
    .lg\:bg-green-700 {
        background-color: #2f855a;
    }
    .lg\:hover\:bg-transparent:hover {
        background-color: transparent;
    }
    .lg\:hover\:bg-black:hover {
        background-color: #000;
    }
    .lg\:hover\:bg-white:hover {
        background-color: #fff;
    }
    .lg\:hover\:bg-primary-100:hover {
        background-color: #e6eef5;
    }
    .lg\:hover\:bg-primary-300:hover {
        background-color: #3b7db7;
    }
    .lg\:hover\:bg-primary-400:hover {
        background-color: #407bb3;
    }
    .lg\:hover\:bg-primary-500:hover {
        background-color: #005096;
    }
    .lg\:hover\:bg-primary-800:hover {
        background-color: #002444;
    }
    .lg\:hover\:bg-depmw-200:hover {
        background-color: #f0f1bf;
    }
    .lg\:hover\:bg-depmw-500:hover {
        background-color: #c3c800;
    }
    .lg\:hover\:bg-depmt-500:hover {
        background-color: #0aaa8c;
    }
    .lg\:hover\:bg-depit-500:hover {
        background-color: #0096d7;
    }
    .lg\:hover\:bg-depbm-500:hover {
        background-color: #00aabe;
    }
    .lg\:hover\:bg-depges-500:hover {
        background-color: #f08700;
    }
    .lg\:hover\:bg-depsoz-500:hover {
        background-color: #dc5a28;
    }
    .lg\:hover\:bg-gray-100:hover {
        background-color: #f2f2f3;
    }
    .lg\:hover\:bg-gray-200:hover {
        background-color: #d8d8d8;
    }
    .lg\:hover\:bg-gray-300:hover {
        background-color: #adadad;
    }
    .lg\:hover\:bg-gray-400:hover {
        background-color: #2f3542;
    }
    .lg\:hover\:bg-gray-500:hover {
        background-color: #333;
    }
    .lg\:hover\:bg-red-500:hover {
        background-color: #f56565;
    }
    .lg\:hover\:bg-red-800:hover {
        background-color: #9b2c2c;
    }
    .lg\:hover\:bg-red-900:hover {
        background-color: #4e2121;
    }
    .lg\:hover\:bg-green-700:hover {
        background-color: #2f855a;
    }
    .lg\:active\:bg-transparent:active {
        background-color: transparent;
    }
    .lg\:active\:bg-black:active {
        background-color: #000;
    }
    .lg\:active\:bg-white:active {
        background-color: #fff;
    }
    .lg\:active\:bg-primary-100:active {
        background-color: #e6eef5;
    }
    .lg\:active\:bg-primary-300:active {
        background-color: #3b7db7;
    }
    .lg\:active\:bg-primary-400:active {
        background-color: #407bb3;
    }
    .lg\:active\:bg-primary-500:active {
        background-color: #005096;
    }
    .lg\:active\:bg-primary-800:active {
        background-color: #002444;
    }
    .lg\:active\:bg-depmw-200:active {
        background-color: #f0f1bf;
    }
    .lg\:active\:bg-depmw-500:active {
        background-color: #c3c800;
    }
    .lg\:active\:bg-depmt-500:active {
        background-color: #0aaa8c;
    }
    .lg\:active\:bg-depit-500:active {
        background-color: #0096d7;
    }
    .lg\:active\:bg-depbm-500:active {
        background-color: #00aabe;
    }
    .lg\:active\:bg-depges-500:active {
        background-color: #f08700;
    }
    .lg\:active\:bg-depsoz-500:active {
        background-color: #dc5a28;
    }
    .lg\:active\:bg-gray-100:active {
        background-color: #f2f2f3;
    }
    .lg\:active\:bg-gray-200:active {
        background-color: #d8d8d8;
    }
    .lg\:active\:bg-gray-300:active {
        background-color: #adadad;
    }
    .lg\:active\:bg-gray-400:active {
        background-color: #2f3542;
    }
    .lg\:active\:bg-gray-500:active {
        background-color: #333;
    }
    .lg\:active\:bg-red-500:active {
        background-color: #f56565;
    }
    .lg\:active\:bg-red-800:active {
        background-color: #9b2c2c;
    }
    .lg\:active\:bg-red-900:active {
        background-color: #4e2121;
    }
    .lg\:active\:bg-green-700:active {
        background-color: #2f855a;
    }
    .lg\:focus\:bg-transparent:focus {
        background-color: transparent;
    }
    .lg\:focus\:bg-black:focus {
        background-color: #000;
    }
    .lg\:focus\:bg-white:focus {
        background-color: #fff;
    }
    .lg\:focus\:bg-primary-100:focus {
        background-color: #e6eef5;
    }
    .lg\:focus\:bg-primary-300:focus {
        background-color: #3b7db7;
    }
    .lg\:focus\:bg-primary-400:focus {
        background-color: #407bb3;
    }
    .lg\:focus\:bg-primary-500:focus {
        background-color: #005096;
    }
    .lg\:focus\:bg-primary-800:focus {
        background-color: #002444;
    }
    .lg\:focus\:bg-depmw-200:focus {
        background-color: #f0f1bf;
    }
    .lg\:focus\:bg-depmw-500:focus {
        background-color: #c3c800;
    }
    .lg\:focus\:bg-depmt-500:focus {
        background-color: #0aaa8c;
    }
    .lg\:focus\:bg-depit-500:focus {
        background-color: #0096d7;
    }
    .lg\:focus\:bg-depbm-500:focus {
        background-color: #00aabe;
    }
    .lg\:focus\:bg-depges-500:focus {
        background-color: #f08700;
    }
    .lg\:focus\:bg-depsoz-500:focus {
        background-color: #dc5a28;
    }
    .lg\:focus\:bg-gray-100:focus {
        background-color: #f2f2f3;
    }
    .lg\:focus\:bg-gray-200:focus {
        background-color: #d8d8d8;
    }
    .lg\:focus\:bg-gray-300:focus {
        background-color: #adadad;
    }
    .lg\:focus\:bg-gray-400:focus {
        background-color: #2f3542;
    }
    .lg\:focus\:bg-gray-500:focus {
        background-color: #333;
    }
    .lg\:focus\:bg-red-500:focus {
        background-color: #f56565;
    }
    .lg\:focus\:bg-red-800:focus {
        background-color: #9b2c2c;
    }
    .lg\:focus\:bg-red-900:focus {
        background-color: #4e2121;
    }
    .lg\:focus\:bg-green-700:focus {
        background-color: #2f855a;
    }
    .lg\:block {
        display: block;
    }
    .lg\:inline-block {
        display: inline-block;
    }
    .lg\:inline {
        display: inline;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:inline-flex {
        display: inline-flex;
    }
    .lg\:table {
        display: table;
    }
    .lg\:table-row {
        display: table-row;
    }
    .lg\:table-cell {
        display: table-cell;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .lg\:flex-col {
        flex-direction: column;
    }
    .lg\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .lg\:flex-wrap {
        flex-wrap: wrap;
    }
    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    .lg\:flex-no-wrap {
        flex-wrap: nowrap;
    }
    .lg\:justify-start {
        justify-content: flex-start;
    }
    .lg\:justify-end {
        justify-content: flex-end;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:justify-between {
        justify-content: space-between;
    }
    .lg\:justify-around {
        justify-content: space-around;
    }
    .lg\:flex-1 {
        flex: 1 1 0%;
    }
    .lg\:flex-auto {
        flex: 1 1 auto;
    }
    .lg\:flex-initial {
        flex: 0 1 auto;
    }
    .lg\:flex-none {
        flex: none;
    }
    .lg\:order-1 {
        order: 1;
    }
    .lg\:order-2 {
        order: 2;
    }
    .lg\:order-3 {
        order: 3;
    }
    .lg\:order-4 {
        order: 4;
    }
    .lg\:order-5 {
        order: 5;
    }
    .lg\:order-6 {
        order: 6;
    }
    .lg\:order-7 {
        order: 7;
    }
    .lg\:order-8 {
        order: 8;
    }
    .lg\:order-9 {
        order: 9;
    }
    .lg\:order-10 {
        order: 10;
    }
    .lg\:order-11 {
        order: 11;
    }
    .lg\:order-12 {
        order: 12;
    }
    .lg\:order-first {
        order: -9999;
    }
    .lg\:order-last {
        order: 9999;
    }
    .lg\:order-none {
        order: 0;
    }
    .lg\:m-0 {
        margin: 0;
    }
    .lg\:m-1 {
        margin: 0.25rem;
    }
    .lg\:m-2 {
        margin: 0.5rem;
    }
    .lg\:m-3 {
        margin: 0.625rem;
    }
    .lg\:m-4 {
        margin: 0.75rem;
    }
    .lg\:m-5 {
        margin: 0.938rem;
    }
    .lg\:m-6 {
        margin: 1rem;
    }
    .lg\:m-7 {
        margin: 1.25rem;
    }
    .lg\:m-8 {
        margin: 1.5rem;
    }
    .lg\:m-9 {
        margin: 1.75rem;
    }
    .lg\:m-10 {
        margin: 2rem;
    }
    .lg\:m-12 {
        margin: 2.5rem;
    }
    .lg\:m-15 {
        margin: 3.25rem;
    }
    .lg\:m-17 {
        margin: 3.75rem;
    }
    .lg\:m-19 {
        margin: 4.25rem;
    }
    .lg\:m-21 {
        margin: 5rem;
    }
    .lg\:m-40 {
        margin: 9.875rem;
    }
    .lg\:m-auto {
        margin: auto;
    }
    .lg\:m-1\/12 {
        margin: 8.333333%;
    }
    .lg\:-m-1 {
        margin: -0.25rem;
    }
    .lg\:-m-3 {
        margin: -0.625rem;
    }
    .lg\:-m-6 {
        margin: -1rem;
    }
    .lg\:-m-12 {
        margin: -2.5rem;
    }
    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .lg\:my-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .lg\:mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    .lg\:my-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .lg\:mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .lg\:my-3 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .lg\:mx-3 {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
    .lg\:my-4 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .lg\:mx-4 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
    .lg\:my-5 {
        margin-top: 0.938rem;
        margin-bottom: 0.938rem;
    }
    .lg\:mx-5 {
        margin-left: 0.938rem;
        margin-right: 0.938rem;
    }
    .lg\:my-6 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .lg\:mx-6 {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .lg\:my-7 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .lg\:mx-7 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    .lg\:my-8 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .lg\:mx-8 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .lg\:my-9 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }
    .lg\:mx-9 {
        margin-left: 1.75rem;
        margin-right: 1.75rem;
    }
    .lg\:my-10 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .lg\:mx-10 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .lg\:my-12 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .lg\:mx-12 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
    .lg\:my-15 {
        margin-top: 3.25rem;
        margin-bottom: 3.25rem;
    }
    .lg\:mx-15 {
        margin-left: 3.25rem;
        margin-right: 3.25rem;
    }
    .lg\:my-17 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .lg\:mx-17 {
        margin-left: 3.75rem;
        margin-right: 3.75rem;
    }
    .lg\:my-19 {
        margin-top: 4.25rem;
        margin-bottom: 4.25rem;
    }
    .lg\:mx-19 {
        margin-left: 4.25rem;
        margin-right: 4.25rem;
    }
    .lg\:my-21 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .lg\:mx-21 {
        margin-left: 5rem;
        margin-right: 5rem;
    }
    .lg\:my-40 {
        margin-top: 9.875rem;
        margin-bottom: 9.875rem;
    }
    .lg\:mx-40 {
        margin-left: 9.875rem;
        margin-right: 9.875rem;
    }
    .lg\:my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .lg\:my-1\/12 {
        margin-top: 8.333333%;
        margin-bottom: 8.333333%;
    }
    .lg\:mx-1\/12 {
        margin-left: 8.333333%;
        margin-right: 8.333333%;
    }
    .lg\:-my-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .lg\:-mx-1 {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    .lg\:-my-3 {
        margin-top: -0.625rem;
        margin-bottom: -0.625rem;
    }
    .lg\:-mx-3 {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }
    .lg\:-my-6 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .lg\:-mx-6 {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .lg\:-my-12 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem;
    }
    .lg\:-mx-12 {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }
    .lg\:mt-0 {
        margin-top: 0;
    }
    .lg\:mr-0 {
        margin-right: 0;
    }
    .lg\:mb-0 {
        margin-bottom: 0;
    }
    .lg\:ml-0 {
        margin-left: 0;
    }
    .lg\:mt-1 {
        margin-top: 0.25rem;
    }
    .lg\:mr-1 {
        margin-right: 0.25rem;
    }
    .lg\:mb-1 {
        margin-bottom: 0.25rem;
    }
    .lg\:ml-1 {
        margin-left: 0.25rem;
    }
    .lg\:mt-2 {
        margin-top: 0.5rem;
    }
    .lg\:mr-2 {
        margin-right: 0.5rem;
    }
    .lg\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .lg\:ml-2 {
        margin-left: 0.5rem;
    }
    .lg\:mt-3 {
        margin-top: 0.625rem;
    }
    .lg\:mr-3 {
        margin-right: 0.625rem;
    }
    .lg\:mb-3 {
        margin-bottom: 0.625rem;
    }
    .lg\:ml-3 {
        margin-left: 0.625rem;
    }
    .lg\:mt-4 {
        margin-top: 0.75rem;
    }
    .lg\:mr-4 {
        margin-right: 0.75rem;
    }
    .lg\:mb-4 {
        margin-bottom: 0.75rem;
    }
    .lg\:ml-4 {
        margin-left: 0.75rem;
    }
    .lg\:mt-5 {
        margin-top: 0.938rem;
    }
    .lg\:mr-5 {
        margin-right: 0.938rem;
    }
    .lg\:mb-5 {
        margin-bottom: 0.938rem;
    }
    .lg\:ml-5 {
        margin-left: 0.938rem;
    }
    .lg\:mt-6 {
        margin-top: 1rem;
    }
    .lg\:mr-6 {
        margin-right: 1rem;
    }
    .lg\:mb-6 {
        margin-bottom: 1rem;
    }
    .lg\:ml-6 {
        margin-left: 1rem;
    }
    .lg\:mt-7 {
        margin-top: 1.25rem;
    }
    .lg\:mr-7 {
        margin-right: 1.25rem;
    }
    .lg\:mb-7 {
        margin-bottom: 1.25rem;
    }
    .lg\:ml-7 {
        margin-left: 1.25rem;
    }
    .lg\:mt-8 {
        margin-top: 1.5rem;
    }
    .lg\:mr-8 {
        margin-right: 1.5rem;
    }
    .lg\:mb-8 {
        margin-bottom: 1.5rem;
    }
    .lg\:ml-8 {
        margin-left: 1.5rem;
    }
    .lg\:mt-9 {
        margin-top: 1.75rem;
    }
    .lg\:mr-9 {
        margin-right: 1.75rem;
    }
    .lg\:mb-9 {
        margin-bottom: 1.75rem;
    }
    .lg\:ml-9 {
        margin-left: 1.75rem;
    }
    .lg\:mt-10 {
        margin-top: 2rem;
    }
    .lg\:mr-10 {
        margin-right: 2rem;
    }
    .lg\:mb-10 {
        margin-bottom: 2rem;
    }
    .lg\:ml-10 {
        margin-left: 2rem;
    }
    .lg\:mt-12 {
        margin-top: 2.5rem;
    }
    .lg\:mr-12 {
        margin-right: 2.5rem;
    }
    .lg\:mb-12 {
        margin-bottom: 2.5rem;
    }
    .lg\:ml-12 {
        margin-left: 2.5rem;
    }
    .lg\:mt-15 {
        margin-top: 3.25rem;
    }
    .lg\:mr-15 {
        margin-right: 3.25rem;
    }
    .lg\:mb-15 {
        margin-bottom: 3.25rem;
    }
    .lg\:ml-15 {
        margin-left: 3.25rem;
    }
    .lg\:mt-17 {
        margin-top: 3.75rem;
    }
    .lg\:mr-17 {
        margin-right: 3.75rem;
    }
    .lg\:mb-17 {
        margin-bottom: 3.75rem;
    }
    .lg\:ml-17 {
        margin-left: 3.75rem;
    }
    .lg\:mt-19 {
        margin-top: 4.25rem;
    }
    .lg\:mr-19 {
        margin-right: 4.25rem;
    }
    .lg\:mb-19 {
        margin-bottom: 4.25rem;
    }
    .lg\:ml-19 {
        margin-left: 4.25rem;
    }
    .lg\:mt-21 {
        margin-top: 5rem;
    }
    .lg\:mr-21 {
        margin-right: 5rem;
    }
    .lg\:mb-21 {
        margin-bottom: 5rem;
    }
    .lg\:ml-21 {
        margin-left: 5rem;
    }
    .lg\:mt-40 {
        margin-top: 9.875rem;
    }
    .lg\:mr-40 {
        margin-right: 9.875rem;
    }
    .lg\:mb-40 {
        margin-bottom: 9.875rem;
    }
    .lg\:ml-40 {
        margin-left: 9.875rem;
    }
    .lg\:mt-auto {
        margin-top: auto;
    }
    .lg\:mr-auto {
        margin-right: auto;
    }
    .lg\:mb-auto {
        margin-bottom: auto;
    }
    .lg\:ml-auto {
        margin-left: auto;
    }
    .lg\:mt-1\/12 {
        margin-top: 8.333333%;
    }
    .lg\:mr-1\/12 {
        margin-right: 8.333333%;
    }
    .lg\:mb-1\/12 {
        margin-bottom: 8.333333%;
    }
    .lg\:ml-1\/12 {
        margin-left: 8.333333%;
    }
    .lg\:-mt-1 {
        margin-top: -0.25rem;
    }
    .lg\:-mr-1 {
        margin-right: -0.25rem;
    }
    .lg\:-mb-1 {
        margin-bottom: -0.25rem;
    }
    .lg\:-ml-1 {
        margin-left: -0.25rem;
    }
    .lg\:-mt-3 {
        margin-top: -0.625rem;
    }
    .lg\:-mr-3 {
        margin-right: -0.625rem;
    }
    .lg\:-mb-3 {
        margin-bottom: -0.625rem;
    }
    .lg\:-ml-3 {
        margin-left: -0.625rem;
    }
    .lg\:-mt-6 {
        margin-top: -1rem;
    }
    .lg\:-mr-6 {
        margin-right: -1rem;
    }
    .lg\:-mb-6 {
        margin-bottom: -1rem;
    }
    .lg\:-ml-6 {
        margin-left: -1rem;
    }
    .lg\:-mt-12 {
        margin-top: -2.5rem;
    }
    .lg\:-mr-12 {
        margin-right: -2.5rem;
    }
    .lg\:-mb-12 {
        margin-bottom: -2.5rem;
    }
    .lg\:-ml-12 {
        margin-left: -2.5rem;
    }
    .lg\:p-0 {
        padding: 0;
    }
    .lg\:p-1 {
        padding: 0.25rem;
    }
    .lg\:p-2 {
        padding: 0.5rem;
    }
    .lg\:p-3 {
        padding: 0.625rem;
    }
    .lg\:p-4 {
        padding: 0.75rem;
    }
    .lg\:p-5 {
        padding: 0.938rem;
    }
    .lg\:p-6 {
        padding: 1rem;
    }
    .lg\:p-7 {
        padding: 1.25rem;
    }
    .lg\:p-8 {
        padding: 1.5rem;
    }
    .lg\:p-9 {
        padding: 1.75rem;
    }
    .lg\:p-10 {
        padding: 2rem;
    }
    .lg\:p-12 {
        padding: 2.5rem;
    }
    .lg\:p-15 {
        padding: 3.25rem;
    }
    .lg\:p-16 {
        padding: 3.5rem;
    }
    .lg\:p-17 {
        padding: 3.75rem;
    }
    .lg\:p-21 {
        padding: 5rem;
    }
    .lg\:p-29 {
        padding: 8.75rem;
    }
    .lg\:p-auto {
        padding: auto;
    }
    .lg\:p-px {
        padding: 1px;
    }
    .lg\:p-0\/8 {
        padding: 0.125rem;
    }
    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .lg\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .lg\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .lg\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .lg\:py-3 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .lg\:px-3 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .lg\:py-4 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .lg\:px-4 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .lg\:py-5 {
        padding-top: 0.938rem;
        padding-bottom: 0.938rem;
    }
    .lg\:px-5 {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
    }
    .lg\:py-6 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .lg\:px-6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .lg\:py-7 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .lg\:px-7 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .lg\:py-8 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .lg\:px-8 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .lg\:py-9 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .lg\:px-9 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .lg\:py-10 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .lg\:px-10 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:py-12 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .lg\:px-12 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .lg\:py-15 {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }
    .lg\:px-15 {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }
    .lg\:py-16 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .lg\:px-16 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .lg\:py-17 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .lg\:px-17 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
    .lg\:py-21 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .lg\:px-21 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .lg\:py-29 {
        padding-top: 8.75rem;
        padding-bottom: 8.75rem;
    }
    .lg\:px-29 {
        padding-left: 8.75rem;
        padding-right: 8.75rem;
    }
    .lg\:py-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
    .lg\:px-auto {
        padding-left: auto;
        padding-right: auto;
    }
    .lg\:py-px {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .lg\:px-px {
        padding-left: 1px;
        padding-right: 1px;
    }
    .lg\:py-0\/8 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
    }
    .lg\:px-0\/8 {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }
    .lg\:pt-0 {
        padding-top: 0;
    }
    .lg\:pr-0 {
        padding-right: 0;
    }
    .lg\:pb-0 {
        padding-bottom: 0;
    }
    .lg\:pl-0 {
        padding-left: 0;
    }
    .lg\:pt-1 {
        padding-top: 0.25rem;
    }
    .lg\:pr-1 {
        padding-right: 0.25rem;
    }
    .lg\:pb-1 {
        padding-bottom: 0.25rem;
    }
    .lg\:pl-1 {
        padding-left: 0.25rem;
    }
    .lg\:pt-2 {
        padding-top: 0.5rem;
    }
    .lg\:pr-2 {
        padding-right: 0.5rem;
    }
    .lg\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .lg\:pl-2 {
        padding-left: 0.5rem;
    }
    .lg\:pt-3 {
        padding-top: 0.625rem;
    }
    .lg\:pr-3 {
        padding-right: 0.625rem;
    }
    .lg\:pb-3 {
        padding-bottom: 0.625rem;
    }
    .lg\:pl-3 {
        padding-left: 0.625rem;
    }
    .lg\:pt-4 {
        padding-top: 0.75rem;
    }
    .lg\:pr-4 {
        padding-right: 0.75rem;
    }
    .lg\:pb-4 {
        padding-bottom: 0.75rem;
    }
    .lg\:pl-4 {
        padding-left: 0.75rem;
    }
    .lg\:pt-5 {
        padding-top: 0.938rem;
    }
    .lg\:pr-5 {
        padding-right: 0.938rem;
    }
    .lg\:pb-5 {
        padding-bottom: 0.938rem;
    }
    .lg\:pl-5 {
        padding-left: 0.938rem;
    }
    .lg\:pt-6 {
        padding-top: 1rem;
    }
    .lg\:pr-6 {
        padding-right: 1rem;
    }
    .lg\:pb-6 {
        padding-bottom: 1rem;
    }
    .lg\:pl-6 {
        padding-left: 1rem;
    }
    .lg\:pt-7 {
        padding-top: 1.25rem;
    }
    .lg\:pr-7 {
        padding-right: 1.25rem;
    }
    .lg\:pb-7 {
        padding-bottom: 1.25rem;
    }
    .lg\:pl-7 {
        padding-left: 1.25rem;
    }
    .lg\:pt-8 {
        padding-top: 1.5rem;
    }
    .lg\:pr-8 {
        padding-right: 1.5rem;
    }
    .lg\:pb-8 {
        padding-bottom: 1.5rem;
    }
    .lg\:pl-8 {
        padding-left: 1.5rem;
    }
    .lg\:pt-9 {
        padding-top: 1.75rem;
    }
    .lg\:pr-9 {
        padding-right: 1.75rem;
    }
    .lg\:pb-9 {
        padding-bottom: 1.75rem;
    }
    .lg\:pl-9 {
        padding-left: 1.75rem;
    }
    .lg\:pt-10 {
        padding-top: 2rem;
    }
    .lg\:pr-10 {
        padding-right: 2rem;
    }
    .lg\:pb-10 {
        padding-bottom: 2rem;
    }
    .lg\:pl-10 {
        padding-left: 2rem;
    }
    .lg\:pt-12 {
        padding-top: 2.5rem;
    }
    .lg\:pr-12 {
        padding-right: 2.5rem;
    }
    .lg\:pb-12 {
        padding-bottom: 2.5rem;
    }
    .lg\:pl-12 {
        padding-left: 2.5rem;
    }
    .lg\:pt-15 {
        padding-top: 3.25rem;
    }
    .lg\:pr-15 {
        padding-right: 3.25rem;
    }
    .lg\:pb-15 {
        padding-bottom: 3.25rem;
    }
    .lg\:pl-15 {
        padding-left: 3.25rem;
    }
    .lg\:pt-16 {
        padding-top: 3.5rem;
    }
    .lg\:pr-16 {
        padding-right: 3.5rem;
    }
    .lg\:pb-16 {
        padding-bottom: 3.5rem;
    }
    .lg\:pl-16 {
        padding-left: 3.5rem;
    }
    .lg\:pt-17 {
        padding-top: 3.75rem;
    }
    .lg\:pr-17 {
        padding-right: 3.75rem;
    }
    .lg\:pb-17 {
        padding-bottom: 3.75rem;
    }
    .lg\:pl-17 {
        padding-left: 3.75rem;
    }
    .lg\:pt-21 {
        padding-top: 5rem;
    }
    .lg\:pr-21 {
        padding-right: 5rem;
    }
    .lg\:pb-21 {
        padding-bottom: 5rem;
    }
    .lg\:pl-21 {
        padding-left: 5rem;
    }
    .lg\:pt-29 {
        padding-top: 8.75rem;
    }
    .lg\:pr-29 {
        padding-right: 8.75rem;
    }
    .lg\:pb-29 {
        padding-bottom: 8.75rem;
    }
    .lg\:pl-29 {
        padding-left: 8.75rem;
    }
    .lg\:pt-auto {
        padding-top: auto;
    }
    .lg\:pr-auto {
        padding-right: auto;
    }
    .lg\:pb-auto {
        padding-bottom: auto;
    }
    .lg\:pl-auto {
        padding-left: auto;
    }
    .lg\:pt-px {
        padding-top: 1px;
    }
    .lg\:pr-px {
        padding-right: 1px;
    }
    .lg\:pb-px {
        padding-bottom: 1px;
    }
    .lg\:pl-px {
        padding-left: 1px;
    }
    .lg\:pt-0\/8 {
        padding-top: 0.125rem;
    }
    .lg\:pr-0\/8 {
        padding-right: 0.125rem;
    }
    .lg\:pb-0\/8 {
        padding-bottom: 0.125rem;
    }
    .lg\:pl-0\/8 {
        padding-left: 0.125rem;
    }
    .lg\:static {
        position: static;
    }
    .lg\:fixed {
        position: fixed;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:relative {
        position: relative;
    }
    .lg\:sticky {
        position: sticky;
    }
    .lg\:text-left {
        text-align: left;
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-right {
        text-align: right;
    }
    .lg\:text-justify {
        text-align: justify;
    }
    .lg\:text-transparent {
        color: transparent;
    }
    .lg\:text-black {
        color: #000;
    }
    .lg\:text-white {
        color: #fff;
    }
    .lg\:text-primary-100 {
        color: #e6eef5;
    }
    .lg\:text-primary-300 {
        color: #3b7db7;
    }
    .lg\:text-primary-400 {
        color: #407bb3;
    }
    .lg\:text-primary-500 {
        color: #005096;
    }
    .lg\:text-primary-800 {
        color: #002444;
    }
    .lg\:text-depmw-200 {
        color: #f0f1bf;
    }
    .lg\:text-depmw-500 {
        color: #c3c800;
    }
    .lg\:text-depmt-500 {
        color: #0aaa8c;
    }
    .lg\:text-depit-500 {
        color: #0096d7;
    }
    .lg\:text-depbm-500 {
        color: #00aabe;
    }
    .lg\:text-depges-500 {
        color: #f08700;
    }
    .lg\:text-depsoz-500 {
        color: #dc5a28;
    }
    .lg\:text-gray-100 {
        color: #f2f2f3;
    }
    .lg\:text-gray-200 {
        color: #d8d8d8;
    }
    .lg\:text-gray-300 {
        color: #adadad;
    }
    .lg\:text-gray-400 {
        color: #2f3542;
    }
    .lg\:text-gray-500 {
        color: #333;
    }
    .lg\:text-red-500 {
        color: #f56565;
    }
    .lg\:text-red-800 {
        color: #9b2c2c;
    }
    .lg\:text-red-900 {
        color: #4e2121;
    }
    .lg\:text-green-700 {
        color: #2f855a;
    }
    .lg\:hover\:text-transparent:hover {
        color: transparent;
    }
    .lg\:hover\:text-black:hover {
        color: #000;
    }
    .lg\:hover\:text-white:hover {
        color: #fff;
    }
    .lg\:hover\:text-primary-100:hover {
        color: #e6eef5;
    }
    .lg\:hover\:text-primary-300:hover {
        color: #3b7db7;
    }
    .lg\:hover\:text-primary-400:hover {
        color: #407bb3;
    }
    .lg\:hover\:text-primary-500:hover {
        color: #005096;
    }
    .lg\:hover\:text-primary-800:hover {
        color: #002444;
    }
    .lg\:hover\:text-depmw-200:hover {
        color: #f0f1bf;
    }
    .lg\:hover\:text-depmw-500:hover {
        color: #c3c800;
    }
    .lg\:hover\:text-depmt-500:hover {
        color: #0aaa8c;
    }
    .lg\:hover\:text-depit-500:hover {
        color: #0096d7;
    }
    .lg\:hover\:text-depbm-500:hover {
        color: #00aabe;
    }
    .lg\:hover\:text-depges-500:hover {
        color: #f08700;
    }
    .lg\:hover\:text-depsoz-500:hover {
        color: #dc5a28;
    }
    .lg\:hover\:text-gray-100:hover {
        color: #f2f2f3;
    }
    .lg\:hover\:text-gray-200:hover {
        color: #d8d8d8;
    }
    .lg\:hover\:text-gray-300:hover {
        color: #adadad;
    }
    .lg\:hover\:text-gray-400:hover {
        color: #2f3542;
    }
    .lg\:hover\:text-gray-500:hover {
        color: #333;
    }
    .lg\:hover\:text-red-500:hover {
        color: #f56565;
    }
    .lg\:hover\:text-red-800:hover {
        color: #9b2c2c;
    }
    .lg\:hover\:text-red-900:hover {
        color: #4e2121;
    }
    .lg\:hover\:text-green-700:hover {
        color: #2f855a;
    }
    .lg\:text-xs {
        font-size: 0.75rem;
    }
    .lg\:text-sm {
        font-size: 0.875rem;
    }
    .lg\:text-base {
        font-size: 1rem;
    }
    .lg\:text-lg {
        font-size: 1.125rem;
    }
    .lg\:text-xl {
        font-size: 1.25rem;
    }
    .lg\:text-2xl {
        font-size: 1.5rem;
    }
    .lg\:text-3xl {
        font-size: 1.875rem;
    }
    .lg\:text-4xl {
        font-size: 2.25rem;
    }
    .lg\:text-5xl {
        font-size: 2.5rem;
    }
    .lg\:text-11xl {
        font-size: 3.75rem;
    }
    .lg\:underline {
        text-decoration: underline;
    }
    .lg\:line-through {
        text-decoration: line-through;
    }
    .lg\:no-underline {
        text-decoration: none;
    }
    .lg\:hover\:underline:hover {
        text-decoration: underline;
    }
    .lg\:hover\:line-through:hover {
        text-decoration: line-through;
    }
    .lg\:hover\:no-underline:hover {
        text-decoration: none;
    }
    .lg\:w-1 {
        width: 1rem;
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:w-1\/12 {
        width: 8.333333%;
    }
    .lg\:w-2\/12 {
        width: 16.666667%;
    }
    .lg\:w-3\/12 {
        width: 25%;
    }
    .lg\:w-4\/12 {
        width: 33.333333%;
    }
    .lg\:w-5\/12 {
        width: 41.666667%;
    }
    .lg\:w-6\/12 {
        width: 50%;
    }
    .lg\:w-7\/12 {
        width: 58.333333%;
    }
    .lg\:w-8\/12 {
        width: 66.666667%;
    }
    .lg\:w-9\/12 {
        width: 75%;
    }
    .lg\:w-10\/12 {
        width: 83.333333%;
    }
    .lg\:w-11\/12 {
        width: 91.666667%;
    }
    .lg\:w-full {
        width: 100%;
    }
    .lg\:w-screen {
        width: 100vw;
    }
    .lg\:border-b-white {
        border-bottom-color: #fff;
    }
    .lg\:divider\:start {
        position: relative;
    }
    .lg\:divider\:start:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: #407bb3;
    }
    .lg\:divider\:end {
        position: relative;
    }
    .lg\:divider\:end:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: #407bb3;
    }
}
@media (min-width: 1280px) {
    .xl\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    .xl\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }
    .xl\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }
    .xl\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }
    .xl\:bg-transparent {
        background-color: transparent;
    }
    .xl\:bg-black {
        background-color: #000;
    }
    .xl\:bg-white {
        background-color: #fff;
    }
    .xl\:bg-primary-100 {
        background-color: #e6eef5;
    }
    .xl\:bg-primary-300 {
        background-color: #3b7db7;
    }
    .xl\:bg-primary-400 {
        background-color: #407bb3;
    }
    .xl\:bg-primary-500 {
        background-color: #005096;
    }
    .xl\:bg-primary-800 {
        background-color: #002444;
    }
    .xl\:bg-depmw-200 {
        background-color: #f0f1bf;
    }
    .xl\:bg-depmw-500 {
        background-color: #c3c800;
    }
    .xl\:bg-depmt-500 {
        background-color: #0aaa8c;
    }
    .xl\:bg-depit-500 {
        background-color: #0096d7;
    }
    .xl\:bg-depbm-500 {
        background-color: #00aabe;
    }
    .xl\:bg-depges-500 {
        background-color: #f08700;
    }
    .xl\:bg-depsoz-500 {
        background-color: #dc5a28;
    }
    .xl\:bg-gray-100 {
        background-color: #f2f2f3;
    }
    .xl\:bg-gray-200 {
        background-color: #d8d8d8;
    }
    .xl\:bg-gray-300 {
        background-color: #adadad;
    }
    .xl\:bg-gray-400 {
        background-color: #2f3542;
    }
    .xl\:bg-gray-500 {
        background-color: #333;
    }
    .xl\:bg-red-500 {
        background-color: #f56565;
    }
    .xl\:bg-red-800 {
        background-color: #9b2c2c;
    }
    .xl\:bg-red-900 {
        background-color: #4e2121;
    }
    .xl\:bg-green-700 {
        background-color: #2f855a;
    }
    .xl\:hover\:bg-transparent:hover {
        background-color: transparent;
    }
    .xl\:hover\:bg-black:hover {
        background-color: #000;
    }
    .xl\:hover\:bg-white:hover {
        background-color: #fff;
    }
    .xl\:hover\:bg-primary-100:hover {
        background-color: #e6eef5;
    }
    .xl\:hover\:bg-primary-300:hover {
        background-color: #3b7db7;
    }
    .xl\:hover\:bg-primary-400:hover {
        background-color: #407bb3;
    }
    .xl\:hover\:bg-primary-500:hover {
        background-color: #005096;
    }
    .xl\:hover\:bg-primary-800:hover {
        background-color: #002444;
    }
    .xl\:hover\:bg-depmw-200:hover {
        background-color: #f0f1bf;
    }
    .xl\:hover\:bg-depmw-500:hover {
        background-color: #c3c800;
    }
    .xl\:hover\:bg-depmt-500:hover {
        background-color: #0aaa8c;
    }
    .xl\:hover\:bg-depit-500:hover {
        background-color: #0096d7;
    }
    .xl\:hover\:bg-depbm-500:hover {
        background-color: #00aabe;
    }
    .xl\:hover\:bg-depges-500:hover {
        background-color: #f08700;
    }
    .xl\:hover\:bg-depsoz-500:hover {
        background-color: #dc5a28;
    }
    .xl\:hover\:bg-gray-100:hover {
        background-color: #f2f2f3;
    }
    .xl\:hover\:bg-gray-200:hover {
        background-color: #d8d8d8;
    }
    .xl\:hover\:bg-gray-300:hover {
        background-color: #adadad;
    }
    .xl\:hover\:bg-gray-400:hover {
        background-color: #2f3542;
    }
    .xl\:hover\:bg-gray-500:hover {
        background-color: #333;
    }
    .xl\:hover\:bg-red-500:hover {
        background-color: #f56565;
    }
    .xl\:hover\:bg-red-800:hover {
        background-color: #9b2c2c;
    }
    .xl\:hover\:bg-red-900:hover {
        background-color: #4e2121;
    }
    .xl\:hover\:bg-green-700:hover {
        background-color: #2f855a;
    }
    .xl\:active\:bg-transparent:active {
        background-color: transparent;
    }
    .xl\:active\:bg-black:active {
        background-color: #000;
    }
    .xl\:active\:bg-white:active {
        background-color: #fff;
    }
    .xl\:active\:bg-primary-100:active {
        background-color: #e6eef5;
    }
    .xl\:active\:bg-primary-300:active {
        background-color: #3b7db7;
    }
    .xl\:active\:bg-primary-400:active {
        background-color: #407bb3;
    }
    .xl\:active\:bg-primary-500:active {
        background-color: #005096;
    }
    .xl\:active\:bg-primary-800:active {
        background-color: #002444;
    }
    .xl\:active\:bg-depmw-200:active {
        background-color: #f0f1bf;
    }
    .xl\:active\:bg-depmw-500:active {
        background-color: #c3c800;
    }
    .xl\:active\:bg-depmt-500:active {
        background-color: #0aaa8c;
    }
    .xl\:active\:bg-depit-500:active {
        background-color: #0096d7;
    }
    .xl\:active\:bg-depbm-500:active {
        background-color: #00aabe;
    }
    .xl\:active\:bg-depges-500:active {
        background-color: #f08700;
    }
    .xl\:active\:bg-depsoz-500:active {
        background-color: #dc5a28;
    }
    .xl\:active\:bg-gray-100:active {
        background-color: #f2f2f3;
    }
    .xl\:active\:bg-gray-200:active {
        background-color: #d8d8d8;
    }
    .xl\:active\:bg-gray-300:active {
        background-color: #adadad;
    }
    .xl\:active\:bg-gray-400:active {
        background-color: #2f3542;
    }
    .xl\:active\:bg-gray-500:active {
        background-color: #333;
    }
    .xl\:active\:bg-red-500:active {
        background-color: #f56565;
    }
    .xl\:active\:bg-red-800:active {
        background-color: #9b2c2c;
    }
    .xl\:active\:bg-red-900:active {
        background-color: #4e2121;
    }
    .xl\:active\:bg-green-700:active {
        background-color: #2f855a;
    }
    .xl\:focus\:bg-transparent:focus {
        background-color: transparent;
    }
    .xl\:focus\:bg-black:focus {
        background-color: #000;
    }
    .xl\:focus\:bg-white:focus {
        background-color: #fff;
    }
    .xl\:focus\:bg-primary-100:focus {
        background-color: #e6eef5;
    }
    .xl\:focus\:bg-primary-300:focus {
        background-color: #3b7db7;
    }
    .xl\:focus\:bg-primary-400:focus {
        background-color: #407bb3;
    }
    .xl\:focus\:bg-primary-500:focus {
        background-color: #005096;
    }
    .xl\:focus\:bg-primary-800:focus {
        background-color: #002444;
    }
    .xl\:focus\:bg-depmw-200:focus {
        background-color: #f0f1bf;
    }
    .xl\:focus\:bg-depmw-500:focus {
        background-color: #c3c800;
    }
    .xl\:focus\:bg-depmt-500:focus {
        background-color: #0aaa8c;
    }
    .xl\:focus\:bg-depit-500:focus {
        background-color: #0096d7;
    }
    .xl\:focus\:bg-depbm-500:focus {
        background-color: #00aabe;
    }
    .xl\:focus\:bg-depges-500:focus {
        background-color: #f08700;
    }
    .xl\:focus\:bg-depsoz-500:focus {
        background-color: #dc5a28;
    }
    .xl\:focus\:bg-gray-100:focus {
        background-color: #f2f2f3;
    }
    .xl\:focus\:bg-gray-200:focus {
        background-color: #d8d8d8;
    }
    .xl\:focus\:bg-gray-300:focus {
        background-color: #adadad;
    }
    .xl\:focus\:bg-gray-400:focus {
        background-color: #2f3542;
    }
    .xl\:focus\:bg-gray-500:focus {
        background-color: #333;
    }
    .xl\:focus\:bg-red-500:focus {
        background-color: #f56565;
    }
    .xl\:focus\:bg-red-800:focus {
        background-color: #9b2c2c;
    }
    .xl\:focus\:bg-red-900:focus {
        background-color: #4e2121;
    }
    .xl\:focus\:bg-green-700:focus {
        background-color: #2f855a;
    }
    .xl\:block {
        display: block;
    }
    .xl\:inline-block {
        display: inline-block;
    }
    .xl\:inline {
        display: inline;
    }
    .xl\:flex {
        display: flex;
    }
    .xl\:inline-flex {
        display: inline-flex;
    }
    .xl\:table {
        display: table;
    }
    .xl\:table-row {
        display: table-row;
    }
    .xl\:table-cell {
        display: table-cell;
    }
    .xl\:hidden {
        display: none;
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .xl\:flex-col {
        flex-direction: column;
    }
    .xl\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .xl\:flex-wrap {
        flex-wrap: wrap;
    }
    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    .xl\:flex-no-wrap {
        flex-wrap: nowrap;
    }
    .xl\:justify-start {
        justify-content: flex-start;
    }
    .xl\:justify-end {
        justify-content: flex-end;
    }
    .xl\:justify-center {
        justify-content: center;
    }
    .xl\:justify-between {
        justify-content: space-between;
    }
    .xl\:justify-around {
        justify-content: space-around;
    }
    .xl\:flex-1 {
        flex: 1 1 0%;
    }
    .xl\:flex-auto {
        flex: 1 1 auto;
    }
    .xl\:flex-initial {
        flex: 0 1 auto;
    }
    .xl\:flex-none {
        flex: none;
    }
    .xl\:order-1 {
        order: 1;
    }
    .xl\:order-2 {
        order: 2;
    }
    .xl\:order-3 {
        order: 3;
    }
    .xl\:order-4 {
        order: 4;
    }
    .xl\:order-5 {
        order: 5;
    }
    .xl\:order-6 {
        order: 6;
    }
    .xl\:order-7 {
        order: 7;
    }
    .xl\:order-8 {
        order: 8;
    }
    .xl\:order-9 {
        order: 9;
    }
    .xl\:order-10 {
        order: 10;
    }
    .xl\:order-11 {
        order: 11;
    }
    .xl\:order-12 {
        order: 12;
    }
    .xl\:order-first {
        order: -9999;
    }
    .xl\:order-last {
        order: 9999;
    }
    .xl\:order-none {
        order: 0;
    }
    .xl\:m-0 {
        margin: 0;
    }
    .xl\:m-1 {
        margin: 0.25rem;
    }
    .xl\:m-2 {
        margin: 0.5rem;
    }
    .xl\:m-3 {
        margin: 0.625rem;
    }
    .xl\:m-4 {
        margin: 0.75rem;
    }
    .xl\:m-5 {
        margin: 0.938rem;
    }
    .xl\:m-6 {
        margin: 1rem;
    }
    .xl\:m-7 {
        margin: 1.25rem;
    }
    .xl\:m-8 {
        margin: 1.5rem;
    }
    .xl\:m-9 {
        margin: 1.75rem;
    }
    .xl\:m-10 {
        margin: 2rem;
    }
    .xl\:m-12 {
        margin: 2.5rem;
    }
    .xl\:m-15 {
        margin: 3.25rem;
    }
    .xl\:m-17 {
        margin: 3.75rem;
    }
    .xl\:m-19 {
        margin: 4.25rem;
    }
    .xl\:m-21 {
        margin: 5rem;
    }
    .xl\:m-40 {
        margin: 9.875rem;
    }
    .xl\:m-auto {
        margin: auto;
    }
    .xl\:m-1\/12 {
        margin: 8.333333%;
    }
    .xl\:-m-1 {
        margin: -0.25rem;
    }
    .xl\:-m-3 {
        margin: -0.625rem;
    }
    .xl\:-m-6 {
        margin: -1rem;
    }
    .xl\:-m-12 {
        margin: -2.5rem;
    }
    .xl\:my-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .xl\:my-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .xl\:mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    .xl\:my-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .xl\:mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .xl\:my-3 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .xl\:mx-3 {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
    .xl\:my-4 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .xl\:mx-4 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
    .xl\:my-5 {
        margin-top: 0.938rem;
        margin-bottom: 0.938rem;
    }
    .xl\:mx-5 {
        margin-left: 0.938rem;
        margin-right: 0.938rem;
    }
    .xl\:my-6 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .xl\:mx-6 {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .xl\:my-7 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .xl\:mx-7 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    .xl\:my-8 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .xl\:mx-8 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .xl\:my-9 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }
    .xl\:mx-9 {
        margin-left: 1.75rem;
        margin-right: 1.75rem;
    }
    .xl\:my-10 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .xl\:mx-10 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .xl\:my-12 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .xl\:mx-12 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
    .xl\:my-15 {
        margin-top: 3.25rem;
        margin-bottom: 3.25rem;
    }
    .xl\:mx-15 {
        margin-left: 3.25rem;
        margin-right: 3.25rem;
    }
    .xl\:my-17 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }
    .xl\:mx-17 {
        margin-left: 3.75rem;
        margin-right: 3.75rem;
    }
    .xl\:my-19 {
        margin-top: 4.25rem;
        margin-bottom: 4.25rem;
    }
    .xl\:mx-19 {
        margin-left: 4.25rem;
        margin-right: 4.25rem;
    }
    .xl\:my-21 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    .xl\:mx-21 {
        margin-left: 5rem;
        margin-right: 5rem;
    }
    .xl\:my-40 {
        margin-top: 9.875rem;
        margin-bottom: 9.875rem;
    }
    .xl\:mx-40 {
        margin-left: 9.875rem;
        margin-right: 9.875rem;
    }
    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .xl\:my-1\/12 {
        margin-top: 8.333333%;
        margin-bottom: 8.333333%;
    }
    .xl\:mx-1\/12 {
        margin-left: 8.333333%;
        margin-right: 8.333333%;
    }
    .xl\:-my-1 {
        margin-top: -0.25rem;
        margin-bottom: -0.25rem;
    }
    .xl\:-mx-1 {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    .xl\:-my-3 {
        margin-top: -0.625rem;
        margin-bottom: -0.625rem;
    }
    .xl\:-mx-3 {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }
    .xl\:-my-6 {
        margin-top: -1rem;
        margin-bottom: -1rem;
    }
    .xl\:-mx-6 {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .xl\:-my-12 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem;
    }
    .xl\:-mx-12 {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
    }
    .xl\:mt-0 {
        margin-top: 0;
    }
    .xl\:mr-0 {
        margin-right: 0;
    }
    .xl\:mb-0 {
        margin-bottom: 0;
    }
    .xl\:ml-0 {
        margin-left: 0;
    }
    .xl\:mt-1 {
        margin-top: 0.25rem;
    }
    .xl\:mr-1 {
        margin-right: 0.25rem;
    }
    .xl\:mb-1 {
        margin-bottom: 0.25rem;
    }
    .xl\:ml-1 {
        margin-left: 0.25rem;
    }
    .xl\:mt-2 {
        margin-top: 0.5rem;
    }
    .xl\:mr-2 {
        margin-right: 0.5rem;
    }
    .xl\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .xl\:ml-2 {
        margin-left: 0.5rem;
    }
    .xl\:mt-3 {
        margin-top: 0.625rem;
    }
    .xl\:mr-3 {
        margin-right: 0.625rem;
    }
    .xl\:mb-3 {
        margin-bottom: 0.625rem;
    }
    .xl\:ml-3 {
        margin-left: 0.625rem;
    }
    .xl\:mt-4 {
        margin-top: 0.75rem;
    }
    .xl\:mr-4 {
        margin-right: 0.75rem;
    }
    .xl\:mb-4 {
        margin-bottom: 0.75rem;
    }
    .xl\:ml-4 {
        margin-left: 0.75rem;
    }
    .xl\:mt-5 {
        margin-top: 0.938rem;
    }
    .xl\:mr-5 {
        margin-right: 0.938rem;
    }
    .xl\:mb-5 {
        margin-bottom: 0.938rem;
    }
    .xl\:ml-5 {
        margin-left: 0.938rem;
    }
    .xl\:mt-6 {
        margin-top: 1rem;
    }
    .xl\:mr-6 {
        margin-right: 1rem;
    }
    .xl\:mb-6 {
        margin-bottom: 1rem;
    }
    .xl\:ml-6 {
        margin-left: 1rem;
    }
    .xl\:mt-7 {
        margin-top: 1.25rem;
    }
    .xl\:mr-7 {
        margin-right: 1.25rem;
    }
    .xl\:mb-7 {
        margin-bottom: 1.25rem;
    }
    .xl\:ml-7 {
        margin-left: 1.25rem;
    }
    .xl\:mt-8 {
        margin-top: 1.5rem;
    }
    .xl\:mr-8 {
        margin-right: 1.5rem;
    }
    .xl\:mb-8 {
        margin-bottom: 1.5rem;
    }
    .xl\:ml-8 {
        margin-left: 1.5rem;
    }
    .xl\:mt-9 {
        margin-top: 1.75rem;
    }
    .xl\:mr-9 {
        margin-right: 1.75rem;
    }
    .xl\:mb-9 {
        margin-bottom: 1.75rem;
    }
    .xl\:ml-9 {
        margin-left: 1.75rem;
    }
    .xl\:mt-10 {
        margin-top: 2rem;
    }
    .xl\:mr-10 {
        margin-right: 2rem;
    }
    .xl\:mb-10 {
        margin-bottom: 2rem;
    }
    .xl\:ml-10 {
        margin-left: 2rem;
    }
    .xl\:mt-12 {
        margin-top: 2.5rem;
    }
    .xl\:mr-12 {
        margin-right: 2.5rem;
    }
    .xl\:mb-12 {
        margin-bottom: 2.5rem;
    }
    .xl\:ml-12 {
        margin-left: 2.5rem;
    }
    .xl\:mt-15 {
        margin-top: 3.25rem;
    }
    .xl\:mr-15 {
        margin-right: 3.25rem;
    }
    .xl\:mb-15 {
        margin-bottom: 3.25rem;
    }
    .xl\:ml-15 {
        margin-left: 3.25rem;
    }
    .xl\:mt-17 {
        margin-top: 3.75rem;
    }
    .xl\:mr-17 {
        margin-right: 3.75rem;
    }
    .xl\:mb-17 {
        margin-bottom: 3.75rem;
    }
    .xl\:ml-17 {
        margin-left: 3.75rem;
    }
    .xl\:mt-19 {
        margin-top: 4.25rem;
    }
    .xl\:mr-19 {
        margin-right: 4.25rem;
    }
    .xl\:mb-19 {
        margin-bottom: 4.25rem;
    }
    .xl\:ml-19 {
        margin-left: 4.25rem;
    }
    .xl\:mt-21 {
        margin-top: 5rem;
    }
    .xl\:mr-21 {
        margin-right: 5rem;
    }
    .xl\:mb-21 {
        margin-bottom: 5rem;
    }
    .xl\:ml-21 {
        margin-left: 5rem;
    }
    .xl\:mt-40 {
        margin-top: 9.875rem;
    }
    .xl\:mr-40 {
        margin-right: 9.875rem;
    }
    .xl\:mb-40 {
        margin-bottom: 9.875rem;
    }
    .xl\:ml-40 {
        margin-left: 9.875rem;
    }
    .xl\:mt-auto {
        margin-top: auto;
    }
    .xl\:mr-auto {
        margin-right: auto;
    }
    .xl\:mb-auto {
        margin-bottom: auto;
    }
    .xl\:ml-auto {
        margin-left: auto;
    }
    .xl\:mt-1\/12 {
        margin-top: 8.333333%;
    }
    .xl\:mr-1\/12 {
        margin-right: 8.333333%;
    }
    .xl\:mb-1\/12 {
        margin-bottom: 8.333333%;
    }
    .xl\:ml-1\/12 {
        margin-left: 8.333333%;
    }
    .xl\:-mt-1 {
        margin-top: -0.25rem;
    }
    .xl\:-mr-1 {
        margin-right: -0.25rem;
    }
    .xl\:-mb-1 {
        margin-bottom: -0.25rem;
    }
    .xl\:-ml-1 {
        margin-left: -0.25rem;
    }
    .xl\:-mt-3 {
        margin-top: -0.625rem;
    }
    .xl\:-mr-3 {
        margin-right: -0.625rem;
    }
    .xl\:-mb-3 {
        margin-bottom: -0.625rem;
    }
    .xl\:-ml-3 {
        margin-left: -0.625rem;
    }
    .xl\:-mt-6 {
        margin-top: -1rem;
    }
    .xl\:-mr-6 {
        margin-right: -1rem;
    }
    .xl\:-mb-6 {
        margin-bottom: -1rem;
    }
    .xl\:-ml-6 {
        margin-left: -1rem;
    }
    .xl\:-mt-12 {
        margin-top: -2.5rem;
    }
    .xl\:-mr-12 {
        margin-right: -2.5rem;
    }
    .xl\:-mb-12 {
        margin-bottom: -2.5rem;
    }
    .xl\:-ml-12 {
        margin-left: -2.5rem;
    }
    .xl\:p-0 {
        padding: 0;
    }
    .xl\:p-1 {
        padding: 0.25rem;
    }
    .xl\:p-2 {
        padding: 0.5rem;
    }
    .xl\:p-3 {
        padding: 0.625rem;
    }
    .xl\:p-4 {
        padding: 0.75rem;
    }
    .xl\:p-5 {
        padding: 0.938rem;
    }
    .xl\:p-6 {
        padding: 1rem;
    }
    .xl\:p-7 {
        padding: 1.25rem;
    }
    .xl\:p-8 {
        padding: 1.5rem;
    }
    .xl\:p-9 {
        padding: 1.75rem;
    }
    .xl\:p-10 {
        padding: 2rem;
    }
    .xl\:p-12 {
        padding: 2.5rem;
    }
    .xl\:p-15 {
        padding: 3.25rem;
    }
    .xl\:p-16 {
        padding: 3.5rem;
    }
    .xl\:p-17 {
        padding: 3.75rem;
    }
    .xl\:p-21 {
        padding: 5rem;
    }
    .xl\:p-29 {
        padding: 8.75rem;
    }
    .xl\:p-auto {
        padding: auto;
    }
    .xl\:p-px {
        padding: 1px;
    }
    .xl\:p-0\/8 {
        padding: 0.125rem;
    }
    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .xl\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .xl\:px-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .xl\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .xl\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .xl\:py-3 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .xl\:px-3 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .xl\:py-4 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .xl\:px-4 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .xl\:py-5 {
        padding-top: 0.938rem;
        padding-bottom: 0.938rem;
    }
    .xl\:px-5 {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
    }
    .xl\:py-6 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .xl\:px-6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .xl\:py-7 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .xl\:px-7 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .xl\:py-8 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .xl\:px-8 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .xl\:py-9 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .xl\:px-9 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .xl\:py-10 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .xl\:px-10 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .xl\:py-12 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .xl\:px-12 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .xl\:py-15 {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }
    .xl\:px-15 {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }
    .xl\:py-16 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .xl\:px-16 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .xl\:py-17 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
    .xl\:px-17 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
    .xl\:py-21 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .xl\:px-21 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .xl\:py-29 {
        padding-top: 8.75rem;
        padding-bottom: 8.75rem;
    }
    .xl\:px-29 {
        padding-left: 8.75rem;
        padding-right: 8.75rem;
    }
    .xl\:py-auto {
        padding-top: auto;
        padding-bottom: auto;
    }
    .xl\:px-auto {
        padding-left: auto;
        padding-right: auto;
    }
    .xl\:py-px {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .xl\:px-px {
        padding-left: 1px;
        padding-right: 1px;
    }
    .xl\:py-0\/8 {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
    }
    .xl\:px-0\/8 {
        padding-left: 0.125rem;
        padding-right: 0.125rem;
    }
    .xl\:pt-0 {
        padding-top: 0;
    }
    .xl\:pr-0 {
        padding-right: 0;
    }
    .xl\:pb-0 {
        padding-bottom: 0;
    }
    .xl\:pl-0 {
        padding-left: 0;
    }
    .xl\:pt-1 {
        padding-top: 0.25rem;
    }
    .xl\:pr-1 {
        padding-right: 0.25rem;
    }
    .xl\:pb-1 {
        padding-bottom: 0.25rem;
    }
    .xl\:pl-1 {
        padding-left: 0.25rem;
    }
    .xl\:pt-2 {
        padding-top: 0.5rem;
    }
    .xl\:pr-2 {
        padding-right: 0.5rem;
    }
    .xl\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .xl\:pl-2 {
        padding-left: 0.5rem;
    }
    .xl\:pt-3 {
        padding-top: 0.625rem;
    }
    .xl\:pr-3 {
        padding-right: 0.625rem;
    }
    .xl\:pb-3 {
        padding-bottom: 0.625rem;
    }
    .xl\:pl-3 {
        padding-left: 0.625rem;
    }
    .xl\:pt-4 {
        padding-top: 0.75rem;
    }
    .xl\:pr-4 {
        padding-right: 0.75rem;
    }
    .xl\:pb-4 {
        padding-bottom: 0.75rem;
    }
    .xl\:pl-4 {
        padding-left: 0.75rem;
    }
    .xl\:pt-5 {
        padding-top: 0.938rem;
    }
    .xl\:pr-5 {
        padding-right: 0.938rem;
    }
    .xl\:pb-5 {
        padding-bottom: 0.938rem;
    }
    .xl\:pl-5 {
        padding-left: 0.938rem;
    }
    .xl\:pt-6 {
        padding-top: 1rem;
    }
    .xl\:pr-6 {
        padding-right: 1rem;
    }
    .xl\:pb-6 {
        padding-bottom: 1rem;
    }
    .xl\:pl-6 {
        padding-left: 1rem;
    }
    .xl\:pt-7 {
        padding-top: 1.25rem;
    }
    .xl\:pr-7 {
        padding-right: 1.25rem;
    }
    .xl\:pb-7 {
        padding-bottom: 1.25rem;
    }
    .xl\:pl-7 {
        padding-left: 1.25rem;
    }
    .xl\:pt-8 {
        padding-top: 1.5rem;
    }
    .xl\:pr-8 {
        padding-right: 1.5rem;
    }
    .xl\:pb-8 {
        padding-bottom: 1.5rem;
    }
    .xl\:pl-8 {
        padding-left: 1.5rem;
    }
    .xl\:pt-9 {
        padding-top: 1.75rem;
    }
    .xl\:pr-9 {
        padding-right: 1.75rem;
    }
    .xl\:pb-9 {
        padding-bottom: 1.75rem;
    }
    .xl\:pl-9 {
        padding-left: 1.75rem;
    }
    .xl\:pt-10 {
        padding-top: 2rem;
    }
    .xl\:pr-10 {
        padding-right: 2rem;
    }
    .xl\:pb-10 {
        padding-bottom: 2rem;
    }
    .xl\:pl-10 {
        padding-left: 2rem;
    }
    .xl\:pt-12 {
        padding-top: 2.5rem;
    }
    .xl\:pr-12 {
        padding-right: 2.5rem;
    }
    .xl\:pb-12 {
        padding-bottom: 2.5rem;
    }
    .xl\:pl-12 {
        padding-left: 2.5rem;
    }
    .xl\:pt-15 {
        padding-top: 3.25rem;
    }
    .xl\:pr-15 {
        padding-right: 3.25rem;
    }
    .xl\:pb-15 {
        padding-bottom: 3.25rem;
    }
    .xl\:pl-15 {
        padding-left: 3.25rem;
    }
    .xl\:pt-16 {
        padding-top: 3.5rem;
    }
    .xl\:pr-16 {
        padding-right: 3.5rem;
    }
    .xl\:pb-16 {
        padding-bottom: 3.5rem;
    }
    .xl\:pl-16 {
        padding-left: 3.5rem;
    }
    .xl\:pt-17 {
        padding-top: 3.75rem;
    }
    .xl\:pr-17 {
        padding-right: 3.75rem;
    }
    .xl\:pb-17 {
        padding-bottom: 3.75rem;
    }
    .xl\:pl-17 {
        padding-left: 3.75rem;
    }
    .xl\:pt-21 {
        padding-top: 5rem;
    }
    .xl\:pr-21 {
        padding-right: 5rem;
    }
    .xl\:pb-21 {
        padding-bottom: 5rem;
    }
    .xl\:pl-21 {
        padding-left: 5rem;
    }
    .xl\:pt-29 {
        padding-top: 8.75rem;
    }
    .xl\:pr-29 {
        padding-right: 8.75rem;
    }
    .xl\:pb-29 {
        padding-bottom: 8.75rem;
    }
    .xl\:pl-29 {
        padding-left: 8.75rem;
    }
    .xl\:pt-auto {
        padding-top: auto;
    }
    .xl\:pr-auto {
        padding-right: auto;
    }
    .xl\:pb-auto {
        padding-bottom: auto;
    }
    .xl\:pl-auto {
        padding-left: auto;
    }
    .xl\:pt-px {
        padding-top: 1px;
    }
    .xl\:pr-px {
        padding-right: 1px;
    }
    .xl\:pb-px {
        padding-bottom: 1px;
    }
    .xl\:pl-px {
        padding-left: 1px;
    }
    .xl\:pt-0\/8 {
        padding-top: 0.125rem;
    }
    .xl\:pr-0\/8 {
        padding-right: 0.125rem;
    }
    .xl\:pb-0\/8 {
        padding-bottom: 0.125rem;
    }
    .xl\:pl-0\/8 {
        padding-left: 0.125rem;
    }
    .xl\:static {
        position: static;
    }
    .xl\:fixed {
        position: fixed;
    }
    .xl\:absolute {
        position: absolute;
    }
    .xl\:relative {
        position: relative;
    }
    .xl\:sticky {
        position: sticky;
    }
    .xl\:text-left {
        text-align: left;
    }
    .xl\:text-center {
        text-align: center;
    }
    .xl\:text-right {
        text-align: right;
    }
    .xl\:text-justify {
        text-align: justify;
    }
    .xl\:text-transparent {
        color: transparent;
    }
    .xl\:text-black {
        color: #000;
    }
    .xl\:text-white {
        color: #fff;
    }
    .xl\:text-primary-100 {
        color: #e6eef5;
    }
    .xl\:text-primary-300 {
        color: #3b7db7;
    }
    .xl\:text-primary-400 {
        color: #407bb3;
    }
    .xl\:text-primary-500 {
        color: #005096;
    }
    .xl\:text-primary-800 {
        color: #002444;
    }
    .xl\:text-depmw-200 {
        color: #f0f1bf;
    }
    .xl\:text-depmw-500 {
        color: #c3c800;
    }
    .xl\:text-depmt-500 {
        color: #0aaa8c;
    }
    .xl\:text-depit-500 {
        color: #0096d7;
    }
    .xl\:text-depbm-500 {
        color: #00aabe;
    }
    .xl\:text-depges-500 {
        color: #f08700;
    }
    .xl\:text-depsoz-500 {
        color: #dc5a28;
    }
    .xl\:text-gray-100 {
        color: #f2f2f3;
    }
    .xl\:text-gray-200 {
        color: #d8d8d8;
    }
    .xl\:text-gray-300 {
        color: #adadad;
    }
    .xl\:text-gray-400 {
        color: #2f3542;
    }
    .xl\:text-gray-500 {
        color: #333;
    }
    .xl\:text-red-500 {
        color: #f56565;
    }
    .xl\:text-red-800 {
        color: #9b2c2c;
    }
    .xl\:text-red-900 {
        color: #4e2121;
    }
    .xl\:text-green-700 {
        color: #2f855a;
    }
    .xl\:hover\:text-transparent:hover {
        color: transparent;
    }
    .xl\:hover\:text-black:hover {
        color: #000;
    }
    .xl\:hover\:text-white:hover {
        color: #fff;
    }
    .xl\:hover\:text-primary-100:hover {
        color: #e6eef5;
    }
    .xl\:hover\:text-primary-300:hover {
        color: #3b7db7;
    }
    .xl\:hover\:text-primary-400:hover {
        color: #407bb3;
    }
    .xl\:hover\:text-primary-500:hover {
        color: #005096;
    }
    .xl\:hover\:text-primary-800:hover {
        color: #002444;
    }
    .xl\:hover\:text-depmw-200:hover {
        color: #f0f1bf;
    }
    .xl\:hover\:text-depmw-500:hover {
        color: #c3c800;
    }
    .xl\:hover\:text-depmt-500:hover {
        color: #0aaa8c;
    }
    .xl\:hover\:text-depit-500:hover {
        color: #0096d7;
    }
    .xl\:hover\:text-depbm-500:hover {
        color: #00aabe;
    }
    .xl\:hover\:text-depges-500:hover {
        color: #f08700;
    }
    .xl\:hover\:text-depsoz-500:hover {
        color: #dc5a28;
    }
    .xl\:hover\:text-gray-100:hover {
        color: #f2f2f3;
    }
    .xl\:hover\:text-gray-200:hover {
        color: #d8d8d8;
    }
    .xl\:hover\:text-gray-300:hover {
        color: #adadad;
    }
    .xl\:hover\:text-gray-400:hover {
        color: #2f3542;
    }
    .xl\:hover\:text-gray-500:hover {
        color: #333;
    }
    .xl\:hover\:text-red-500:hover {
        color: #f56565;
    }
    .xl\:hover\:text-red-800:hover {
        color: #9b2c2c;
    }
    .xl\:hover\:text-red-900:hover {
        color: #4e2121;
    }
    .xl\:hover\:text-green-700:hover {
        color: #2f855a;
    }
    .xl\:text-xs {
        font-size: 0.75rem;
    }
    .xl\:text-sm {
        font-size: 0.875rem;
    }
    .xl\:text-base {
        font-size: 1rem;
    }
    .xl\:text-lg {
        font-size: 1.125rem;
    }
    .xl\:text-xl {
        font-size: 1.25rem;
    }
    .xl\:text-2xl {
        font-size: 1.5rem;
    }
    .xl\:text-3xl {
        font-size: 1.875rem;
    }
    .xl\:text-4xl {
        font-size: 2.25rem;
    }
    .xl\:text-5xl {
        font-size: 2.5rem;
    }
    .xl\:text-11xl {
        font-size: 3.75rem;
    }
    .xl\:underline {
        text-decoration: underline;
    }
    .xl\:line-through {
        text-decoration: line-through;
    }
    .xl\:no-underline {
        text-decoration: none;
    }
    .xl\:hover\:underline:hover {
        text-decoration: underline;
    }
    .xl\:hover\:line-through:hover {
        text-decoration: line-through;
    }
    .xl\:hover\:no-underline:hover {
        text-decoration: none;
    }
    .xl\:w-1 {
        width: 1rem;
    }
    .xl\:w-auto {
        width: auto;
    }
    .xl\:w-1\/12 {
        width: 8.333333%;
    }
    .xl\:w-2\/12 {
        width: 16.666667%;
    }
    .xl\:w-3\/12 {
        width: 25%;
    }
    .xl\:w-4\/12 {
        width: 33.333333%;
    }
    .xl\:w-5\/12 {
        width: 41.666667%;
    }
    .xl\:w-6\/12 {
        width: 50%;
    }
    .xl\:w-7\/12 {
        width: 58.333333%;
    }
    .xl\:w-8\/12 {
        width: 66.666667%;
    }
    .xl\:w-9\/12 {
        width: 75%;
    }
    .xl\:w-10\/12 {
        width: 83.333333%;
    }
    .xl\:w-11\/12 {
        width: 91.666667%;
    }
    .xl\:w-full {
        width: 100%;
    }
    .xl\:w-screen {
        width: 100vw;
    }
    .xl\:border-b-white {
        border-bottom-color: #fff;
    }
    .xl\:divider\:start {
        position: relative;
    }
    .xl\:divider\:start:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: #407bb3;
    }
    .xl\:divider\:end {
        position: relative;
    }
    .xl\:divider\:end:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: #407bb3;
    }
}