:root {
    --space-none: 0;
    --space-s: 1rem;
    --space-m: 1.5rem;
    --space-l: 3rem;
    --space-xl: 5rem;
    --space-xxl: 8rem;
}

.showroom .audaris-widget aside button[aria-label='MOTORBIKE'] {
    display: flex;
    align-items: center;
}

.showroom .audaris-widget aside button[aria-label='MOTORBIKE'] span {
    position: relative;
    flex: 1 0 auto;
}

.showroom .audaris-widget aside button[aria-label='MOTORBIKE'] span::before {
    content: 'E-Roller + Seniorenmobile';
    position: absolute;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
}

.showroom .audaris-widget aside button[aria-label='MOTORBIKE']:hover span::before {
    background: #eee;
}

label {
    font-weight: 400;
}

.ge-content p {
    line-height: 1.8;
}

.ge-content .auda-line p {
    line-height: 1.4;
}

h1,
.subheadline-h1 {
    font-size: 31px;
    font-weight: 600;
}

.headline-h1 {
    font-size: 42px;
    font-weight: 600;
}

#site-content h2,
#site-content h2.headline-h2,
#site-content .headline-h2,
#site-content .h2,
.header-slider-subtitle {
    font-size: 21px;
    font-weight: 400;
    text-transform: inherit;
}

h3,
.headline-h3,
.header-slider-title {
    font-size: 36px;
    font-weight: 600;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

@media (max-width: 767px) {
    h1,
    .subheadline-h1 {
        font-size: 21px;
    }

    .headline-h1 {
        font-size: 27px;
    }

    #site-content h2,
    #site-content h2.headline-h2,
    #site-content .headline-h2,
    #site-content .h2 {
        font-size: 14px;
        font-weight: 600;
    }

    h3,
    .headline-h3 {
        font-size: 24px;
        font-weight: bold;
    }
}

.auda-padding-y-small {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
}

.auda-padding-x-small {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
}

.auda-padding-y-medium {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
}

.auda-padding-y-extra {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}

.auda-padding-y-xtra {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl);
}

.auda-padding-top {
    padding-top: var(--space-s);
}

.auda-padding-top-m {
    padding-top: var(--space-m);
}

.auda-padding-bottom {
    padding-bottom: var(--space-s);
}

@media (min-width: 992px) {
    .auda-left {
        margin-left: -30px;
    }
}

@media (max-width: 768px) {
    .auda-padding-y-xtra {
        padding-top: var(--space-l);
        padding-bottom: var(--space-l);
    }
}

.auda-h-100 {
    height: 100%;
}

.auda-relative,
#header-slider-v2 .header-slider-container,
#header #logo {
    position: relative;
}

.auda-radius {
    border-radius: 20px;
}

.auda-boxtop {
    margin-top: -90px;
    position: relative;
    z-index: 2;
}

.auda-boxtop .auda-img {
    border-radius: 20px;
    box-shadow: 2px -10px 15px 0 rgb(0 0 0 / 25%);
}

.auda-img-border,
.auda-slider img {
    border-radius: 20px;
}

@media (max-width: 768px) {
    .text-xs-center {
        text-align: center;
    }
}

.bg-secondary,
.bg-secondary p,
.bg-secondary h1,
.bg-secondary .headline-h1,
.bg-secondary h2,
.bg-secondary .headline-h2,
.bg-secondary h3,
.bg-secondary .headline-h3 {
    color: #fff;
}

#article-blog-entry .container-full .row {
    margin-right: 0;
    margin-left: 0;
}

#article-blog-entry .container-full .row .column,
form .form-group.main-container {
    padding-right: 15px;
    padding-left: 15px;
}

#article-blog-entry .container-full .row.auda-full > .column {
    padding-right: 0;
    padding-left: 0;
}

.blog-entry .header-slider-title,
.blog-entry .header-slider-subtitle,
.blog-entry .offer-price-block {
    visibility: collapse;
}

.blog-entry #header-slider-v2 .overlay-text {
    display: none;
}

.blog-entry #header-slider-v2 .slider-footer {
    position: absolute;
    bottom: 0;
    background: transparent;
    color: #fff;
}

.blog-entry #header-slider-v2 .header-slider-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgb(43 43 43 / 77%) 10%, rgb(43 43 43 / 0%) 100%);
}

