@import "fonts.css";
@import "swiper.min.css";
@import "bootstrap.min.css";
@import "fontawesome.min.css";
@import "aos.min.css";
@import "vars.css";

@import "bootstrap-additions.css";
@import "components.css";
@import "cookiebanner.css";
@import "floating-buttons.css";
@import "scrolltotop.css";

/*Cars CSS*/
@import "cars/car-colors.css";
@import "cars/car-colors-co2.css";
@import "cars/car-filter.css";
@import "cars/car-floating-buttons.css";

/*Navigation Style CSS*/
@import "navigation-styles/navigation-diamond.css";
@import "navigation-styles/navigation-fontcolor.css";
@import "navigation-styles/navigation-pill.css";
@import "navigation-styles/navigation-rectangle.css";
@import "navigation-styles/navigation-rounded.css";
@import "navigation-styles/navigation-underline.css";


/*Scroll to 2rem above the target*/
:target {
    scroll-margin-top: calc(var(--nav-main-height) + var(--nav-sub-height));
}

/*Scrollbars*/
* {
    scrollbar-color: var(--bs-secondary) var(--bs-border-color);
    scrollbar-width: thin;
    /*hyphens: auto;*/
}

::-webkit-scrollbar {
    width: 8px;
    background-color: var(--bs-border-color);
}

::-webkit-scrollbar-thumb {
    background-color: var(--bs-secondary);
}

/*Responsive font size of body*/
@media (max-width: 767px) {
    body {
        font-size: calc(var(--bs-body-font-size) / 100 * 95);
    }
}

@media (max-width: 575px) {
    body {
        font-size: calc(var(--bs-body-font-size) / 100 * 90);
    }
}

/*Links*/
a {
    color: var(--bs-primary-rgb);
}

a:hover {
    color: var(--bs-primary-rgb);
}

/*Headlines*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: var(--bs-body-font-family);
}

/*Headlines - Font-Weight on different Font-Family*/
[data-body-font="Nunito Sans"] :is(h1, h2, h3, h4, h5, h6) { font-weight: 800 }
[data-body-font="Open Sans"] :is(h1, h2, h3, h4, h5, h6) { font-weight: 500 }
[data-body-font="Roboto Condensed"] :is(h1, h2, h3, h4, h5, h6) { font-weight: 500 }
[data-body-font="Roboto"] :is(h1, h2, h3, h4, h5, h6) { font-weight: 500 }
[data-body-font="Source Sans 3"] :is(h1, h2, h3, h4, h5, h6) { font-weight: 500 }
[data-body-font="Titillium Web"] :is(h1, h2, h3, h4, h5, h6) { font-weight: 400 }
[data-body-font="Merriweather"] :is(h1, h2, h3, h4, h5, h6) { font-weight: 400 }

/*Containers*/
@media (min-width: 576px)  { .container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --container-max-width: 540px } }
@media (min-width: 768px)  { .container, .container-xxl, .container-xl, .container-lg, .container-md                { --container-max-width: 720px } }
@media (min-width: 992px)  { .container, .container-xxl, .container-xl, .container-lg                               { --container-max-width: 960px } }
@media (min-width: 1200px) { .container, .container-xxl, .container-xl                                              { --container-max-width: 1140px } }
@media (min-width: 1400px) { .container, .container-xxl                                                             { --container-max-width: 1320px } }

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    max-width: var(--container-max-width)
}

/*Backgrounds*/
.bg-custom-color {
    --bg-custom-color: #000000;
    background-color: var(--bg-custom-color);
}

/* Navbar Color Global*/
.navbar,
.navbar[data-bs-theme="light"],
.navbar[data-bs-theme="dark"] {
    --bs-navbar-brand-padding-y: 0; /*Brand Padding Y*/
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 1); /*Font Color*/
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); /*Font Color*/
    --bs-navbar-nav-link-padding-x: 1rem;
}

.navbar:not([data-nav-style="none"]) .dropdown-item + .dropdown-toggle:hover::after,
.navbar:not([data-nav-style="none"]) .dropdown-item + .dropdown-toggle.active::after {
    color: var(--bs-secondary);
}

