/*******************************************
* dev enviroment
*********************************************/
:root {
    --text-color: #1d1d1d;
    --primary-link-color: #db001b;
    --sencondary-link-color: #8b0000;
    --primary-bg-color: #fff;
    --secondary-bg-color: #f8f8f8;
    --color-white: #fff;
    --color-grey: #979797;
    --border-outline: 1px solid rgba(0, 0, 0, .1);
    --bz-plus: url('/Uploads/Images/bz-plus-light.svg');
    --djb-bg: url('/Uploads/Images/background-djb-light.png');
    --sbw-bg: url('/Uploads/Images/background-sbw-light.png');
    --color-whatsapp: #128c7e;
    --color-whatsapp-bg: #dcf8c6;
    --color-facebook: #4267b2;
    --color-facebook-bg: #8b9dc3;
    --color-instagram: #e1306c;
    --color-instagram-bg: #fa87d3;
    --color-bzapp-bg: #e94c3e;
}

[data-theme='dark'] {
    --text-color: #f0f0f0;
    --primary-link-color: #cd2c41;
    --secondary-link-color: #8b1d2e;
    --primary-bg-color: #1f1d1d;
    --secondary-bg-color: #151515;
    --border-outline: 1px solid rgba(255, 255, 255, .1);
    --bz-plus: url('/Uploads/Images/bz-plus-dark.svg');
    --djb-bg: url('/Uploads/Images/background-djb-dark.png');
    --sbw-bg: url('/Uploads/Images/background-sbw-dark.png');
}


.link-color {
    color: var(--primary-link-color);
}

.text-color {
    color: var(--text-color);
}


/*******************************************
* body
*********************************************/
html {
    overflow-x: hidden;
}

body,
.Wcms {
    color: var(--text-color);
    background-color: var(--primary-bg-color);
}

body .Wcms:before {
    /* content: ' ';
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; */
    background-color: var(--primary-link-color);
}

/* .fw-module {
    left: calc(-50vw + 50%);
    width: 100%;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}
.WcmsHeader {
    padding-top: 10px;
} */

/* Bildergalerie */
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide img {
    max-width: 900px !important;
}


/*******************************************
* links
*********************************************/
a {
    color: var(--primary-link-color);
}

a:hover,
a:focus {
    color: var(--primary-link-color);
    text-decoration: none;
}


/*******************************************
* bz-plus
*********************************************/
.bz-plus {
    background-image: var(--bz-plus);
    display: inline-block;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 14px;
}

h1 .bz-plus {
    width: 60px;
    height: 22px;
    margin-right: 10px;
}

h2 .bz-plus {
    width: 40px;
    height: 16px;
}


/*******************************************
* anmelden, registrieren, login, logout
*********************************************/
.FlexboxContainerContent.wcms-flexbox-container.wcms-flexbox-flow.wcms-row-nowrap-xs.wcms-row-nowrap.wcms-flexbox-halign.wcms-justify-content-right.wcms-flexbox-valign.wcms-align-items-stretch {
    display: flex;
    align-items: center;
}

.LoginLinkModule {
    margin: 0 !important;
}

.fi-login-content {
    display: flex;
    align-items: center;
    padding-right: 20px;
}

.fi-login-content a {
    text-decoration: none;
    font-weight: bold;
}

.fi-login-content a,
.fi-login-content a:hover,
.fi-login-content a:visited {
    color: var(--text-color);
}

.fi-logout-content {
    display: flex;
    align-items: center;
    padding-right: 20px;
}

#dropdownLogout1 {
    color: var(--color-grey);
    background: none;
    border: none;
    outline: none;
}

#dropdownLogout1:active {
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .WcmsHeaderMobileLoginLinkModule {
        top: 98px;
        background-color: var(--secondary-bg-color);
    }
}


/*******************************************
* slider navigation
*********************************************/
.SliderNavMenu .dropdown:hover>.dropdown-menu {
    display: block;
}

.swiper-wrapper {
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .SliderDropDown .dropdown-menu {
        column-count: 1;
        background-color: var(--primary-bg-color);
    }
}

.SliderNavMenu .swiper-button-prev {
    background-image: linear-gradient(to right, var(--primary-bg-color), rgba(31, 30, 28, 0));
}

.SliderNavMenu .swiper-button-next {
    background-image: linear-gradient(to right, rgba(31, 30, 28, 0), var(--primary-bg-color));
}

@media screen and (min-width: 768px) {
    .SliderDropDown .dropdown-menu li a {
        color: var(--text-color);
    }

    [data-theme="dark"] .SliderDropDown .dropdown-menu li a {
        border-bottom: none;
    }

    [data-theme="dark"] .SliderDropDown .dropdown-menu {
        border: 1px solid var(--secondary-bg-color);
        border-radius: 5px;
    }

    .SliderDropDown .dropdown-menu li:hover {
        background-color: var(--secondary-bg-color);
    }

    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        background-color: var(--secondary-bg-color);
    }

    .SliderDropDown .dropdown-menu li:last-child>a {
        border: none;
    }
}

li#Navigation2\.0_NavItem_245_Trauer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}


/*******************************************
* burger navigation
*********************************************/
#BurgerNavigation {
    top: 98px;
    background-color: var(--secondary-bg-color);
}

#BurgerNavigation .dropdown-menu>li>a {
    font-size: 20px;
    font-weight: 700;
}

#BurgerNavigation .SearchModule {
    background: none;
}

#BurgerNavigation .SearchModule .fi-search-box.form-control {
    background-color: var(--primary-bg-color);
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--text-color);
}

#BurgerNavigation .wcms-nav-first-level {
    background-color: var(--primary-bg-color);
}

#BurgerNavigation .wcms-nav-first-level.navbar-nav>li {
    border-bottom: 1px solid var(--secondary-bg-color);
}

#BurgerNavigation .dropdown-menu>li>a {
    color: var(--text-color);
}

#BurgerNavigation .dropdown-menu>li>a:hover {
    background-color: var(--secondary-bg-color);
}

#BurgerNavigation .dropdown.open .iconarrow {
    background-color: var(--primary-link-color);
}


/*******************************************
* dropdown menu
*********************************************/
.dropdown-menu {
    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 7px 10px rgba(0, 0, 0, .2);
    border: none;
    background-color: var(--primary-bg-color);
}

.dropdown-menu>li>a {
    color: var(--text-color);
}


.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: var(--text-color);
}


/*******************************************
* banner
*********************************************/
.bannerImg {
    width: 100%;
}