.parallax-content {
    position: relative;
    z-index: 2;
    flex-direction: column;
}

.parallax-content .subheadline-h1 {
    color: #fff;
}

.parallax-area {
    position: relative;
    z-index: 1;
}

.blog-entry .parallax-area {
    height: 100%;
    position: absolute;
    z-index: -1;
    display: flex;
}

body:not(.fe-admin-area) .parallax-area::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(166 18 13 / 0%) 21.7%, rgb(237 28 36 / 0%) 21.71%, rgb(237 28 36 / 49%) 61.98%, rgb(237 28 36 / 70%) 77.41%, rgb(166 18 13 / 70%) 96.08%);
    z-index: 2;
}

.blog-entry .parallax-area > .ge-content {
    min-width: 100%;
}

.blog-entry .parallax-area > .ge-content img {
    object-fit: cover;
    height: 100%;
    min-width: 100%;
}

.auda-panel {
    padding: 0 15px;
}

.auda-panel .panel {
    background: transparent;
}

.auda-panel .nav {
    border-bottom: 1px solid rgb(0 0 0 / 30%);
    background: #fff;
}

.auda-panel .tab-content,
.auda-panel .panel-body {
    padding: 20px 0;
}

.auda-panel .nav-tabs > li {
    border-bottom: none;
}

.auda-panel .nav-tabs > li > a {
    background: transparent;
    color: #000;
    padding-right: 35px;
}

.auda-panel .nav-tabs > li > a:hover,
.auda-panel .nav-tabs > li.active > a,
.auda-panel .nav-tabs > li.active > a:hover,
.auda-panel .nav-tabs > li.active > a:focus {
    background: transparent;
    color: #ed1c24;
}

.auda-panel .nav-tabs > li > a::before {
    content: '';
    position: absolute;
    width: 0;
    height: 5px;
    bottom: -3px;
    left: 0;
    border-radius: 10px;
    transition: 0.3s ease-out;
}

.auda-panel .nav-tabs > li > a:hover::before,
.auda-panel .nav-tabs > li.active > a::before,
.auda-panel .nav-tabs > li.active > a:hover::before,
.auda-panel .nav-tabs > li.active > a:focus::before {
    background: #ed1c24;
    width: 100%;
    transition: 0.3s ease-out;
}

@media (min-width: 768px) {
    .auda-panel .tab-content {
        margin: 0 auto;
        max-width: 1580px;
    }

    .auda-panel .panel-body {
        display: flex;
        align-items: center;
    }

    .auda-panel .panel-body div {
        min-width: 50%;
    }

    .auda-panel .panel-heading {
        display: none;
    }

    .auda-panel .panel {
        border: none;
        box-shadow: none;
    }

    .auda-panel .panel-collapse {
        height: auto;
    }

    .auda-panel .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .auda-panel .tab-content .tab-pane {
        display: block;
    }

    .auda-panel .nav-tabs {
        display: none;
    }

    .auda-panel .panel-title a {
        position: relative;
        display: block;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .auda-panel .panel-title a {
        color: #ed1c24;
    }

    .auda-panel .panel-title a.collapsed {
        color: #000;
    }

    .auda-panel .panel-title a::before {
        position: absolute;
        content: '';
        background: #ed1c24;
        width: 100%;
        height: 7px;
        bottom: 0;
        border-radius: 30px;
    }

    .auda-panel .panel-title a.collapsed::before {
        background: #d7d7d7;
        height: 1px;
    }

    .auda-panel .panel {
        box-shadow: none;
        border-radius: 0;
        margin: -2px 0 0;
        border: none;
    }

    .panel-default > .panel-heading {
        background-color: transparent;
        padding: 0;
        border-color: transparent;
    }
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
    border-top: 0;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 0;
    }
}

#section-direction-compact .service-area-open-time {
    padding: 10px;
    background: #e3e3e3;
    margin: 20px 0 0;
}

.tooltip {
    z-index: 1;
}

#menu-social-floating a,
#menu-social-floating .instagramflat:not(:hover) i,
#menu-social-floating .instagramflat,
#menu-social-floating .facebookflat {
    background: #ed1c24;
    border-radius: 40px;
}

#menu-social-floating a {
    box-shadow: 0 6px 6px 0 rgb(0 0 0 / 25%);
}