.navbar:not([data-nav-style="none"]) .dropdown-menu {
    --bs-dropdown-link-hover-color: var(--bs-secondary);
    --bs-dropdown-link-active-color: var(--bs-secondary);
}

/*Navbar Brand Global*/
.navbar-brand img {
    max-height: 100%;
    max-width: 100%;
}

#mainnav .navbar-brand {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: var(--nav-logo-height);
    max-height: var(--nav-main-height);
    max-width: var(--nav-logo-width);
}

@media (max-width: 767px) {
    #mainnav .navbar-brand {
        height: calc(var(--nav-logo-height) * var(--nav-main-height-scale));
    }
}

#mainfooter .navbar-brand {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: auto;
    max-height: var(--footer-logo-height);
    max-width: var(--footer-logo-width);
}

/*############################*/
/*########## SUBNAV ##########*/
/*############################*/
#subnav {
    background: var(--nav-sub-bg);
    height: var(--nav-sub-height);
}

#subnav .navbar-nav > li > a,
#subnav .dropdown-menu ul > li > a {
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-dropdown-item-padding-x: 0.5rem;
}

@media all and (min-width: 1200px) {
    #subnav .dropdown-custom a[data-bs-toggle="dropdown"] {
        display: none;
    }

    #subnav .dropdown-custom .dropdown-menu {
        position: static;
        display: flex;
        padding: 0;
        background: none;
        box-shadow: none;
        backdrop-filter: none;
    }

    #subnav .dropdown-custom .dropdown-menu ul > li > a,
    #subnav .dropdown-custom .dropdown-menu ul > li > a:focus,
    #subnav .dropdown-custom .dropdown-menu ul > li > a:hover {
        color: var(--bs-nav-link-color);
    }
}

/*###########################*/
/*######### MAINNAV #########*/
/*###########################*/
#mainnav > .navbar:first-child {
    --bs-navbar-padding-y: 0;
    height: var(--nav-main-height);
}

@media (max-width: 767px) {
    #mainnav > .navbar:first-child {
        height: calc(var(--nav-main-height) * var(--nav-main-height-scale));
    }
}

#mainnav[data-nav-layout="one-liner"] > [data-bs-theme] {
    background-color: var(--nav-main-bg);
}

#mainnav[data-nav-layout="two-liner"] > [data-bs-theme] {
    background-color: var(--nav-main-bg);
}

#mainnav [data-bs-theme] .dropdown,
#mainnav [data-bs-theme] .dropend,
#mainnav [data-bs-theme] .dropdown-toggle {
    display: flex;
}

#mainnav [data-bs-theme] .nav-link + .dropdown-toggle {
    padding-top: var(--bs-nav-link-padding-y);
    padding-bottom: var(--bs-nav-link-padding-y);
    color: var(--bs-nav-link-color);
    transition: all .15s ease-in-out;
}

#mainnav [data-bs-theme] .dropdown-item + .dropdown-toggle {
    padding-top: var(--bs-nav-link-padding-y);
    padding-bottom: var(--bs-nav-link-padding-y);
    color: var(--bs-dropdown-link-color);
}

#mainnav [data-bs-theme] .nav-link + .dropdown-toggle::before {
    content: "";
    border-left: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.05);
}

#mainnav [data-bs-theme] .dropdown-item + .dropdown-toggle::before {
    content: "";
    border-left: 1px solid var(--bs-dropdown-link-color);
}

#mainnav [data-bs-theme] .dropdown-toggle::after {
    content: "\f107";
    border: none;
    line-height: 1;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: var(--bs-nav-link-font-size);
    margin-left: auto;
    padding-left: calc(var(--bs-navbar-nav-link-padding-x) / 2);
    display: flex;
    align-items: center;
    transition: all .15s ease-in-out;
}

#mainnav [data-bs-theme] .dropend .dropdown-toggle::after {
    content: "\f105";
}

#mainnav [data-bs-theme] .nav-link + .dropdown-toggle::after,
#mainnav [data-bs-theme] .dropdown-item + .dropdown-toggle::after {
    padding-inline: var(--bs-navbar-nav-link-padding-x);
}

