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

h1,
.headline-h1 {
    font-size: 56px;
    font-weight: 600;
    line-height: 1.2;
}

.subheadline-h2 {
    font-size: 31px;
    font-weight: 600;
    line-height: 1.2;
}

#site-content h2,
#site-content h2.headline-h2,
#site-content .headline-h2,
#site-content .h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: inherit;
}

h3,
.headline-h3 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    text-transform: inherit;
}

.subheadline-h3 {
    font-size: 21px;
}

h4 {
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    font-style: italic;
    font-weight: 600;
}

h5 {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

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

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

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

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

    .auda-mb-sm-extra-large {
        margin-bottom: var(--space-xl);
    }

    .home-standort-info {
        margin-top: 60px;
    }

    .auda-price-box {
        padding: 35px 19px;
    }

    .pageid-587 img.auda-radius {
        margin-bottom: 20px;
    }

    .auda-img-block .auda-block {
        position: inherit !important;
        top: 0 !important;
        margin-bottom: 15px;
        padding: 0;
    }

    div.auda-padding-y-extra {
        padding-top: 0 !important;
        padding-bottom: 20px !important;
    }

    .auda-img-block {
        margin-top: 0 !important;
    }
}

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

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

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

.auda-padding-extra-large {
    padding: var(--space-xl);
}

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

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

.auda-shadow {
    box-shadow: 0 4px 34px 0 rgb(0 0 0 / 25%);
}

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

@media (max-width: 1380px) {
    .auda-h-100 {
        height: auto;
    }
}

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

.auda-price-box {
    position: relative;
    line-height: 1;
    padding: 35px 20px;
}

.auda-price-box::before {
    content: '%';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    opacity: 0.15;
    color: #f7f7f7;
}

.auda-price-box.bg-secondary a {
    color: #000;
}

.auda-price-box.bg-primary a {
    color: #fff;
}

.auda-price {
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
}

.auda-currency {
    font-size: 39px;
    font-weight: 700;
}

@media (min-width: 992px) {
    .auda-price {
        font-size: 65px;
    }

    .auda-currency {
        font-size: 21px;
        margin-left: -13px;
    }
}

address {
    position: relative;
}

address::before {
    content: '\f041';
    position: absolute;
    left: 40px;
    top: -30px;
    font-family: FontAwesome;
    font-size: 30px;
    background: #000;
    border-radius: 60px;
    padding: 9px 22px;
    color: #fff;
}

.showroom address::before {
    display: none;
}

.well {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

body:not(.fe-admin-area) .form-control {
    border-radius: 20px;
    background: #e9fbff;
    border: 1px solid #2f3e46;
    min-height: 38px;
}

/*
body:not(.fe-admin-area) .tab-content > .tab-pane .collapse {
  display: block;
}

body:not(.fe-admin-area) .tab-content > .tab-pane {
    display: block;
}
*/

label {
    font-weight: 100;
}

body:not(.fe-admin-area) .list-group-item {
    position: relative;
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 45px;
}

.bg-secondary .list-group-item .subheadline-h3 {
    color: #fff;
}

body:not(.fe-admin-area) .list-group-item::before {
    content: '\f058';
    position: absolute;
    left: 10px;
    font-family: FontAwesome;
    font-size: 25px;
    color: #fff;
}

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

.container-full .row {
    margin-right: 0;
    margin-left: 0;
}

.container-full .column {
    padding-right: 0;
    padding-left: 0;
}

/******************* Image Slider Navigations Button unten **********************/

.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;
}