#menu-social-floating li {
    height: 57px;
}

@media (min-width: 1660px) {
    #menu-social-floating[data-position='right'] a {
        right: 10px;
    }

    #menu-social-floating[data-position='right'] a:hover {
        right: 10px;
        background: #212121;
    }

    #menu-social-floating[data-position='right'] span {
        display: none;
    }

    #menu-social-floating[data-position='left'],
    #menu-social-floating[data-position='right'] {
        top: 65%;
    }
}

/****** Grid ******/

.auda-manufacturers .ge-content {
    padding: 10px;
}

@media (max-width: 768px) {
    .auda-manufacturers .row .column:nth-child(n + 2) .ge-content,
    #article-blog-entry .container-full .auda-detail .column:nth-child(n + 2) .ge-content {
        border-top: 1px solid rgb(0 0 0 / 10%);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .auda-manufacturers .row .column:nth-child(2n + 1) {
        border-right: 1px solid rgb(0 0 0 / 10%);
    }

    .auda-manufacturers .row:first-child .column:nth-child(n + 3) {
        border-top: 1px solid rgb(0 0 0 / 10%);
    }
}

@media (min-width: 992px) {
    #article-blog-entry .container-full .auda-detail .column:nth-child(n + 2) .ge-content {
        border-left: 1px solid rgb(0 0 0 / 10%);
    }

    .auda-manufacturers .row .column {
        border-left: 1px solid rgb(0 0 0 / 10%);
    }

    .auda-manufacturers .row .column:last-child {
        border-right: 1px solid rgb(0 0 0 / 10%);
    }
}

/****** Grid End ******/
#header-slider-v2 .owl-theme .owl-nav {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
}

#header-slider-v2 .owl-theme .owl-nav button.owl-prev,
#header-slider-v2 .owl-theme .owl-nav button.owl-next {
    background: #2b2b2b;
    margin: 15px;
    border-radius: 30px;
    color: #fff;
}

.section-im-slider-container .owl-theme .owl-nav:not(.disabled) {
    height: 50px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.section-im-slider-container .owl-theme .owl-nav button.owl-prev,
.section-im-slider-container .owl-theme .owl-nav button.owl-next {
    background: transparent;
    border: none;
    position: relative;
}

.owl-theme .owl-nav .owl-prev::after {
    content: '\f053';
    font-size: 25px !important;
}

.owl-theme .owl-nav .owl-next::after {
    content: '\f054';
    font-size: 25px !important;
}

@media (max-width: 991px) {
    #header-slider-v2 .owl-theme .owl-nav .owl-prev::after,
    #header-slider-v2 .owl-theme .owl-nav .owl-next::after {
        font-size: 10px !important;
    }
}

/****** infomanager Bildbox & SLider-Bildbox ******/

[data-container='infomanager'].auda-bg-secondary::before {
    position: absolute;
    content: '';
    background: #2b2b2b;
    width: 100%;
    height: 70%;
    bottom: 0;
}

[data-container='infomanager'].auda-bg-secondary .section-im-slider-container {
    padding-bottom: 110px;
}

[data-container='infomanager'].auda-bg-secondary .owl-theme .owl-nav button.owl-prev,
[data-container='infomanager'].auda-bg-secondary .owl-theme .owl-nav button.owl-next {
    color: #fff;
}

[data-container='infomanager'].infomanager-view-5 .co2-info,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .co2-info {
    background: #fff;
    line-height: 1.5;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 10px 0 !important;
    position: relative;
}

.co2-info::before {
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -30px;
    z-index: -1;
}

[data-container='infomanager'].infomanager-view-5 .img-overlay-info .img-overlay-extra-info,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info .img-overlay-extra-info,
[data-container='infomanager'].infomanager-view-5 article a:hover .price-info,
[data-container='infomanager'].infomanager-view-3 article a:hover .price-info,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a:hover .price-info {
    display: flex;
}

[data-container='infomanager'].infomanager-view-5 .img-overlay-info .img-overlay-extra-info .btn-primary,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info .img-overlay-extra-info .btn-primary,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a:hover .img-overlay-extra-info {
    display: none;
}

[data-container='infomanager'].infomanager-view-5 .img-overlay-info-top,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info-top {
    position: relative;
    flex-direction: column-reverse;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(166 18 13 / 0%) 51.91%, rgb(237 28 36 / 0%) 51.92%, rgb(237 28 36 / 56%) 76.65%, rgb(159 37 42) 86.13%, rgb(166 18 13) 100%);
}