#mainnav [data-bs-theme] .nav-link,
#mainnav [data-bs-theme] .dropdown-item {
    text-wrap: nowrap;
    transition: all .15s ease-in-out;
}

#mainnav [data-nav-style] .offcanvas.show .nav-item > .nav-link::before,
#mainnav [data-nav-style] .offcanvas.showing .nav-item > .nav-link::before,
#mainnav [data-nav-style] .offcanvas.showing .nav-item > .dropdown-toggle::before,
#mainnav [data-nav-style] .offcanvas.show .nav-item > .dropdown-toggle::before {
/*    content: none;*/
    transform: none;
    border-radius: 0;
}

#mainnav [data-nav-style] .offcanvas.show .offcanvas-body,
#mainnav [data-nav-style] .offcanvas.showing .offcanvas-body {
    padding: 0;
}

#mainnav [data-nav-style] .offcanvas.show .offcanvas-body .nav-item > .nav-link,
#mainnav [data-nav-style] .offcanvas.showing .offcanvas-body .nav-item > .nav-link,
#mainnav [data-nav-style] .offcanvas.show .nav-item > .nav-link + .dropdown-toggle::after,
#mainnav [data-nav-style] .offcanvas.showing .nav-item > .nav-link + .dropdown-toggle::after {
    padding-left: 1rem;
    padding-right: 1rem;
}

#mainnav [data-nav-style] .offcanvas.show .nav-item.dropdown > .dropdown-menu,
#mainnav [data-nav-style] .offcanvas.showing .nav-item.dropdown > .dropdown-menu {
    margin: 0;
    border-radius: 0;
}

#mainnav [data-nav-style] .offcanvas .offcanvas-header,
#mainnav [data-nav-style] .offcanvas:is(.show, .showing) .nav-item {
    border-bottom: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.05);
}

@media (max-width: 575px) {
    #mainnav .navbar-expand-sm .nav-link,
    #mainnav .navbar-expand-sm .dropdown-item {
        padding-block: calc(var(--bs-nav-link-padding-y) * 1.5);
        flex: 1;
    }

    #mainnav .navbar-expand-sm .nav-link + .dropdown-toggle::after {
        padding-right: 0;
    }

    #mainnav .navbar-expand-sm .navbar-nav .dropdown-menu,
    #mainnav .navbar-expand-sm .dropdown,
    #mainnav .navbar-expand-sm .dropend {
        width: 100%;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    #mainnav .navbar-expand-md .nav-link,
    #mainnav .navbar-expand-md .dropdown-item {
        padding-block: calc(var(--bs-nav-link-padding-y) * 1.5);
        flex: 1;
    }

    #mainnav .navbar-expand-md .nav-link + .dropdown-toggle::after {
        padding-right: 0;
    }

    #mainnav .navbar-expand-md .navbar-nav .dropdown-menu,
    #mainnav .navbar-expand-md .dropdown,
    #mainnav .navbar-expand-md .dropend {
        width: 100%;
        flex-wrap: wrap;
    }
}
@media (max-width: 991px) {
    #mainnav .navbar-expand-lg .nav-link,
    #mainnav .navbar-expand-lg .dropdown-item {
        padding-block: calc(var(--bs-nav-link-padding-y) * 1.5);
        flex: 1;
    }

    #mainnav .navbar-expand-lg .nav-link + .dropdown-toggle::after {
        padding-right: 0;
    }

    #mainnav .navbar-expand-lg .navbar-nav .dropdown-menu,
    #mainnav .navbar-expand-lg .dropdown,
    #mainnav .navbar-expand-lg .dropend {
        width: 100%;
        flex-wrap: wrap;
    }
}
@media (max-width: 1199px) {
    #mainnav .navbar-expand-xl .nav-link,
    #mainnav .navbar-expand-xl .dropdown-item {
        padding-block: calc(var(--bs-nav-link-padding-y) * 1.5);
        flex: 1;
    }

    #mainnav .navbar-expand-xl .nav-link + .dropdown-toggle::after {
        padding-right: 0;
    }

    #mainnav .navbar-expand-xl .navbar-nav .dropdown-menu,
    #mainnav .navbar-expand-xl .dropdown,
    #mainnav .navbar-expand-xl .dropend {
        width: 100%;
        flex-wrap: wrap;
    }
}
@media (max-width: 1399px) {
    #mainnav .navbar-expand-xxl .nav-link,
    #mainnav .navbar-expand-xxl .dropdown-item {
        padding-block: calc(var(--bs-nav-link-padding-y) * 1.5);
        flex: 1;
    }

    #mainnav .navbar-expand-xxl .nav-link + .dropdown-toggle::after {
        padding-right: 0;
    }

    #mainnav .navbar-expand-xxl .navbar-nav .dropdown-menu,
    #mainnav .navbar-expand-xxl .dropdown,
    #mainnav .navbar-expand-xxl .dropend {
        width: 100%;
        flex-wrap: wrap;
    }
}