.bannerLink,
.rectangleBannerLink,
.bigBannerLink {
    width: 50%;
}

.mobile-banner {
    display: none;
}

.rectangle-banner {
    margin-top: -27px;
}

.ad-highlight {
    font-family: 'PTSans', sans-serif;
    color: var(--color-grey);
    float: right;
    font-size: 65%;
}

@media screen and (max-width: 768px) {
    .mobile-banner {
        display: unset;
    }

    .desktop-banner {
        display: none !important;
    }

    .bannerLink {
        width: 100%;
    }
}


/*******************************************
* wetter, weather
*********************************************/
.WeatherModule .CurrentWeatherContent {
    display: flex;
    align-items: center;
}

.WeatherModule img {
    margin-right: 10px;
}


/*******************************************
* picture caption, bildunterzeile
*********************************************/
figure.StoryShowGalleryImage figcaption {
    font-family: 'PTSans', sans-serif;
    font-size: 14px;
    color: var(--color-grey);
}

figure.StoryShowGalleryImage figcaption .image-credit {
    font-family: 'PTSans', sans-serif;
    color: var(--color-grey);
}



/*******************************************
* zitat, quote
*********************************************/
.StoryShowBody blockquote {
    font-family: 'PTSerif', serif;
    color: var(--text-color);
}

blockquote {
    border-left: 3px solid var(--primary-link-color);
    line-height: 1.8em;
    margin: 1.1em -2em;
    padding: 1em 2em;
    position: relative;
    transition: .2s border easy-in-out;
    z-index: 0;
}

blockquote::before {
    content: '';
    background-color: var(--primary-bg-color);
    position: absolute;
    top: 50%;
    left: -4px;
    height: 2em;
    width: 5px;
    margin-top: -1em;
}

blockquote::after {
    position: absolute;
    color: var(--primary-link-color);
    content: '\f10e';
    font-family: 'Font Awesome 6 Free';
    top: 50%;
    left: -0.5em;
    line-height: 1em;
    text-align: center;
    text-indent: -2px;
    width: 1em;
    margin-top: -0.5em;
    transition: .2s all ease-in-out, .4s transform ease-in-out;
}

@media (max-width: 767px) {
    blockquote {
        border-top: 2px solid var(--primary-link-color);
        border-bottom: 2px solid var(--primary-link-color);
        border-left: none;
        margin: 1.5em 0;
        padding: 1.5em 1em;
    }

    blockquote::before {
        left: 50%;
        top: 0;
        height: 4px;
        margin-top: -3px;
        margin-left: -1em;
        width: 2em;
    }

    blockquote::after {
        font-size: .75em;
        left: 50%;
        top: 0;
        margin-top: -0.5em;
        margin-left: -0.5em;
    }

    .StoryShowBody blockquote q h4.ImTitle:nth-of-type(2) {
        text-align: right;
    }
}

.StoryShowBody h4.ImTitle {
    display: inline-block;
    box-shadow: 0px 5px 0px rgba(0, 0, 0, .1);
}

.StoryShowBody blockquote q h4.ImTitle {
    display: block;
    box-shadow: none;
}

.StoryShowBody blockquote q h4.ImTitle:nth-of-type(2) {
    font-size: .5em;
    line-height: 1.8em;
    font-weight: 300;
}

.StoryShowBody blockquote q h4.ImTitle:nth-of-type(2)::before {
    content: '~ ';
}

q::before,
q::after {
    content: '';
}



/*******************************************
* weitere links
*********************************************/
.StoryMediaLinks h3 {
    font-family: 'PTSans', sans-serif;
    font-weight: 700;
}

.StoryShowWebStoryLink {
    border-radius: 5px;
    background-color: var(--secondary-bg-color);
    box-shadow: rgba(122, 123, 124, 0.04) 0px 0px 0px 1px, rgba(55, 56, 57, 0.04) 0px 1px 1px -0.5px, rgba(55, 56, 57, 0.04) 0px 3px 3px -1.5px, rgba(55, 56, 57, 0.04) 0px 6px 6px -3px, rgba(122, 123, 124, 0.04) 0px 12px 12px -6px, rgba(122, 123, 124, 0.04) 0px 24px 24px -12px;
    margin-bottom: 30px;
    border-right: 5px solid var(--primary-link-color);
    padding: 10px;
}

.StoryMediaLinks h3::before {
    content: '\f0c1';
    font-family: 'Font Awesome 6 Free';
    margin-right: 5px;
}

.StoryMediaLinks {
    margin-top: 40px;
}

.StoryShowBox a {
    color: var(--text-color);
}

.VideoShowBackToWebStory {
    margin-left: 15px;
    border-bottom: 2px solid var(--primary-link-color);
}




/*******************************************
* loader
*********************************************/
.fi-loader-popup {
    background-color: rgba(255, 255, 255, .6) !important;
    backdrop-filter: blur(10px) !important;
    color: var(--text-color) !important;
}

.fi-loader-popup span.fi-loader-text {
    font-family: 'PTSans', sans-serif;
}

.spin-loader span {
    width: 8vmin;
    height: 8vmin;
    border-radius: 4vmin;
    backface-visibility: hidden;
    position: absolute;
    animation-name: move;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.8);
    animation-iteration-count: infinite;
    animation-duration: 3s;
    top: calc(50% - 4vmin);
    left: 50%;
    transform-origin: -4vmin center;
}

.spin-loader span:nth-child(1) {
    background: var(--primary-link-color);
    animation-delay: -0.5s;
    opacity: 0;
}

.spin-loader span:nth-child(2) {
    background: var(--primary-link-color);
    animation-delay: -1s;
    opacity: 0;
}

.spin-loader span:nth-child(3) {
    background: var(--primary-link-color);
    animation-delay: -1.5s;
    opacity: 0;
}

.spin-loader span:nth-child(4) {
    background: var(--text-color);
    animation-delay: -2s;
    opacity: 0;
}

.spin-loader span:nth-child(5) {
    background: var(--primary-bg-color);
    animation-delay: -2.5s;
    opacity: 0;
}

.spin-loader span:nth-child(6) {
    background: var(--secondary-bg-color);
    animation-delay: -3s;
    opacity: 0;
}

@keyframes move {
    0% {
        transform: scale(1) rotate(0deg) translate3d(0, 0, 1px);
    }

    30% {
        opacity: 1;
    }

    100% {
        z-index: 10;
        transform: scale(0) rotate(360deg) translate3d(0, 0, 1px);
    }
}