.owl-theme .owl-nav {
    height: 50px;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-next {
    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;
}

/******************* Image Slider Navigations Button unten **********************/

.auda-img-block {
    margin-top: 100px;
}

.auda-img-block .auda-block {
    position: absolute;
    top: -120px;
}

.auda-object-fit {
    object-fit: cover;
    height: 100% !important;
}

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

.btn {
    border-radius: 50px;
    padding: 10px 18px;
    transition: 0.35s ease-in-out;
    position: relative;
    z-index: 0;
}

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

.btn-primary:hover,
.header-menu-fixed #header .btn-primary:hover,
.btn-default {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.btn-default:hover,
.btn-primary,
.header-menu-fixed #header .btn-primary {
    background-color: #2f3e46;
    border-color: #2f3e46;
    color: #fff;
}

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

/**************** Infomanager Slider & Bildbox ********************************/

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info {
    position: relative;
    background: #fff;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info .img-overlay-extra-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-3[data-slider-view='2'] .img-overlay-info .img-overlay-extra-info {
    display: flex;
    position: relative;
    padding-bottom: 40px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info .img-overlay-extra-info::before {
    content: '\f105';
    position: absolute;
    bottom: -10px;
    right: 0;
    font-family: FontAwesome;
    font-size: 24px;
    z-index: 9;
    color: #fff;
    background: #2f3e46;
    border-radius: 30px;
    padding: 3px 15px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info .price-angebot {
    font-size: 2.96em;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-headline,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry .h4 {
    color: #000;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry .h4 {
    font-weight: 100;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-headline {
    font-size: 24px;
    line-height: 1.3;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info .price-angebot,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info .price-mtl {
    text-shadow: none;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info .price-mtl {
    font-size: 1.4em;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info .price-angebot .angebot-preis-currency {
    font-size: 18px;
    margin-right: 5px;
    margin-left: -8px;
}

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

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry a {
    border-radius: 37px;
    box-shadow: 0 4px 6px 0 rgb(0 0 0 / 15%);
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] [data-container='infomanager-content'] .im-slider-entry {
    padding: 10px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info > div {
    padding: 25px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info {
    flex-direction: row;
    align-items: first baseline;
    position: absolute;
    display: flex;
    top: -38%;
    right: 0;
    background: #2f3e46;
    padding: 10px 15px 10px 25px;
    border-radius: 70px 0 0 70px;
}

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

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

.header-menu-fixed #header {
    background: #fff;
    z-index: 99;
}

.header-menu-fixed #header a {
    color: #2b2b2b;
}

.header-menu-fixed #menu-toggle .icon-bar {
    background: #2b2b2b;
}

@media (min-width: 1380px) {
    #header #logo img {
        max-height: 80px;
    }
}

.multi-directions-overlay .nv-location .nv-company {
    font-size: 16px;
    line-height: 1.6;
}

.multi-directions-overlay .nv-location {
    font-size: 18px;
}

.multi-directions-overlay .select-location {
    display: block;
}

@media (min-width: 1380px) {
    .multi-directions-overlay {
        height: 100%;
        top: 0;
    }
}

@media (max-width: 991px) {
    #header-slider-v2 .overlay-text {
        position: relative;
        padding-top: 6rem;
    }
}

@media (max-width: 1380px) {
    #header {
        background: #fff;
        box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
    }

    #header a {
        color: #000;
    }
}

@media (min-width: 1380px) {
    #header-slider-v2 .overlay-text {
        position: absolute;
        display: flex;
        align-items: center;
        max-width: 50%;
    }

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

    #header-slider-v2 .overlay-text::before {
        content: '';
        position: absolute;
        background: none;
        width: 100%;
        height: 101%;
        left: 0;
        z-index: -1;
    }
}

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

/****** audaris-widget ******/
.auda-search > .container {
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 74px 0 rgb(0 0 0 / 15%);
    margin-top: -85px;
    position: relative;
    z-index: 9;
    border-radius: 39px;
}

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

.auda-search .audaris-widget .form-select {
    border-radius: 30px;
    transition: 0.3s all;
    padding: 18px;
    background: none #e9fbff;
    border: none;
    display: flex;
    align-items: center;
}

.auda-search .audaris-widget .form-select:hover {
    border-radius: 10px;
}

.auda-search .audaris-widget .btn.btn-primary {
    border-radius: 30px;
    color: #000;
    transition: 0.2s all;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.auda-search .audaris-widget .-mx-bs-gap {
    justify-content: center;
}

.auda-search .headline-h2 {
    margin-bottom: 30px;
}

.auda-search .audaris-widget .flex-1 {
    max-width: 183px;
    margin: 0 0 calc(var(--font-size, 1rem) * 1);
}

.audaris-widget .fa-search::before {
    content: '\f138' !important;
    font-family: FontAwesome;
}

.site-home .VehicleSliderNavigation .fa-long-arrow-left,
.site-home .VehicleSliderNavigation .fa-long-arrow-right {
    color: #fff !important;
}

.audaris-widget .text-white {
    color: #000 !important;
}

.quicksearch .audaris-widget .hover\:text-white:hover {
    color: #000 !important;
}

.quicksearch .audaris-widget .text-white {
    color: #000 !important;
}

.audaris-widget .text-primary {
    color: #000 !important;
}

.audaris-widget .btn-default {
    color: #000 !important;
    background-color: #e9fbff !important;
}

.audaris-widget .btn-primary {
    color: #000 !important;
    background-color: #e9fbff !important;
}

.audaris-widget .btn-primary:hover,
.audaris-widget .btn-default:hover {
    color: #fff !important;
    background-color: #000 !important;
}

.audaris-widget .VehicleSlider .fas {
    color: #fff !important;
}

.auda-search .audaris-widget .btn.btn-primary:hover {
    color: #fff !important;
}

.Showroom header .fa-times {
    color: #fff !important;
}

.Showroom header button.p-2 {
    background-color: #e9fbff !important;
    color: #000 !important;
}

.Showroom header button.p-2 .fa-times {
    color: #000 !important;
}

.Showroom header button.p-2:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.Showroom a.btn-default.primary-card-action {
    border: 1px solid #000;
}

.Showroom .p-1.leading-none.bg-secondary.rounded {
    color: #fff;
}

.Showroom .p-1.leading-none.bg-primary.rounded {
    color: #000;
}

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

.pageid-10263 #menu-social-floating {
    display: none;
}

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

#menu-social-floating a:hover {
    background: #2f3e46 !important;
}