[data-container='infomanager'] .img-overlay-info-top::before {
    content: '\f105';
    position: absolute;
    bottom: 30px;
    right: 37px;
    font-family: FontAwesome;
    font-size: 24px;
    z-index: 9;
}

[data-container='infomanager'] .img-overlay-info-top::after {
    content: '';
    background: #2b2b2b;
    width: 40px;
    height: 40px;
    bottom: 27px;
    right: 22px;
    position: absolute;
    border-radius: 51px;
}

[data-container='infomanager'] .img-overlay-info-top > .d-flex.flex-wrap.gap-2.form-group {
    position: absolute;
    top: 16px;
    right: 16px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a:hover .img-overlay-info-top::after,
[data-container='infomanager'].infomanager-view-5 a:hover .img-overlay-info-top::after {
    background: #ed1c24;
}

[data-container='infomanager'].infomanager-view-5 .price-info,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a .price-info {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    text-align: left;
}

[data-container='infomanager'].infomanager-view-5 .price-group,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a .price-group {
    flex-direction: row;
    align-items: flex-end;
}

[data-container='infomanager'].infomanager-view-5 .price-info .price-angebot,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a .price-info .price-angebot {
    font-size: 2.625em;
    margin: auto 5px;
    text-shadow: none;
}

[data-container='infomanager'].infomanager-view-5 .price-info .angebot-preis-currency,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a .price-info .angebot-preis-currency {
    margin-left: -10px;
}

[data-container='infomanager'].infomanager-view-5 .price-info .price-mtl,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a .price-info .price-mtl,
[data-container='infomanager'].infomanager-view-5 .im-headline,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-headline {
    font-size: 1.15em;
    font-weight: normal;
}

[data-container='infomanager'].infomanager-view-5 .im-headline,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-headline {
    margin: 10px 0;
    padding-right: 60px;
}

/* [data-container="infomanager"].infomanager-view-5 article a:not(:hover)::before,
[data-container="infomanager"].infomanager-view-3[data-slider-view="2"] .im-slider-entry a:not(:hover)::before */
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a::before,
[data-container='infomanager'].infomanager-view-5 article a::before {
    background: transparent;
}

[data-container='infomanager'] a::before {
    border-radius: 20px;
}

[data-container='infomanager'].infomanager-view-5 article a:hover .img-overlay,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a:hover .img-overlay {
    transform: none;
}

[data-container='infomanager']:not(.auda-bg-secondary) .img-overlay-info::before {
    content: '';
    position: absolute;

    /* background: #fff; */
    width: 100%;
    height: 17%;
    bottom: 0;
    z-index: -1;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] [data-container='infomanager-content'] .img-overlay,
[data-container='infomanager'].infomanager-view-5 .gallery-items .img-overlay {
    padding-bottom: 130%;
    border-radius: 20px;
}

@media (min-width: 1600px) {
    [data-container='infomanager'].infomanager-view-5 .gallery-items article.line3entries {
        width: calc(25% - var(--gap) * 3 / 4) !important;
    }
}

/****** End infomanager ******/

/****** btn ******/

.btn {
    border-radius: 50px;
    padding: 10px 18px;
    position: relative;
    z-index: 0;
}

.btn-default {
    border: 2px solid #ed1c24;
}

.btn .fa-chevron-right {
    padding-left: 15px;
    position: relative;
    top: 2px;
    font-size: 17px;
}

.btn-primary:hover,
.btn-default:hover,
#footer #pre_area .btn-default:hover,
#footer #pre_area .btn-primary:hover {
    background:
        linear-gradient(90deg, #a6120d 40%, #ed1c24 100%) padding-box,
        linear-gradient(90deg, #a6120d 40%, #ed1c24 100%) border-box;
    border-color: transparent;
}

/****** Ende btn ******/

.well,
.checkbox-toggle-container {
    background-color: transparent;
    border: none !important;
    box-shadow: none;
}

body:not(.fe-admin-area) .form-control {
    border-radius: 20px;
    background: rgb(221 221 221 / 20%);
    border: 2px solid rgb(43 43 43 / 60%);
}

/****** audaris-widget ******/
.auda-search .audaris-widget {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    margin-top: -55px;
    position: relative;
    z-index: 99;
}

.auda-search .audaris-widget .form-select {
    border-radius: 30px;
    transition: 0.3s all;
    font-weight: 600;
    padding: 21px;
    border: 2px solid #2b2b2b;
    display: flex;
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ff0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
}

.auda-search .audaris-widget .btn.btn-primary {
    border-radius: 30px;
    color: #fff;
    border-color: transparent;
    transition: 0.2s all;
    letter-spacing: inherit;
    font-size: inherit;
    text-transform: inherit;
}

.auda-search .audaris-widget .btn-primary::before {
    content: none;
}

.auda-search .audaris-widget .btn-primary .fas {
    display: none;
}

.auda-search .audaris-widget .btn-primary span {
    color: #fff;
}

.auda-search .audaris-widget .btn-primary .bg-white {
    background: transparent !important;
}

@media (max-width: 992px) {
    .auda-search > .container {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .auda-search .audaris-widget {
        border-radius: 120px;
        padding: 30px 100px;
        margin-top: -85px;
        border: 1px solid rgb(0 0 0 / 20%);
        box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
    }

    .auda-search .audaris-widget .mb-4 {
        margin-bottom: 0;
    }

    .auda-search .audaris-widget > div > div {
        flex-wrap: initial;
    }

    .auda-search .audaris-widget .btn.btn-primary {
        padding: 12px 30px;
    }
}

/****** END audaris-widget ******/

/****** Header ******/

#logo::after {
    content: '';
    position: absolute;
    width: 160%;
    height: 100%;
    background: #2b2b2b;
    bottom: -23%;
    border-radius: 50%;
    z-index: -1;
    left: -28%;
}

#header #logo img {
    margin-top: 20px;
}

#header-slider-v2 .header-slider-container p {
    color: #000;
}