.loader {
    --background: linear-gradient(135deg, #db001b, #8b0000);
    --shadow: rgba(219, 0, 27, 0.28);
    --text: #6C7486;
    --page: rgba(255, 255, 255, 0.36);
    --page-fold: rgba(255, 255, 255, 0.52);
    --duration: 3s;
    width: 200px;
    height: 140px;
    position: relative;
}

.loader:before,
.loader:after {
    --r: -6deg;
    content: "";
    position: absolute;
    bottom: 8px;
    width: 120px;
    top: 80%;
    box-shadow: 0 16px 12px var(--shadow);
    transform: rotate(var(--r));
}

.loader:before {
    left: 4px;
}

.loader:after {
    --r: 6deg;
    right: 4px;
}

.loader div {
    width: 100%;
    height: 100%;
    border-radius: 13px;
    position: relative;
    z-index: 1;
    perspective: 600px;
    box-shadow: 0 4px 6px var(--shadow);
    background-image: var(--background);
}

.loader div ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.loader div ul li {
    --r: 180deg;
    --o: 0;
    --c: var(--page);
    position: absolute;
    top: 10px;
    left: 10px;
    transform-origin: 100% 50%;
    color: var(--c);
    opacity: var(--o);
    transform: rotateY(var(--r));
    -webkit-animation: var(--duration) ease infinite;
    animation: var(--duration) ease infinite;
}

.loader div ul li:nth-child(2) {
    --c: var(--page-fold);
    -webkit-animation-name: page-2;
    animation-name: page-2;
}

.loader div ul li:nth-child(3) {
    --c: var(--page-fold);
    -webkit-animation-name: page-3;
    animation-name: page-3;
}

.loader div ul li:nth-child(4) {
    --c: var(--page-fold);
    -webkit-animation-name: page-4;
    animation-name: page-4;
}

.loader div ul li:nth-child(5) {
    --c: var(--page-fold);
    -webkit-animation-name: page-5;
    animation-name: page-5;
}

.loader div ul li svg {
    width: 90px;
    height: 120px;
    display: block;
}

.loader div ul li:first-child {
    --r: 0deg;
    --o: 1;
}

.loader div ul li:last-child {
    --o: 1;
}

.loader span {
    display: block;
    font-family: 'PTSans', sans-serif;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 20px;
    text-align: center;
    color: var(--text);
}

@-webkit-keyframes page-2 {
    0% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    35%,
    100% {
        opacity: 0;
    }

    50%,
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes page-2 {
    0% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    35%,
    100% {
        opacity: 0;
    }

    50%,
    100% {
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes page-3 {
    15% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    50%,
    100% {
        opacity: 0;
    }

    65%,
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes page-3 {
    15% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    50%,
    100% {
        opacity: 0;
    }

    65%,
    100% {
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes page-4 {
    30% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    65%,
    100% {
        opacity: 0;
    }

    80%,
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes page-4 {
    30% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    65%,
    100% {
        opacity: 0;
    }

    80%,
    100% {
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes page-5 {
    45% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    65% {
        opacity: 1;
    }

    80%,
    100% {
        opacity: 0;
    }

    95%,
    100% {
        transform: rotateY(0deg);
    }
}

@keyframes page-5 {
    45% {
        transform: rotateY(180deg);
        opacity: 0;
    }

    65% {
        opacity: 1;
    }

    80%,
    100% {
        opacity: 0;
    }

    95%,
    100% {
        transform: rotateY(0deg);
    }
}


/*******************************************
* meistgelesen modul, document ranking
  module
*********************************************/
.DocumentRankingModule .DocumentRankingTab {
    background-color: var(--primary-bg-color);
}

.DocumentRankingModule .DocumentRankingContent a {
    color: var(--text-color);
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 120px;
}

.DocumentRankingModule .DocumentRankingContent a:hover {
    color: var(--primary-link-color);
    text-decoration: none;
}

ul.DocumentRankingHeadPanel.nav.nav-tabs {
    display: none;
}

.DocumentRankingModule img {
    max-height: 120px;
}

.DocumentRankingModule .article-heading {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .DocumentRankingModule .DocumentRankingContent a {
        font-size: 16px;
        line-height: 22px;
    }

    .article-meta {
        display: none;
    }
}


/*******************************************
* navbar, navigation bar
*********************************************/
.navbar {
    border: none;
}

.navbar-nav {
    margin: 5.5px 0px;
}

.navbar-nav>li>a {
    color: var(--text-color);
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background: none;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: none;
}


/*******************************************
* kontakte, ansprechpartner, notdienst,
  geschäftspartner, apotheken, contacts,
  business to business, pharmacy
*********************************************/
.box-container {
    background-color: var(--secondary-bg-color);
}

.box-container>div {
    width: 270px;
    height: 250px;
}

.box-container .box-content {
    font-family: 'PTSans', sans-serif;
}

.box-container .box-content header {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.box-container .box-content main,
.box-container .box-content footer {
    font-size: 14px;
    line-height: 20px;
}

.box-container .box-content footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.box-contacts,
.box-b2b,
.box-pharmacy {
    float: left;
    width: 270px;
    margin: 0 10px 30px 0;
    height: 250px;
    position: relative;
    background-color: var(--secondary-bg-color);
    border: 1px solid rgba(255, 255, 255, .1);
}

.box-b2b .ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 10;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.box-b2b .ribbon span {
    font-family: 'PTSans', sans-serif;
    font-size: 12px;
    color: var(--color-white);
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    transform: rotate(45deg);
    width: 100px;
    display: block;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
    background: var(--primary-link-color);
}

.box-b2b .ribbon span::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid var(--primary-link-color);
    border-top: 3px solid var(--primary-link-color);
}

.box-b2b .ribbon span::after {
    content: '';
    position: absolute;
    right: 0%;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid var(--primary-link-color);
    border-top: 3px solid var(--primary-link-color);
}

.box-contacts-content,
.box-b2b-content {
    padding: 12px;
    border-radius: 5px 5px;
    position: relative;
    height: 228px;
    font-family: 'PTSans', sans-serif;
}

.box-pharmacy-content {
    padding: 18px;
    position: relative;
    font-family: 'PTSans', sans-serif;
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 100%;
}

.box-pharmacy-image-container {
    display: flex;
    flex-direction: column;
}

.box-pharmacy-content-container {
    display: flex;
    flex-direction: column;
}

.box-pharmacy-header {
    flex: 1 0 auto;
}

.box-pharmacy-footer {
    flex: 0 0 auto;
}

.box-pharmacy-image {
    top: 10px;
    left: 10px;
    width: 80px;
    height: auto;
    border-radius: 50%;
    background-color: var(--color-white) !important;
}

.box-pharmacy-text {
    font-family: 'PTSans', sans-serif;
    font-size: 18px;
    line-height: 22px;
}

.box-pharmacy-text span {
    font-size: 14px;
}

.box-b2b-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-b2b-title {
    text-align: center;
    font-weight: 700;
}

.box-b2b-text {
    text-align: center;
    font-size: 18px;
}

.box-b2b-link {
    text-decoration: none;
    color: inherit;
}

.box-b2b-link,
.box-b2b-link:hover {
    color: var(--text-color);
}

.box-contacts-image {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 80px;
    height: auto;
    border-radius: 50%;
}

.box-contacts-teaser {
    font-family: 'PTSans', sans-serif;
    font-size: 18px;
    margin: 10px 0 0 100px;
    line-height: 22px;
}

.box-contacts-teaser span {
    font-size: 14px;
}

.box-contacts-text,
.box-b2b-text,
.b2b-text {
    font-family: 'PTSans', sans-serif;
}

.box-b2b-background-djb,
.box-b2b-background-sbw {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.box-b2b-background-djb {
    background-image: var(--djb-bg);
}

.box-b2b-background-sbw {
    background-image: var(--sbw-bg);
}

.box-contacts-list,
.box-pharmacy-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

.box-contacts-content .box-contacts-teaser i {
    padding-right: 10px;
}


/*******************************************
* buttons
*********************************************/
.btn {
    font-family: 'PTSans', sans-serif;
}

.btn-primary,
.btn-primary:hover,
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus {
    background-color: var(--primary-link-color);
    border: none;
}


/*******************************************
* weitere artikel anzeigen, show
  more button
*********************************************/
.btn-show-more {
    font-family: 'PTSans', sans-serif;
    font-size: 16px;
    background-color: var(--primary-link-color);
}




/*******************************************
* preis module, preis-übersicht
* abo-service
*********************************************/
.PriceModule,
.AboServiceModule,
.PrivacyModule,
.LegalNoticeModule {
    font-family: 'PTSans', sans-serif;
}



/*******************************************
* header, footer
*********************************************/
.footer-social-media-links {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 24px 0;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-links li {
    display: inline;
    line-height: 30px;
}

.footer-links a {
    color: var(--text-color);
    text-decoration: none;
}

.footer-links a:hover {
    border-bottom: 2px solid var(--text-color);
}

.footer-links li:not(:last-child)::after {
    content: '\B7';
    margin: 0 8px;
}

.header-social-media-links ul,
.footer-social-media-links ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}

.footer-social-media-links ul {
    gap: 32px !important;
}

.social-media-icon-whatsapp:hover,
.social-media-icon-whatsapp:focus,
.social-media-icon-facebook:hover,
.social-media-icon-facebook:focus,
.social-media-icon-instagram:hover,
.social-media-icon-instagram:focus {
    color: var(--text-color);
}

.footer-social-media-links .social-media-icon-whatsapp,
.footer-social-media-links .social-media-icon-facebook,
.footer-social-media-links .social-media-icon-instagram,
.footer-social-media-links .social-media-icon-bz-app {
    align-items: center;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    height: 40px;
    width: 40px;
    color: var(--text-color);
    justify-content: center;
    transition: color 150ms ease-in-out, background-color 150ms ease-in-out, opacity 150ms ease-in-out;
}

.header-social-media-links .social-media-icon-whatsapp:hover,
.header-social-media-links .social-media-icon-whatsapp:focus {
    text-decoration: none;
    color: var(--color-whatsapp);
}

.header-social-media-links .social-media-icon-facebook:hover,
.header-social-media-links .social-media-icon-facebook:focus {
    text-decoration: none;
    color: var(--color-facebook);
}

.header-social-media-links .social-media-icon-instagram:hover,
.header-social-media-links .social-media-icon-instagram:focus {
    text-decoration: none;
    color: var(--color-instagram);
}

.footer-social-media-links .social-media-icon-whatsapp:hover,
.footer-social-media-links .social-media-icon-whatsapp:focus {
    text-decoration: none;
    background-color: var(--color-whatsapp-bg);
}

.footer-social-media-links .social-media-icon-facebook:hover,
.footer-social-media-links .social-media-icon-facebook:focus {
    text-decoration: none;
    background-color: var(--color-facebook-bg);
}

.footer-social-media-links .social-media-icon-instagram:hover,
.footer-social-media-links .social-media-icon-instagram:focus {
    text-decoration: none;
    background-color: var(--color-instagram-bg);
}

.footer-social-media-links .social-media-icon-bz-app:hover,
.footer-social-media-links .social-media-icon-bz-app:focus {
    text-decoration: none;
    background-color: var(--color-bzapp-bg);
}

.header-social-media-links ul li,
.footer-social-media-links ul li {
    display: flex;
    align-items: center;
}

.header-social-media-links ul li a,
.footer-social-media-link ul li a {
    color: var(--text-color);
    display: flex;
    align-items: center;
    text-decoration: none;
}

.header-social-media-links ul li img,
.footer-social-media-links ul li img {
    display: block;
}

.header-social-media-links #icon-bz-app,
.footer-social-media-links #icon-bz-app {
    width: auto;
    height: 20px;
}

.header-social-media-links #icon-bz-app path,
.footer-social-media-links #icon-bz-app path {
    fill: var(--text-color);
}

.header-social-media-links #icon-bz-app:hover path {
    fill: var(--primary-link-color);
}




/*******************************************
* banner, topbanner, rectangle, billboard
*********************************************/
@media only screen and (max-width: 767px) {
    .topbanner {
        min-width: 320px;
        min-height: 100px;
    }

    .medium-rectangle,
    .large-rectangle {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .topbanner {
        /* width: 100%;
        height: auto; */
        min-width: 1242px;
        min-height: 100px;
    }
}

.topbanner {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.large-rectangle,
.medium-rectangle {
    margin-top: -26px;
}

.topbanner::before,
.medium-rectangle::before,
.large-rectangle::before {
    color: var(--color-grey);
    content: ' - Anzeige - ';
    font-size: 65%;
    font-family: 'PTSans', sans-serif;
    text-transform: none;
    text-align: right;
    display: block;
    font-weight: 500;
}

.TopbannerContainer .FlexboxContainerContent,
.MediumRectangleContainer .FlexboxContainerContent,
.LargeRectangleContainer .FlexboxContainerContent {
    justify-content: center !important;
}





/*******************************************
* infokasten
*********************************************/
.Infokasten {
    box-shadow: rgba(122, 123, 124, 0.04) 0px 0px 0px 1px, rgba(55, 56, 57, 0.04) 0px 1px 1px -0.5px, rgba(55, 56, 57, 0.04) 0px 3px 3px -1.5px, rgba(55, 56, 57, 0.04) 0px 6px 6px -3px, rgba(122, 123, 124, 0.04) 0px 12px 12px -6px, rgba(122, 123, 124, 0.04) 0px 24px 24px -12px;
    border-radius: 5px;
    padding: 10px 10px 10px 40px;
    border-left: 5px solid var(--text-color);
    background-color: var(--secondary-bg-color);
    margin-top: 2em;
}

.Infokasten h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 1em;
    /* display: inline-flex; */
}

.Infokasten h3::before {
    content: '\f05a';
    font-family: 'Font Awesome 6 Free';
    margin-right: 10px;
    margin-left: -30px;
}

.Infokasten:empty {
    display: none;
}

/* .Infokasten h3::before {
    content: '\f05a';
    font-family: 'Font Awesome 6 Free';
    margin-right: 8px;
} */


/*******************************************
* alert
*********************************************/
.alert {
    font-family: 'PTSans', sans-serif;
}

.alert-info {
    color: var(--color-grey);
    background-color: var(--secondary-bg-color);
    font-family: 'PTSans', sans-serif;
    border: var(--border-outline);
}


/*******************************************
* paywall, bezahlschranke
*********************************************/
.paywall-wrapper {
    max-width: 700px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    font-family: 'PTSans', sans-serif;
}

.paywall-wrapper .headLine,
.centerHeadline .headLine {
    justify-content: center;
    align-items: center;
}

.paywall-wrapper .headLine:before,
.paywall-wrapper .headLine:after,
.centerHeadline .headLine:before,
.centerHeadline .headLine:after {
    content: "";
    flex: 1;
    margin: 0 .25rem;
    border-bottom: 2px solid var(--primary-link-color);
}

.paywall-wrapper .headLine:before,
.centerHeadline .headLine:before {
    margin-right: 20px;
}

.paywall-wrapper .headLine:after,
.centerHeadline .headLine:after {
    margin-left: 20px;
}

.abo-container {
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--secondary-bg-color);
}

.abo-container,
.login-container {
    border: 1px solid rgba(255, 255, 255, .1);
}

.abo-container .img-container {
    /* display: flex; */
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-around;
    align-content: center;
}

.abo-container .text-container {
    padding-left: 20px;
    /* 0 */
    padding-top: 10px;
}

.round-container {
    border-radius: 5px;
    box-shadow: rgba(122, 123, 124, 0.04) 0px 0px 0px 1px, rgba(55, 56, 57, 0.04) 0px 1px 1px -0.5px, rgba(55, 56, 57, 0.04) 0px 3px 3px -1.5px, rgba(55, 56, 57, 0.04) 0px 6px 6px -3px, rgba(122, 123, 124, 0.04) 0px 12px 12px -6px, rgba(122, 123, 124, 0.04) 0px 24px 24px -12px;
}

.login-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    margin-top: 20px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    color: var(--text-color);
    text-decoration: none;
}

.login-container:hover,
.login-container:active {
    color: var(--text-color);
    text-decoration: none;
}


.login-img-container {
    font-size: 30px;
    width: 10%;
}

.login-text-container {
    width: 90%;
}

.login-text-container p {
    margin: 0;
}

.button-container a.btn.btn-primary {
    width: 100%;
}

.button-container p.small-print {
    margin-top: 10px;
    color: var(--color-grey);
    font-size: 14px;
    line-height: 20px;
}

.arrow {
    position: absolute;
    right: 20px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    font-size: 30px;
}

.paywallHr {
    border: .5px solid var(--color-grey) !important;
    margin-top: 15px;
    margin-bottom: 20px;
}

.top-row {
    margin-top: 15px;
}

.bottom-row {
    display: flex;
    flex-wrap: wrap;
}

p.product {
    font-weight: 700;
    font-size: 20px;
    color: var(--primary-link-color);
}

p.price {
    font-size: 14px;
}

ul.advantages-list {
    width: 50%;
}

ul.advantages-list li {
    padding: .5rem 0 0.5rem 0;
    font-size: 14px;
    list-style: none;
    position: relative;
}

ul.advantages-list li::before {
    font-family: 'Font Awesome 6 Free';
    content: '\f058';
    position: absolute;
    left: -25px;
    color: var(--primary-link-color);
}

.WebStoryShowModule article .StoryShowBody .StoryShowBaseTextBox.CustomBaseTextWithGradient {
    color: var(--text-color);
}

.WebStoryShowModule article .StoryShowBody .StoryShowBaseTextBox.CustomBaseTextWithGradient .CustomGradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--primary-bg-color) 100%);
}


/*******************************************
* swiper
*********************************************/
.swiper-button-prev,
.swiper-button-next {
    color: var(--primary-link-color);
}


/*******************************************
* artikel vorschau modul,
  story preview box
*********************************************/
article.StoryPreviewBox .article-pubdate {
    margin-left: 15px;
    color: var(--color-grey);
}

article.StoryPreviewBox .article-heading a {
    color: var(--text-color);
}

article.StoryPreviewBox .article-heading a:hover {
    color: var(--primary-link-color);
    text-decoration: none;
}

article.StoryPreviewBox .AddToWatchListLink,
.DocumentRankingContentHolder .AddToWatchListLink {
    cursor: copy;
}

article.StoryPreviewBox.article-flex {
    margin-bottom: 30px;
}



/*******************************************
* tabs
*********************************************/
.tabs-wrapper {
    position: relative;
    overflow: hidden;
}

.tabs-container {
    font-family: 'PTSans', sans-serif;
    /*position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs {
    display: flex;
    position: relative;
    gap: 20px;
    /* v2 */
    color: var(--color-grey);
    /* v2 */
    /* background-color: #fff; */
    /*box-shadow: 0 0 1px 0 rgba(151, 151, 151, 0.15), 0 6px 12px 0 rgba(151, 151, 151, 0.15);*/
    /* box-shadow: rgba(122, 123, 124, 0.04) 0px 0px 0px 1px, rgba(55, 56, 57, 0.04) 0px 1px 1px -0.5px, rgba(55, 56, 57, 0.04) 0px 3px 3px -1.5px, rgba(55, 56, 57, 0.04) 0px 6px 6px -3px, rgba(122, 123, 124, 0.04) 0px 12px 12px -6px, rgba(122, 123, 124, 0.04) 0px 24px 24px -12px; */
    /* padding: 0.75rem; */
    /* border-radius: 99px; */
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.tabs::-webkit-scrollbar {
    display: none;
}

.tabs-wrapper::before,
.tabs-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tabs-wrapper::before {
    left: 0;
    /* background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); */
    background: linear-gradient(to right, var(--primary-bg-color), rgba(31, 30, 28, 0));
}

.tabs-wrapper::after {
    right: 0;
    /* background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); */
    background: linear-gradient(to right, rgba(31, 30, 28, 0), var(--primary-bg-color));
}

.tabs-wrapper.show-left-gradient::before {
    opacity: 1;
}

.tabs-wrapper.show-right-gradient::after {
    opacity: 1;
}

.tabs * {
    z-index: 2;
}

.tabs input[type="radio"] {
    display: none;
}

.tab {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 42px;
	width: 160px; */
    font-size: 16px;
    font-weight: 700;
    /* border-radius: 79px; */
    cursor: pointer;
    transition: color 0.15s ease-in;
}

/* .notification {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-left: 0.75rem;
	border-radius: 50%;
	background-color: var(--secondary-bg-color);
	transition: 0.15s ease-in;
} */
.tabs input[type=radio]:checked+label {
    /* color: var(--primary-link-color); */
    color: var(--text-color);
    border-bottom: 2px solid var(--primary-link-color);
}

/* .tabs input[type=radio]:checked + label > .notification {
    background-color: var(--primary-link-color);
    color: #fff;
} */
/* .tabs input[id=tab-1]:checked ~ .glider {
    transform: translateX(0);
}
.tabs input[id=tab-2]:checked ~ .glider {
    transform: translateX(100%);
} */
/* .glider {
    position: absolute;
    display: flex;
    height: 47px;
    width: 159px;
    background-color: var(--secondary-bg-color);
    z-index: 1;
    border-radius: 40px;
    transition: 0.25s ease-out;
} */
.contacts-content {
    display: none;
}

/*
@media (max-width: 767px) {
    .tabs {
        transform: scale(0.6);
    }
}
*/


/*******************************************
* überschrift, headline
*********************************************/
.headLine {
    color: var(--text-color);
}

.headLine:after {
    border-bottom: 2px solid var(--primary-link-color);
}

.headLineGrey::after {
    border-bottom: 2px solid var(--color-grey);
}


/*******************************************
* icon suche, search
*********************************************/
.nav-search-icon {
    color: var(--text-color);
}


/*******************************************
* web artikel, story
*********************************************/
.StoryShowBox,
.StoryShowBox .intro {
    color: var(--text-color);
}

.StoryShowBox,
.StoryShowBaseTextBox {
    max-width: 818px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.StoryShowInteraction {
    display: none !important;
}

.StoryShowBox .author {
    font-size: 14px;
    line-height: 19px;
}

.StoryShowBaseTextBox .StoryShowGalleryImage {
    margin-top: 20px;
}

.StoryShowBaseTextBox p:first-child {
    margin: 14px 0 14px !important;
}

article.StoryPreviewBox p:nth-of-type(2) {
    flex: 1 0 auto;
}

article.WebStoryShow .StoryShowBaseTextBox p:has(iframe) {
    text-align: center;
    margin: 30px 0;
}


/*******************************************
* lesezeit, reading time
*********************************************/
.readingtime::before {
    content: '\f017';
    font-family: 'Font Awesome 6 Free';
    margin-right: 5px;
    font-weight: 400;
}

.readingtime img {
    display: none;
}


/*******************************************
* fotogalerie, photo gallery
*********************************************/
.preview-module .preview-module-content .preview-doc .preview-date,
.preview-module .preview-module-content .preview-doc .preview-heading {
    color: var(--text-color);
}

.preview-module .preview-module-content .preview-doc .preview-heading:hover {
    color: var(--primary-link-color);
    text-decoration: none;
}

header.preview-header>a {
    color: var(--primary-link-color);
    text-decoration: none;
}


/*******************************************
* suche, search
*********************************************/
.nav-search-icon {
    color: var(--text-color);
}

.DocSearchModule .searchExtended {
    background-color: var(--secondary-bg-color);
}

.DocSearchModule .queryResult>ul>li a {
    color: var(--text-color);
}

.DocSearchModule .queryResult>ul>li a:hover {
    color: var(--primary-link-color);
}

.pagination>li>a,
.pagination>li>span {
    color: var(--text-color);
    background-color: var(--secondary-bg-color);
    border: 1px solid rgba(255, 255, 255, .1);
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: var(--color-grey);
    background-color: var(--primary-bg-color);
    border-color: rgba(255, 255, 255, .1);
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    color: var(--text-color);
    background-color: var(--primary-bg-color);
    border-color: rgba(255, 255, 255, .1);
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    background-color: var(--primary-link-color);
    border-color: var(--primary-link-color);
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    background-color: var(--secondary-bg-color);
    border: 1px solid rgba(255, 255, 255, .1);
    color: var(--text-color);
}

input#SearchText::placeholder {
    color: var(--text-color);
}

.form-control {
    color: var(--text-color);
    background-color: var(--secondary-bg-color);
    border: 1px solid rgba(255, 255, 255, .1);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: var(--secondary-bg-color);
    border: 1px solid rgba(255, 255, 255, .1);
}


/*******************************************
* kontaktformular, contact form
*********************************************/
.WcmsFormModule>.WcmsFormModuleContent>.form-horizontal {
    max-width: 818px;
    margin-left: auto;
    margin-right: auto;
}

.WcmsFormModuleContent {
    font-family: 'PTSans', sans-serif;
}

.WcmsFormModule .fi-form-row label {
    text-align: left;
}


/*******************************************
* tag list
*********************************************/
.StoryShowInlineBox.InlineTagList h3.headLine,
.StoryShowInlineBox.InlineTagList .glyphicon.glyphicon-tag {
    display: none;
}

.StoryShowInlineBox.InlineTagList ul {
    font-family: 'PTSans', sans-serif;
    font-size: 14px;
}

.StoryShowInlineBox.InlineTagList ul::before {
    content: '\f054';
    font-family: 'Font Awesome 6 Free';
    float: left;
    margin-right: 10px;
}

.StoryShowInlineBox.InlineTagList ul li {
    display: inline-block;
    margin-right: 10px;
}

.StoryShowInlineBox.InlineTagList ul li a {
    cursor: pointer;
    border-bottom: 2px solid var(--primary-link-color);
}


/*******************************************
* sonstiges, miscellaneous
*********************************************/
.bkg-gray {
    background-color: var(--secondary-bg-color);
}

.store-badge {
    height: 50px;
    width: auto;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: var(--primary-link-color);
}






.swiper-pagination-bullet {
    background: var(--text-color);
}

.header_share ul li a {
    color: var(--text-color);
}

.FlexboxContainer {
    justify-content: center;
}

h2 {
    font-family: 'PTSans', sans-serif;
    font-weight: 700;
}

.WcmsHeader {
    border-bottom: 1px solid var(--color-grey);
}

/* Artikel empfehlen */
.StoryShowMetaShare {
    display: none;
}

/* Artikel Aktionen */
.StoryShowMetaActions {
    display: none;
}

/* Artikel kommentieren */
/* .DocCommentModule {
    display: none;
} */

.DocCommentModule {
    text-align: center;
}

.DocCommentModule .alert {
    text-align: center;
}

/* Artikel versenden */
.DocSendMailModule {
    display: none;
}

/* Artikel empfehlen */
.DocFeedbackModule {
    display: none;
}

.StoryShowMetaTimeInfo {
    font-family: 'PTSans', sans-serif;
}

/* Social Media Icons */
.header-social-media-links {
    display: flex;
    align-items: center;
    padding-left: 20px;
}

/* Logo Header/Footer */
#WcmsLogoXs {
    flex-grow: 1;
    justify-content: center;
    display: flex;
}

.header-logo {
    padding-top: 1em;
    text-align: center;
}

.header-logo svg {
    width: auto;
    max-width: 100%;
    height: 70px;
    max-height: 70px;
}

.footer-logo svg {
    width: auto;
    height: 35px;
    max-height: 35px;
}

.header-logo-image,
.footer-logo-image {
    fill: var(--text-color);
}

/* Mobile Navbar Header */
.mobile-navbar-header {
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -30px;
}


@media (max-width: 767px) {
    .header-logo {
        padding: 0;
    }

    .navbar-toggle {
        top: -5px;
    }

    /* Empfehlung der Redaktion - Rand links/rechts auf Mobilgeräten */
    .fw-module {
        left: initial;
        width: auto;
    }

    .bkg-gray {
        margin-left: -15px;
        margin-right: -15px;
    }

    .fw-module>div {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.WcmsModule {
    margin-bottom: 30px;
}

/* Empfehlung der Redaktion */
.fw-module>div {
    max-width: 1242px;
}

/* Datum Webartikel */
article.WebStoryShow .StoryShowBox .autordatewatchlist p.pubdate {
    margin-left: 15px;
}

/* more, mehr */
.WcmsModule A.moreLink:active,
.WcmsModule A.moreLink:link,
.WcmsModule A.moreLink:visited {
    color: var(--color-grey);
    font-family: 'PTSans', sans-serif;
}

.backgroundBlur {
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1009;
    position: fixed;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Module verstecken */
.HideModule {
    display: none;
}

/* Container verstecken */
.HideContainer {
    display: none;
}

/* E-Mail, Facebook, X, Twitter Verlinkung ausblenden */
.StoryShowShare {
    display: none;
}

/* Bildergalerie in Web-Artikeln */
.PictureGalleryStripe {
    display: none;
}

.PictureGalleryNavigation {
    font-family: 'PTSans', sans-serif;
}

.PictureGalleryShoppingCart {
    display: none !important;
}

.PictureGalleryImage figcaption {
    margin-top: 20px;
}

/* Update */
.article-update {
    font-family: 'PTSans', sans-serif;
}

.article-update::before {
    content: '\f2ea';
    font-family: 'Font Awesome 6 Free';
    margin-right: 5px;
}

/* Ihr Autor */
.StoryAuthors {
    display: none;
}

.round-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: var(--color-white);
    background-color: var(--color-grey);
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin: 0 5px;
    font-size: 18px;
    transition: background-color 0.3s;
}



/*******************************************
* theme button, theme switcher
*********************************************/
#theme-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-color: var(--primary-link-color);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1001;
    cursor: pointer;
}

@media (max-width: 767px) {
    #theme-button {
        display: none;
    }
}



/*******************************************
* bz fuer dich
*********************************************/
.bz-fuer-dich {
    overflow: hidden;
    margin-bottom: 3em;
}
.bz-fuer-dich h1 {
    padding-top: 2em;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.bz-fuer-dich img {
    max-width: 200px;
    height: auto;
    max-height: 450px;
    margin: 5px 10px 5px 0;
}
.StoryShowBox .bz-fuer-dich p img:nth-of-type(odd) {
    float: left;
}
.StoryShowBox .bz-fuer-dich p img:nth-of-type(even) {
    float: right;
}
.bz-fuer-dich h2 {
    padding-top: 2em;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-color);
}
.bz-fuer-dich article p {
    font-size: 24px;
    text-align: justify;
}


/*******************************************
* sonderveroeffentlichungen
*********************************************/
.scroll-container {
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    cursor: grab;
}

.scroll-container::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}

.cards {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 20px;
}

.card {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    /* width: 270px; */
    font-family: 'PTSans', sans-serif;
    text-align: center;
}

.card-image {
    /* width: 100%; */
    max-height: 382px;
}

.card-body {
    flex: 1 1 auto;
}


/*******************************************
* datenschutz, privary
*********************************************/
.PrivacyModule {
    font-family: 'PTSans', sans-serif;
}

.PrivacyModule h1 {
    font-weight: 700;
}



/*******************************************
* bootstrap 5
*********************************************/
/* margin */
.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

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

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

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

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}


/* padding */
.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

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

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

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

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}


/* Flex */
.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.row-gap-0 {
    row-gap: 0 !important;
}

.row-gap-1 {
    row-gap: 0.25rem !important;
}

.row-gap-2 {
    row-gap: 0.5rem !important;
}

.row-gap-3 {
    row-gap: 1rem !important;
}

.row-gap-4 {
    row-gap: 1.5rem !important;
}

.row-gap-5 {
    row-gap: 3rem !important;
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
}

.column-gap-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
}