/*##############################*/
/*######### MAINFOOTER #########*/
/*##############################*/
#mainfooter {
    background: var(--footer-main-bg);
}

#mainfooter .nav-link {
    --bs-nav-link-color: var(--bs-white);
}

#mainfooter[data-bs-theme="light"] .nav-link {
    --bs-nav-link-color: var(--bs-black);
}

#mainfooter .nav-link:focus,
#mainfooter .nav-link:hover {
    --bs-nav-link-hover-color: var(--bs-secondary);
}

/*##############################*/
/*######### SUBFOOTER #########*/
/*##############################*/
#subfooter {
    background: var(--footer-sub-bg);
}

#subfooter .nav-link {
    --bs-nav-link-color: var(--bs-white);
}

#subfooter[data-bs-theme="light"] .nav-link {
    --bs-nav-link-color: var(--bs-black);
}

#subfooter .nav-link:focus,
#subfooter .nav-link:hover {
    --bs-nav-link-hover-color: var(--bs-secondary);
}

@media all and (max-width: 576px) {
    #subfooter.fb {
        padding-bottom: 50px !important;
    }
}

/*!* Navbar *!*/
/*.navbar, .navbar[data-bs-theme="dark"] {*/
/*    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 1);*/
/*    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);*/
/*    --bs-nav-link-font-size: calc(var(--bs-body-font-size) * 0.875);*/
/*}*/

/*!* Nav Dropdowns *!*/
/*.navbar-nav .dropdown .dropdown-menu .dropdown-item {*/
/*    font-family: var(--bs-body-font-family);*/
/*    font-size: calc(var(--bs-body-font-size) * 0.875);*/
/*    font-weight: 400;*/
/*    padding: 0.5rem 1rem;*/
/*    border-radius: 0.5rem;*/
/*    color: rgba(0, 0, 0, .55);*/
/*    transition: all 0.15s ease-in-out;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*.navbar-nav .dropdown .dropdown-menu .dropend:hover > .dropdown-item,*/
/*.navbar-nav .dropdown .dropdown-menu .dropdown-item:active,*/
/*.navbar-nav .dropdown .dropdown-menu .dropdown-item:focus,*/
/*.navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,*/
/*.navbar-nav .dropdown .dropdown-menu .dropend:hover > .dropdown-toggle,*/
/*.navbar-nav .dropdown .dropdown-menu .dropdown-toggle:active,*/
/*.navbar-nav .dropdown .dropdown-menu .dropdown-toggle:focus,*/
/*.navbar-nav .dropdown .dropdown-menu .dropdown-toggle:hover {*/
/*    background: transparent;*/
/*    color: var(--bs-secondary) !important;*/
/*}*/

/*@media (min-width: 992px) {*/
/*    !*Dropdown on hover*!*/
/*    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu,*/
/*    .navbar-expand-lg .navbar-nav .dropend .dropdown-menu {*/
/*        display: block;*/
/*        transition: all 0.15s ease-in-out;*/
/*        visibility: hidden;*/
/*        opacity: 0;*/
/*        transform: scale(0.9) translateY(5px);*/
/*    }*/

/*    !*Dropdown on hover - show*!*/
/*    .navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu,*/
/*    .navbar-expand-lg .navbar-nav .dropend:hover > .dropdown-menu {*/
/*        visibility: visible;*/
/*        opacity: 1;*/
/*        transform: scale(1) translateY(0px);*/
/*    }*/