#header-slider-v2 .overlay-text-container {
    justify-content: center;
}

#header-slider-v2 .header-slider-container hr {
    opacity: 0.2;
    border: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgb(2 28 30 / 0%) 0%, #021c1e 10%, #021c1e 90%, rgb(2 28 30 / 0%) 100%);
}

#header-slider-v2 .overlay-text {
    position: relative;
}

#header-slider-v2 .slider-footer {
    position: relative;
    z-index: 9;
}

@media (min-width: 992px) {
    #logo::after {
        bottom: -30%;
        left: -30%;
    }

    #header-slider-v2 .overlay-text {
        position: absolute;
        display: flex;
        align-items: center;
        max-width: 40%;
        height: 100%;
        padding-left: 100px;
        z-index: 1;
    }

    body:not(.blog-entry) #header-slider-v2 .overlay-text::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: -1;
        background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0.05%, rgb(255 255 255 / 590%) 82.66%, #fff 99.95%);
    }
}

#header #icons-menu {
    display: flex;
}

#header #icons-menu #menu-favorites .fa span {
    color: inherit;
}

#header #primary-menu .dropdown > a::after {
    content: '\f0d7';
    font-size: 22px;
    font-style: normal;
    right: 5px;
}

#header #primary-menu > li > a {
    padding-right: 35px;
    padding-left: 18px;
    text-transform: inherit;
}

.header-menu-fixed #header {
    transform: translateY(0);
}

body:not(.fe-admin-area) .logos-top-right .list-group-item {
    background-color: transparent;
    border: none;
    padding: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(28%) hue-rotate(279deg) brightness(106%) contrast(100%);
}

#header-container {
    z-index: 999;
    position: relative;
    height: 85px;
}

#section-testimonials-form .link-default {
    text-decoration: underline;
}

#header .header-above {
    flex-grow: 1;
}

#header .logos-top-right {
    flex-grow: 1;
    padding-left: 10%;
}

#header #logo {
    flex-grow: initial;
}

@media (max-width: 1379px) {
    #header {
        display: flex;
        justify-content: space-between;
    }

    #header-container {
        height: 55px;
    }

    .multi-directions-overlay {
        top: 55px;
    }

    #header .header-below,
    body.menu-toggled #header .header-below {
        flex-direction: row-reverse;
        position: initial;
    }

    .hamburger {
        padding: 0 10px;
    }

    .hamburger-label {
        display: none;
    }
}