.column-gap-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
}

/* width */
.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }

    .float-sm-end {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }

    .object-fit-sm-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }

    .object-fit-sm-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

    .object-fit-sm-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
    }

    .object-fit-sm-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
    }

    .object-fit-sm-none {
        -o-object-fit: none !important;
        object-fit: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-inline-grid {
        display: inline-grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

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

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

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

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

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

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

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

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

    .gap-sm-0 {
        gap: 0 !important;
    }

    .gap-sm-1 {
        gap: 0.25rem !important;
    }

    .gap-sm-2 {
        gap: 0.5rem !important;
    }

    .gap-sm-3 {
        gap: 1rem !important;
    }

    .gap-sm-4 {
        gap: 1.5rem !important;
    }

    .gap-sm-5 {
        gap: 3rem !important;
    }

    .row-gap-sm-0 {
        row-gap: 0 !important;
    }

    .row-gap-sm-1 {
        row-gap: 0.25rem !important;
    }

    .row-gap-sm-2 {
        row-gap: 0.5rem !important;
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important;
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important;
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important;
    }

    .column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }

    .column-gap-sm-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }

    .column-gap-sm-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }

    .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }

    .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
    }

    .column-gap-sm-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
    }

    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }

    .float-md-end {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .object-fit-md-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }

    .object-fit-md-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

    .object-fit-md-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
    }

    .object-fit-md-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
    }

    .object-fit-md-none {
        -o-object-fit: none !important;
        object-fit: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-inline-grid {
        display: inline-grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

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

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

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

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

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

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

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

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }

    .gap-md-0 {
        gap: 0 !important;
    }

    .gap-md-1 {
        gap: 0.25rem !important;
    }

    .gap-md-2 {
        gap: 0.5rem !important;
    }

    .gap-md-3 {
        gap: 1rem !important;
    }

    .gap-md-4 {
        gap: 1.5rem !important;
    }

    .gap-md-5 {
        gap: 3rem !important;
    }

    .row-gap-md-0 {
        row-gap: 0 !important;
    }

    .row-gap-md-1 {
        row-gap: 0.25rem !important;
    }

    .row-gap-md-2 {
        row-gap: 0.5rem !important;
    }

    .row-gap-md-3 {
        row-gap: 1rem !important;
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important;
    }

    .row-gap-md-5 {
        row-gap: 3rem !important;
    }

    .column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }

    .column-gap-md-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }

    .column-gap-md-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }

    .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }

    .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
    }

    .column-gap-md-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
    }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }

    .float-lg-end {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .object-fit-lg-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }

    .object-fit-lg-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

    .object-fit-lg-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
    }

    .object-fit-lg-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
    }

    .object-fit-lg-none {
        -o-object-fit: none !important;
        object-fit: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-inline-grid {
        display: inline-grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

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

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

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

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

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

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

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

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }

    .gap-lg-0 {
        gap: 0 !important;
    }

    .gap-lg-1 {
        gap: 0.25rem !important;
    }

    .gap-lg-2 {
        gap: 0.5rem !important;
    }

    .gap-lg-3 {
        gap: 1rem !important;
    }

    .gap-lg-4 {
        gap: 1.5rem !important;
    }

    .gap-lg-5 {
        gap: 3rem !important;
    }

    .row-gap-lg-0 {
        row-gap: 0 !important;
    }

    .row-gap-lg-1 {
        row-gap: 0.25rem !important;
    }

    .row-gap-lg-2 {
        row-gap: 0.5rem !important;
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important;
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important;
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important;
    }

    .column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }

    .column-gap-lg-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }

    .column-gap-lg-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }

    .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }

    .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
    }

    .column-gap-lg-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }

    .float-xl-end {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .object-fit-xl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }

    .object-fit-xl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

    .object-fit-xl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
    }

    .object-fit-xl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
    }

    .object-fit-xl-none {
        -o-object-fit: none !important;
        object-fit: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-inline-grid {
        display: inline-grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

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

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

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

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xl-5 {
        margin-right: 3rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

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

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

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

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

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

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-5 {
        padding-right: 3rem !important;
    }

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

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-5 {
        padding-left: 3rem !important;
    }

    .gap-xl-0 {
        gap: 0 !important;
    }

    .gap-xl-1 {
        gap: 0.25rem !important;
    }

    .gap-xl-2 {
        gap: 0.5rem !important;
    }

    .gap-xl-3 {
        gap: 1rem !important;
    }

    .gap-xl-4 {
        gap: 1.5rem !important;
    }

    .gap-xl-5 {
        gap: 3rem !important;
    }

    .row-gap-xl-0 {
        row-gap: 0 !important;
    }

    .row-gap-xl-1 {
        row-gap: 0.25rem !important;
    }

    .row-gap-xl-2 {
        row-gap: 0.5rem !important;
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important;
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important;
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important;
    }

    .column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }

    .column-gap-xl-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }

    .column-gap-xl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }

    .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }

    .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
    }

    .column-gap-xl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
    }

    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

    .float-xxl-end {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }

    .object-fit-xxl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
    }

    .object-fit-xxl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

    .object-fit-xxl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
    }

    .object-fit-xxl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
    }

    .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-inline-grid {
        display: inline-grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xxl-row {
        flex-direction: row !important;
    }

    .flex-xxl-column {
        flex-direction: column !important;
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 1rem !important;
    }

    .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .m-xxl-5 {
        margin: 3rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

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

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-5 {
        margin-top: 3rem !important;
    }

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

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

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

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

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

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 1rem !important;
    }

    .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .p-xxl-5 {
        padding: 3rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

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

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-5 {
        padding-right: 3rem !important;
    }

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

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-5 {
        padding-left: 3rem !important;
    }

    .gap-xxl-0 {
        gap: 0 !important;
    }

    .gap-xxl-1 {
        gap: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.5rem !important;
    }

    .gap-xxl-3 {
        gap: 1rem !important;
    }

    .gap-xxl-4 {
        gap: 1.5rem !important;
    }

    .gap-xxl-5 {
        gap: 3rem !important;
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important;
    }

    .row-gap-xxl-1 {
        row-gap: 0.25rem !important;
    }

    .row-gap-xxl-2 {
        row-gap: 0.5rem !important;
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important;
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important;
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important;
    }

    .column-gap-xxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
    }

    .column-gap-xxl-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
    }

    .column-gap-xxl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
    }

    .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
    }

    .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
    }

    .column-gap-xxl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }
}