/*    !* Second & other dropdown level*!*/
/*    .navbar-expand-lg .navbar-nav .dropdown .dropdown-menu .dropdown-menu {*/
/*        top: -0.75rem;*/
/*        left: 100%;*/
/*    }*/

/*    #mainnav .navbar-nav .dropdown > .dropdown-menu,*/
/*    #mainnav + nav .navbar-nav .dropdown > .dropdown-menu {*/
/*        min-width: min-content;*/
/*        width: 100%;*/
/*    }*/
/*}*/

/*!*First level dropdown*!*/
/*.navbar:not(#subnav) .dropdown > .nav-link {*/
/*    padding-right: 2.5rem !important;*/
/*}*/
/*.navbar-nav .dropdown > .dropdown-toggle {*/
/*    font-size: calc(var(--bs-nav-link-font-size) * 0.75);*/
/*    color: var(--bs-nav-link-color);*/
/*    width: 0.5rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 1.5rem;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*}*/
/*.navbar-nav .dropdown .dropdown-toggle::after {*/
/*    content: "\f107";*/
/*    font-family: "Font Awesome 6 Free";*/
/*    font-weight: 900;*/
/*    line-height: 1;*/
/*    border: none;*/
/*}*/

/*@media (max-width: 991px) {*/
/*    .navbar-nav .dropdown > .dropdown-toggle {*/
/*        top: 1px;*/
/*        bottom: unset;*/
/*        left: unset;*/
/*        right: 1.5rem;*/
/*        transform: translate(0, 50%);*/
/*        width: 1rem;*/
/*        height: 1rem;*/
/*        border-radius: 0.25rem;*/
/*        background: rgba(0,0,0,0.5);*/
/*    }*/
/*}*/

/*!*Second & more level dropdown*!*/
/*.navbar-nav .dropend > .dropdown-toggle {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    top: 50%;*/
/*    right: 0.25rem;*/
/*    transform: translateY(-50%);*/
/*    font-size: calc(var(--bs-nav-link-font-size) * 0.75);*/
/*    color: rgba(0, 0, 0, .55);*/
/*    display: flex;*/
/*}*/

/*.navbar-nav .dropend .dropdown-toggle::after {*/
/*    content: "\f054";*/
/*    font-family: "Font Awesome 6 Free";*/
/*    font-weight: 900;*/
/*    line-height: 1;*/
/*    border: none;*/
/*}*/

/*@media (max-width: 991px) {*/
/*    .navbar-nav .dropend > .dropdown-toggle {*/
/*        top: 18px;*/
/*    }*/
/*    .navbar-nav .dropend .dropdown-toggle::after {*/
/*        content: "\f107";*/
/*    }*/
/*}*/

/*.navbar-toggler-icon {*/
/*    width: 1.35em;*/
/*    height: 1.35em;*/
/*}*/

/*.navbar-toggler-icon {*/
/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/
/*}*/

/*[data-bs-theme="dark"] .navbar-toggler-icon {*/
/*    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/
/*}*/

/*!* Subnav Dropdown *!*/
/*#subnav .dropdown .dropdown-menu ul > li > a {*/
/*    color: #000;*/
/*    font-size: 0.95rem;*/
/*    border-radius: 0.3rem;*/
/*    transition: all 0.15s ease-in-out 0s;*/
/*}*/

/*#subnav .dropdown .dropdown-menu ul > li > a.active {*/
/*    color: var(--bs-secondary);*/
/*}*/

/*#subnav .dropdown .dropdown-menu ul > li > a:focus,*/
/*#subnav .dropdown .dropdown-menu ul > li > a:hover {*/
/*    background: var(--bs-secondary);*/
/*    color: #fff;*/
/*}*/

/*#subnav .dropdown .dropdown-menu {*/
/*    z-index: 1030;*/
/*}*/



/*Swiper*/
.swiper-button-prev,
.swiper-button-next {
    color: #fff;
    background-color: rgba(var(--bs-primary-rgb), 0.75);
    padding: 1.5rem;
    border-radius: 0.75rem;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 1.5rem;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: auto;
}

.swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-vertical {
    bottom: unset;
    flex-direction: column;
}