@media (min-width: 1380px) {
    #header {
        display: flex;
        justify-content: space-between;
        padding-left: 50px;
        height: 85px;
        align-items: center;
        box-shadow: 1px 0 11px 5px rgb(0 0 0 / 25%);
    }

    #header #logo img {
        max-height: 70px;
    }

    .multi-directions-overlay {
        top: 85px;
    }

    #header #icons-menu {
        height: 100%;
        align-items: center;
        padding-left: 40px;
        padding-right: 40px;
    }

    body:not(.no_header) #header-container {
        height: 70px;
    }

    #header #primary-menu > li > a {
        line-height: 85px;
        padding-left: 25px;
    }

    #header .more-brands img,
    #header .logos-top-right img {
        filter: brightness(0) saturate(100%);
    }

    #primary-menu > li.dropdown:hover > .dropdown-menu,
    #primary-menu > li.dropdown > ul.dropdown-menu > li.sdropdown:hover > ul.sdropdown-menu {
        display: block;
    }
}

@media (min-width: 1380px) and (max-width: 1660px) {
    #header #primary-menu > li > a {
        padding: 0 14px;
    }
}

@media (min-width: 1380px) and (max-width: 1460px) {
    #header #primary-menu .dropdown > a {
        padding-right: 10px;
    }

    #header #primary-menu .dropdown > a::after {
        right: -5px;
    }
}

/******* End Header *******/

/******* Footer *******/
#footer #pre_area {
    margin-top: 50px;
    padding-top: 0;
}

#footer #pre_area .btn-primary {
    background: #ed1c24;
    border: 1px solid #ed1c24;
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer #pre_area .btn-default {
    background: transparent;
}

#footer hr {
    opacity: 0.1;
}

#footer .auda-social a {
    position: relative;
    margin: 5px;
    z-index: 1;
}

#footer .auda-social a::before {
    content: '';
    position: absolute;
    background: #ed1c24;
    border-radius: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s all;
    z-index: -1;
}

#footer .auda-social a:hover::before {
    padding: 26px;
}

.logo_footer {
    margin-top: -10px;
    padding: 5px;
}

.logo_footer::after {
    content: '';
    position: absolute;
    background: #2b2b2b;
    width: 100%;
    height: 100%;
    left: 0;
    top: -30%;
    border-radius: 60%;
    z-index: -1;
}

/******* End Footer *******/


/*************** CARDS ***************/
.card-container {
  display: flex;
  padding: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.07);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #eaeaea;
  transition: box-shadow 0.2s;
  margin-bottom: 24px;
}

.card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

.card img {
  object-fit: cover;
  transition: transform 0.35s cubic-bezier(0.24, 0.64, 0.28, 0.98);
}

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

.card-content {
  padding: 20px;
  flex: 1 1 auto;
}

.card-content h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2rem;
}

.card-content p {
  color: #757575;
  margin: 0 0 16px;
}

.card-content button {
  background: #333;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background 0.15s;
  font-size: 1rem;
}

.card-content button:hover {
  background: #222;
}

/* Responsiveness */
@media (max-width: 1100px) {
  .card-container {
    gap: 16px;
  }
  .card {
    width: 45%;
    min-width: 280px;
  }
}

@media (max-width: 700px) {
  .card-container {
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }
  .card {
    width: 95%;
    min-width: 0;
  }
}