#page_sidebar .footer_copy_menu li a:hover,
#header #icons-menu a:hover {
    color: #2f3e46;
}

#footer #menu-social-floating a {
    color: #000;
}

#menu-social-floating .tiktokflat svg {
    fill: #000;
}

#footer #menu-social-floating a:hover,
#menu-social-floating .tiktokflat:hover {
    color: #fff;
}

#menu-social-floating .tiktokflat:hover svg {
    fill: #fff;
}

#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'] span {
        display: none;
    }

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

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

.auda-panel .panel-title a.collapsed::after {
    content: '\f077';
}

.auda-panel .panel-title a::after {
    content: '\f078';
    font-family: FontAwesome;
    font-style: normal;
    padding: 10px;
    color: #414141;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.auda-panel .panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
    box-shadow:
        0 5px 5px 0 #ddd,
        0 2px 12px #fff;
    margin: 6px 0;
}

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

.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;
    min-width: 150px;
}

.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;
    font-weight: 600;
    color: #2f3e46;
}

.auda-panel .nav-tabs > li > a::before {
    content: '';
    position: absolute;
    width: 0;
    height: 9px;
    bottom: -2px;
    left: 0;
    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: #2f3e46;
    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;
        flex-wrap: wrap;
    }

    .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 {
        display: block;
        position: relative;
    }

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

    .auda-panel .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }

    .auda-panel .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }

    .auda-psm-0 {
        padding: 0 !important;
    }
}

.tooltip {
    z-index: 1;
}

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

#footer #after_area {
    display: flex;
    flex-direction: column-reverse;
    border-top: 1px solid #e6e6e6;
}

.bg-black {
    background-color: #000;
    color: #fff;
}

.audaris-widget .vehicle-card-3 {
    border-radius: 40px;
    padding: 10px;
}

[data-container='infomanager'].infomanager-view-6 article {
    border-radius: 40px;
}

[data-container='infomanager'].infomanager-view-6 .gallery-item .picture-row {
    border-radius: 40px 40px 0 0;
}

/***** SW Timeline externer Code von https://codepen.io/brady_wright/pen/NNOvrW *****/

/* ==================================
    TIMELINE
================================== */

/* -- GENERAL STYLES
    ------------------------------ */
.timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.timeline-item {
    padding-left: 40px;
    position: relative;
}

.timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-info {
    font-size: 1.7em;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000;
}

.timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px;
}

.timeline-marker::before {
    background: #2f3e46;
    border: 3px solid transparent;
    border-radius: 100%;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    transition:
        background 0.3s ease-in-out,
        border 0.3s ease-in-out;
}

.timeline-marker::after {
    content: '';
    width: 3px;
    background: #e7f8ff;
    display: block;
    position: absolute;
    top: 24px;
    bottom: 0;
    left: 6px;
}

.timeline-item:last-child .timeline-marker::after {
    content: none;
}

.timeline-item:not(.period):hover .timeline-marker::before {
    background: transparent;
    border: 3px solid #2f3e46;
}

/* ----------------------------------------------
        MOD: TIMELINE CENTERED
    ---------------------------------------------- */
@media (min-width: 992px) {
    .timeline-centered,
    .timeline-centered .timeline-item,
    .timeline-centered .timeline-info,
    .timeline-centered .timeline-marker,
    .timeline-centered .timeline-content {
        display: block;
        margin: 0;
        padding: 0;
    }

    .timeline-centered .timeline-item {
        padding-bottom: 40px;
        overflow: hidden;
    }

    .timeline-centered .timeline-marker {
        position: absolute;
        left: 50%;
        margin-left: -7.5px;
    }

    .timeline-centered .timeline-info,
    .timeline-centered .timeline-content {
        width: 50%;
    }

    .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
        float: left;
        text-align: right;
        padding-right: 30px;
    }

    .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
        float: right;
        text-align: left;
        padding-left: 30px;
    }

    .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
        float: right;
        text-align: left;
        padding-left: 30px;
    }

    .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
        float: left;
        text-align: right;
        padding-right: 30px;
    }

    .timeline-centered > .timeline-item.period .timeline-content {
        float: none;
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .timeline-centered .timeline-item.period {
        padding: 50px 0 90px;
    }

    .timeline-centered .period .timeline-marker::after {
        height: 30px;
        bottom: 0;
        top: auto;
    }

    .timeline-centered .period .timeline-title {
        left: auto;
    }
}

@media (max-width: 479px) {
    .timeline-content img {
        max-width: 100%;
        object-fit: contain;
    }

    .timeline-item img {
        width: 100%;
        height: 100%;
    }
}

/***** SW END Timeline externer Code von https://codepen.io/brady_wright/pen/NNOvrW *****/

/***** SW Verlauf *****/

.bg-gradient-dark {
    background: linear-gradient(180deg, #2f3e46 0%, #0f1010 100%);
}

/***** SW END Verlauf *****/