.swiper-pagination-bullet-active {
    background: var(--bs-secondary);
}

.swiper:not(.swiper-initialized) + .swiper-controls {
    display: none;
}
.swiper-controls {
    display: flex;
    margin-top: 1rem;
    align-items: center;
    justify-content: center;
}

.swiper-controls > [class*="swiper-button-"] {
    position: static;
    margin: 0;
    padding: 0;
    border-radius: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
}

.swiper-controls > [class*="swiper-button-"]::after {
    font-size: 1rem;
}

.swiper-controls > .swiper-pagination {
    position: static;
    width: auto;
    margin: 0 1rem;
}
.swiper-controls > .swiper-button-prev.swiper-button-lock + .swiper-pagination {
    display: none;
}




/* Blog Page */
.blog-header {
    --h-min-h: 240px;
    --h-max-h: 480px;
    height: clamp(var(--h-min-h), 25vw, var(--h-max-h));
}

.blog-text > *:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .blog-header {
        height: auto;
    }
}

@media only screen and (max-width: 991px) {
    .blog-post .blog-image {
        height: clamp(400px, 50.5vw, 500px) !important;
    }
}

/* Nav Slider - Mainnav */
[id*="nav-slider-"] {
    --slide-size-single: 70px;
    position: relative;
    height: var(--slide-size-single);
    width: calc((var(--slide-size-single) + 10px) * var(--slides-total, 1) - 10px);
}

[id*="nav-slider-"]:not(:has(.swiper-button-lock)) {
    margin: 0 2.5rem;
}

[id*="nav-slider-"] .swiper-wrapper {
    --swiper-wrapper-transition-timing-function: ease;
}

[id*="nav-slider-"] .swiper-slide img {
    height: 100%;
    max-height: var(--slide-size-single);
    width: 100%;
    max-width: var(--slide-size-single);
}

[id*="nav-slider-"] .swiper-button-prev,
[id*="nav-slider-"] .swiper-button-next {
    --swiper-navigation-sides-offset: -2.5rem;
    --swiper-navigation-size: 2.5rem;
    width: var(--swiper-navigation-size);
    background: none;
    padding: 0;
    color: var(--nav-sub-bg);
}

[id*="nav-slider-"] .swiper-button-prev::after,
[id*="nav-slider-"] .swiper-button-next::after {
    font-size: calc(var(--swiper-navigation-size) / 2.5);
}

@media all and (min-width: 576px) {
    [id*="nav-slider-"][data-slides-total="1"] { --slides-total: 1 }
    [id*="nav-slider-"][data-slides-total="2"] { --slides-total: 2 }
    [id*="nav-slider-"][data-slides-total="3"] { --slides-total: 3 }
    [id*="nav-slider-"][data-slides-total="4"] { --slides-total: 4 }
}

@media all and (min-width: 768px) {
    [id*="nav-slider-"][data-slides-total="1"] { --slides-total: 1 }
    [id*="nav-slider-"][data-slides-total="2"] { --slides-total: 2 }
    [id*="nav-slider-"][data-slides-total="3"] { --slides-total: 3 }
    [id*="nav-slider-"][data-slides-total="4"] { --slides-total: 4 }
    [id*="nav-slider-"][data-slides-total="5"] { --slides-total: 5 }
    [id*="nav-slider-"][data-slides-total="6"] { --slides-total: 6 }
}

@media all and (min-width: 992px) {
    /*[id*="nav-slider-"] { --slide-size-single: 70px }*/
    [id*="nav-slider-"][data-slides-total="1"] { --slides-total: 1 }
    [id*="nav-slider-"][data-slides-total="2"] { --slides-total: 2 }
    [id*="nav-slider-"][data-slides-total="3"] { --slides-total: 3 }
    [id*="nav-slider-"][data-slides-total="4"] { --slides-total: 4 }
    [id*="nav-slider-"][data-slides-total="5"] { --slides-total: 5 }
    [id*="nav-slider-"][data-slides-total="6"] { --slides-total: 6 }
    [id*="nav-slider-"][data-slides-total="7"] { --slides-total: 7 }
    [id*="nav-slider-"][data-slides-total="8"] { --slides-total: 8 }
}