/******************** Anggebots Cards *********************/
.vehicle-card{
--vc-primary:#D40000;--vc-primary-dark:#420101;
--vc-title:#36363b;--vc-subtitle:#55555c;
--vc-icon:#ffffff;
--vc-btn-bg:#ffffff;--vc-btn-color:#D40000;
--vc-btn-hover-bg:#D40000;--vc-btn-hover-color:#ffffff;
width:100%;padding:0;border:5px solid #D40000;border-radius:24px;background:transparent;box-shadow:0px 18px 45px rgba(128,22,31,0.24)
}
.vehicle-card__content{position:relative;overflow:hidden;border-radius:20px;background:#fff}
.vehicle-card__content:before{content:"";position:absolute;z-index:0;inset:205px 0 0;background:linear-gradient(180deg,var(--vc-primary),var(--vc-primary-dark));clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}
.vehicle-card__header,.vehicle-card__image{position:relative;z-index:2}
.vehicle-card__header{padding:34px 28px 0}
.vehicle-card__title,.vehicle-card__subtitle{display:inline;font-weight:800}
.vehicle-card__title{color:var(--vc-title);font-size:20px;letter-spacing:-.4px}
.vehicle-card__subtitle{margin-left:7px;color:var(--vc-subtitle);font-size:17px;font-weight:700}
.vehicle-card__promotions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}
.vehicle-card__promotion{display:inline-flex;align-items:center;max-width:100%;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2}
.vehicle-card__promotion--1{background:#D40000;color:#ffffff}
.vehicle-card__promotion--2{background:#D40000;color:#ffffff}
.vehicle-card__promotion--3{background:#D40000;color:#ffffff}
.vehicle-card__promotion--4{background:#2f9e44;color:#ffffff}
.vehicle-card__accent{margin-top:17px}
.vehicle-card__accent-line{height:4px;margin-bottom:6px;border-radius:10px;background:var(--vc-primary)}
.vehicle-card__accent-line--long{width:70px}.vehicle-card__accent-line--short{width:46px}

.vehicle-card__image,.vehicle-card__stat-icon,.vehicle-card__button{display:flex;align-items:center;justify-content:center}
.vehicle-card__image{width:calc(100% - 28px);height:230px;margin:0 auto}
.vehicle-card__image-element{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0px 18px 12px rgba(63,20,25,0.26));transition:transform .35s ease}
.vehicle-card__image:hover .vehicle-card__image-element{transform:scale(1.05)}
.vehicle-card__stat-icon{height:31px;margin-bottom:8px;font-size:0!important;line-height:1}
.vehicle-card__stat-icon span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;color:var(--vc-icon);font-size:24px;line-height:1}

.vehicle-card__details{position:relative;z-index:3;padding:32px 24px 28px}
.vehicle-card__stats,.vehicle-card__highlights-list,.vehicle-card__prices-grid{display:grid}
.vehicle-card__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.vehicle-card__stat{min-width:0;padding:16px 5px 13px;text-align:center;border:0;border-radius:12px;background:#910000;box-shadow:0px 10px 24px rgba(149,26,39,0.16)}
.vehicle-card__stat-value,.vehicle-card__highlight-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vehicle-card__stat-value{color:#ffffff;font-size:11px;font-weight:800;line-height:1.25}
.vehicle-card__stat-label{margin-top:4px;color:#ffffff;font-size:9px;font-weight:600}

.vehicle-card__highlights{margin-top:20px;padding:17px 18px;border:1px solid rgb(255 255 255 / 30%);border-radius:14px;background:rgb(255 255 255 / 12%);backdrop-filter:blur(8px);box-shadow:0px 10px 24px rgba(149,26,39,0.16)}
.vehicle-card__highlights-title{margin-bottom:12px;color:#ffffff;font-size:15px;font-weight:800}
.vehicle-card__highlights-title sub{color:rgb(255 255 255 / 76%);font-size:11px;font-weight:600}
.vehicle-card__highlights-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}
.vehicle-card__highlight{display:flex;align-items:center;min-width:0;gap:8px}
.vehicle-card__highlight-dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#ffffff;box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.vehicle-card__highlight-text{color:rgb(255 255 255 / 90%);font-size:12px;font-weight:600;line-height:1.3}

.vehicle-card__leasing{margin-top:22px;padding:20px;border:1px solid rgb(255 255 255 / 30%);border-radius:16px;background:rgb(255 255 255 / 12%);backdrop-filter:blur(8px);box-shadow:0px 10px 24px rgba(149,26,39,0.16)}
.vehicle-card__leasing .vehicle-card__section-title{margin-bottom:14px;color:#ffffff;font-size:17px;font-weight:800}

.vehicle-card__emissions{margin-top:22px;padding:20px;border:1px solid rgb(255 255 255 / 30%);border-radius:16px;background:rgb(255 255 255 / 12%);backdrop-filter:blur(8px);box-shadow:0px 10px 24px rgba(149,26,39,0.16)}
.vehicle-card__emissions-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.vehicle-card__emissions .vehicle-card__section-title{color:#ffffff;font-size:17px;font-weight:800}
.vehicle-card__envkv-link{flex-shrink:0;color:#ffffff;font-size:11px;font-weight:700;line-height:1.2;text-decoration:underline;text-underline-offset:3px;opacity:.82;transition:.2s}
.vehicle-card__envkv-link:hover{color:#ffffff;opacity:1;transform:translateY(-1px)}
.vehicle-card__envkv-link:focus{color:#ffffff}

.vehicle-card__table{overflow:hidden}
.vehicle-card__leasing .vehicle-card__table{--vc-table-border:1px solid rgb(255 255 255 / 19%);border:1px solid rgb(255 255 255 / 19%);border-radius:10px;background:rgb(255 255 255 / 10%)}
.vehicle-card__emissions .vehicle-card__table{--vc-table-border:1px solid rgb(255 255 255 / 19%);border:1px solid rgb(255 255 255 / 19%);border-radius:10px;background:rgb(255 255 255 / 10%)}
.vehicle-card__table-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:var(--vc-table-border)}
.vehicle-card__table-row:last-child{border-bottom:0}
.vehicle-card__table-label,.vehicle-card__table-value{padding:11px 12px;line-height:1.3}
.vehicle-card__leasing .vehicle-card__table-label{color:rgb(255 255 255 / 76%);font-size:13px}
.vehicle-card__leasing .vehicle-card__table-value{color:#ffffff;font-size:13px;font-weight:700;text-align:right;border-left:var(--vc-table-border)}
.vehicle-card__emissions .vehicle-card__table-label{color:rgb(255 255 255 / 76%);font-size:13px}
.vehicle-card__emissions .vehicle-card__table-value{color:#ffffff;font-size:13px;font-weight:700;text-align:right;border-left:var(--vc-table-border)}

.vehicle-card__prices{margin-top:18px;padding:18px;text-align:center;border:0;border-radius:16px;background:#ffffff;box-shadow:0px 10px 24px rgba(149,26,39,0.16)}
.vehicle-card__prices-title{margin-bottom:14px;color:#777777;font-size:13px;font-weight:800}
.vehicle-card__prices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vehicle-card__prices-grid-2{grid-template-columns:1fr;padding:9px}
.vehicle-card__price-option,.vehicle-card__price-option-2{min-width:0;border:1px solid #dfdfdf;border-radius:12px;background:#dfdfdf}
.vehicle-card__price-option{padding:14px 10px}
.vehicle-card__price-option-2{margin-top:0;padding:14px 10px}
.vehicle-card__price-option-label{margin-bottom:7px;color:#555555;font-size:12px;font-weight:800}
.vehicle-card__price-row{display:flex;align-items:flex-end;justify-content:center;gap:5px}
.vehicle-card__price-value{color:#000000;font-size:32px;font-weight:900;line-height:1;letter-spacing:-1px}
.vehicle-card__price-period{padding-bottom:2px;color:#D40000;font-size:11px;font-weight:800}
.vehicle-card__price-note{margin-top:7px;color:#888888;font-size:10px;font-weight:600;line-height:1.3}

.vehicle-card__button{min-height:58px;margin-top:18px;padding:0 20px;border-radius:999px;background:var(--vc-btn-bg);color:var(--vc-btn-color);font-size:17px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;box-shadow:0 8px 18px rgba(149,26,39,.16);transition:.2s}
.vehicle-card__button:hover,.vehicle-card__button:focus{color:var(--vc-btn-hover-color);text-decoration:none}
.vehicle-card__button:hover{background:var(--vc-btn-hover-bg);transform:translateY(-2px);box-shadow:0 12px 24px rgba(149,26,39,.24)}
.vehicle-card__button:active{transform:none}

@media(max-width:500px){
.vehicle-card__header{padding-left:20px;padding-right:20px}
.vehicle-card__image{height:200px}
.vehicle-card__details{padding-left:16px;padding-right:16px}
.vehicle-card__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.vehicle-card__leasing,.vehicle-card__emissions{padding:16px}
.vehicle-card__table-label,.vehicle-card__table-value{padding:10px 8px;font-size:12px}
.vehicle-card__emissions-header{align-items:flex-start}
.vehicle-card__envkv-link{margin-top:3px;font-size:10px}
.vehicle-card__prices{padding:15px}
.vehicle-card__prices-grid,.vehicle-card__prices-grid-2{gap:8px}
.vehicle-card__price-option{padding:12px 6px}
.vehicle-card__price-value{font-size:clamp(21px,7vw,27px)}
}