@media all and (min-width: 1200px) {
    [id*="nav-slider-"][data-slides-total="1"] { --slides-total: 1 }
    [id*="nav-slider-"][data-slides-total="2"] { --slides-total: 2 }
    [id*="nav-slider-"][data-slides-total="3"] { --slides-total: 3 }
    [id*="nav-slider-"][data-slides-total="4"] { --slides-total: 4 }
    [id*="nav-slider-"][data-slides-total="5"] { --slides-total: 5 }
    [id*="nav-slider-"][data-slides-total="6"] { --slides-total: 6 }
    [id*="nav-slider-"][data-slides-total="7"] { --slides-total: 7 }
    [id*="nav-slider-"][data-slides-total="8"] { --slides-total: 8 }
    [id*="nav-slider-"][data-slides-total="9"] { --slides-total: 9 }
    [id*="nav-slider-"][data-slides-total="10"] { --slides-total: 10 }
}

/*Backgrounds Hover + Text white*/
[class*="hover-bg-"],
[class*="hover-bg-"] > * {
    transition: 0.15s all ease-in-out 0s;
}

[class*="hover-bg-"]:hover > * {
    color: #fff !important;
}

.hover-bg-primary:hover { background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important; }
.hover-bg-secondary:hover { background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important; }
.hover-bg-light:hover { background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity,1)) !important; }
.hover-bg-dark:hover { background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important; }

/*Text*/
.text-pre-line {
    white-space: pre-line;
}

/*Shadows*/
.shadow-primary {
    border: 1px solid #fff;
    box-shadow: 0 .5rem 1rem rgba(var(--bs-primary-rgb),.15) !important;
}

.shadow-secondary {
    border: 1px solid #fff;
    box-shadow: 0 .5rem 1rem rgba(var(--bs-secondary-rgb),.15) !important;
}

.shadow-normal {
    border: 1px solid #fff;
}

/*Floating Labels*/
.form-floating > label {
    right: 0;
    transition: height .1s ease-in-out, padding-block .1s ease-in-out, font-size .1s ease-in-out;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    transform: none;
    height: 50%;
    padding-block: 0.65rem 0;
    font-size: calc(var(--bs-body-font-size) * 0.9);
}

/*Form Input*/
.form-control:focus {
    border-color: rgba(var(--bs-secondary-rgb), .5);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb), .25);
}

.form-select:focus {
    border-color: rgba(var(--bs-secondary-rgb), .5);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb), .25);
}

/*Form Checkbox Radio*/
.form-check-input:checked {
    background-color: rgba(var(--bs-primary-rgb), 1);
    border-color: rgba(var(--bs-primary-rgb), 1);
}

.form-check-input:focus {
    border-color: rgba(var(--bs-primary-rgb), 1);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

/*Card Overlay Hover*/
.card-img-overlay-hover {
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s;
}

.card-hover:hover .card-img-overlay-hover {
    --bs-card-img-overlay-hover-opacity: 1;
    opacity: var(--bs-card-img-overlay-hover-opacity);
}

.card-img-scale-hover {
    transform: scale(1);
    transition: transform 0.3s ease-in-out 0s;
}

.card-hover:hover .card-img-scale-hover {
    transform: scale(1.1);
}






.responsive-image {
    position: relative;
}

.responsive-image > img {
    width: 100%;
    height: auto;
}
.responsive-image-object-fit-cover > img {
    object-fit: cover;
}

.loading-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #00000050;
}

.loading-overlay span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Print Styling */
@media print {
    body * :not(.printable * ) {
        display: none !important;
    }

    .printable {
        display: block !important;
        background-color: white;
    }

    .not-printable,
    #mainnav {
        display: none !important;
    }

    .card-body {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
}

/* RESPONSIVE */
/* xxl ≥1400px */
@media only screen and (max-width: 1400px) {}

/* xl ≥1200px */
@media only screen and (max-width: 1200px) {}

/* lg ≥992px */
@media only screen and (max-width: 992px) {}

/* md ≥768px */
@media only screen and (max-width: 768px) {}

/* sm ≥576px */
@media only screen and (max-width: 576px) {}