audaris-iframe iframe .step-icon {
    background-color: #c10811 !important;
    border: 1px solid #c10811 !important;
}

/***** LEAH ****/

.auda-space {
    padding: 25px;
}

.auda-space-xl {
    padding: 50px;
}

.pic {
    box-shadow: 0 0 12px 3px #eee;
}

.auda-frame audaris-iframe iframe {
    min-height: 1500px;
}

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

.categoryslider .audaris-widget .text-4xl.fas.fa-steering-wheel {
    padding-top: 30px;
}

.categoryslider .audaris-widget .text-4xl.fas.fa-steering-wheel::before {
    content: url('https://www.autohaus-daub.de/website/themes/autohaus-daub.de/dynamic/fe/icons/quad.svg') !important;
    position: absolute;
    width: 65px;
    transform: translate(-50%, -65%);
}

/************ ACCORDION FIRST ********************/
.auda-accordion-first .panel-title a {
    display: block;
    position: relative;
    padding: 10px 15px;
}

.auda-accordion-first .panel-default > .panel-heading {
    background: transparent;
    border: none;
    padding: 0;
}

.auda-accordion-first .panel-title a::after {
    content: '\f078';
    font-family: FontAwesome;
    padding: 10px;
    color: #414141;
    position: absolute;
    right: 0;
    top: 0;
}

.auda-accordion-first .panel-default {
    border: none;
    margin-bottom: 20px;
}

/************ ACCORDION FIRST - END ********************/

/************ timeline ********************/
.auda-timeline .container > .row {
    display: flex;
}

.auda-timeline .container > .row .column {
    display: flex;
    align-items: center;
}

.auda-timeline .container > .row .timeline-img {
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
}

.auda-timeline .container > .row .timeline-img::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background: #c10811;
    z-index: -1;
}

.auda-timeline .container > .row .ge-content {
    display: flex;
    width: 100%;
}

.auda-timeline .container > .row .timeline-text {
    margin: 10px 0;
    padding: 15px;
    background: #f9f9f9;
    width: 100%;
}

/************ timeline End ********************/

/* ---------------START oberes selector tab inkl. BG----------------- */
button.btn.btn-primary.py-2.w-full:hover {
    background: #c10811;
    color: #fff;
    border: solid #fff 2px;
}

button.btn.btn-primary.py-2.w-full {
    background: #000;
    border: #c10811 solid 2px;
    color: #fff;
}

#header .header-above {
    background: #ed1b26;
}

#section-service-select .container,
#section-search-switcher .tab-content {
    background: #c10811;
}

.site-home #section-service-select .service-select-buttons {
    background: #c10811;
    color: #fff;
}

#section-service-select .service-select-buttons:hover {
    color: #000;
}

/* ---------------ENDE oberes selector tab inkl. BG----------------- */

p,
div {
    hyphens: auto;
}

/* --------------------------ALLGEMEIN----------------------- */

::selection,
::selection {
    color: #fff;
    background: #c10811;
    text-shadow: none;
}

.compare-link {
    background: green;
    color: #fff;
    padding: 5px 10px;
}

/** Panel Anpassungen AGB PE **/
.panel-title > a {
    display: block;
}

/** Werkstatttservice Titel Abstand PE **/
.pageid-591 .module-block h2 {
    margin: 0 0 30px;
}

/* --------------------------Rno----------------------- */

#section-search-switcher .search-switcher-bottom-container [data-container='auto-categories'] {
    display: flex;
    justify-content: center;
}

body:not(.site-home) #section-search-switcher {
    background: #c10811;
    padding-top: 28px;
}

#site-content [data-container='infomanager'].infomanager-view-3 .prev,
#site-content [data-container='infomanager'].infomanager-view-3 .next,
#section-infomanager.infomanager-view-3 .prev,
#section-infomanager.infomanager-view-3 .next {
    top: auto;
    height: 0;
    opacity: 1;
    color: #c10811;
    font-size: 35px !important;
}

#site-content [data-container='infomanager'].infomanager-view-3 .prev,
#site-content [data-container='infomanager'].infomanager-view-3 .prev,
#section-infomanager.infomanager-view-3 .prev,
#section-infomanager.infomanager-view-3 .prev {
    left: 45%;
}

#site-content [data-container='infomanager'].infomanager-view-3 .next,
#site-content [data-container='infomanager'].infomanager-view-3 .next,
#section-infomanager.infomanager-view-3 .next,
#section-infomanager.infomanager-view-3 .next {
    right: 45%;
}

#header .header-above {
    padding: 0 0 0 15px;
}

.logos-top-right {
    position: relative;
    background-color: #fff;
    z-index: 9;
}

.logos-top-right .row {
    margin: 0;
}

.logos-top-right::after {
    content: '';
    background-color: #fff;
    width: 100%;
    position: absolute;
    height: 100%;
    transform: skew(-30deg);
    right: 40px;
    z-index: 1;
}

.logos-top-right img {
    position: relative;
    z-index: 9;
}

.VehicleCategoryIconSlider {
    padding-bottom: 100px;
}

.VehicleCategoryIconSlider > .carousel-overlay {
    opacity: 1 !important;
}

.VehicleCategoryIconSlider > .carousel-overlay .left-0,
.VehicleCategoryIconSlider > .carousel-overlay .right-0 {
    bottom: 0;
}

.VehicleCategoryIconSlider > .carousel-overlay .left-0 {
    left: 45%;
}

.VehicleCategoryIconSlider > .carousel-overlay .right-0 {
    right: 45%;
}

@media (min-width: 992px) {
    #header #icons-menu li:last-child {
        display: none;
    }

    .audaris-widget .VehicleSlider .relative.flex-1.min-w-0.overflow-hidden {
        min-height: 670px;
    }
}

@media (max-width: 991px) {
    #section-search-switcher .search-switcher-bottom-container [data-container='auto-categories'] {
        display: block;
    }

    .VehicleCategoryIconSlider > .carousel-overlay .left-0 {
        left: 35%;
    }

    .VehicleCategoryIconSlider > .carousel-overlay .right-0 {
        right: 35%;
    }
}

@media (max-width: 768px) {
    .audaris-widget header .w-full.mt-2 ul button {
        background: transparent;
        color: #000;
    }

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

    .audaris-widget header .w-full div > button {
        background: #c10811 !important;
        color: #fff;
    }

    .auda-sm-order-2 {
        order: 2;
    }

    .auda-sm-order-3 {
        order: 3;
    }
}

/* -------------------------End-Rno----------------------- */

/* --------------------------FONTS----------------------- */
h1,
h2,
h3 .headline-h1,
.headline-h2,
.headline-h3,
.h1,
.h2 .h3 {
    font-family: Poppins, sans-serif;
    font-weight: 800;
    color: #191919;
}

.headline-h2 {
    font-size: 42px;
    line-height: 42px;
}

#site-content h2,
#site-content h2.headline-h2,
#site-content .headline-h2,
#site-content .h2 {
    font-weight: 800;
    text-transform: uppercase;
    color: #191919;
}

#footer #pre_area .btn-primary {
    background: #191919;
}

.subheadline-h2 {
    color: #c10811;
    font-size: 26px;
    font-weight: 300;
}

.breadcrumb_area + #site-content h1,
.breadcrumb_area + #site-content .headline-h1,
.breadcrumb_area + #site-content .subheadline-h1,
.breadcrumb_area + [class^='container'] h1,
.breadcrumb_area + [class^='container'] .headline-h1,
.breadcrumb_area + [class^='container'] .subheadline-h1 {
    font-weight: 800;
}

#header-slider .carousel-caption .h2 {
    animation-delay: 1s;
    background: none;
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
}

.pageid-534 .module-block {
    margin: 1px 0 !important;
}

#header-slider .carousel-caption .h3 {
    animation-delay: 1s;
    background: none;
    color: #fff;
    font-size: 28px;
    font-family: Poppins, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

.para {
    font-size: 56px;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.para2 {
    font-size: 56px;
    font-weight: 900;
    color: #000;
}

.big-headline {
    font-size: 60px;
    font-weight: 800;
    line-height: 60px;
}

/* --------------------------MENÜ UND HEADER----------------------- */

@media (min-width: 1380px) {
    #fixedsocial .socialicon_area:hover {
        background-size: 60px;
        height: 50px;
        margin-left: 0;
        overflow: hidden;
        width: 50px;
    }
}

/* Styling Instagram Icon */
#fixedsocial > div.instagramflat.socialicon_area {
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255 225 125) 0%, rgb(255 205 105) 10%, rgb(250 145 55) 28%, rgb(235 65 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35 75 215) 12%, rgb(195 60 190) 58%);
}

/* --------------------------Accordeon----------------------- */
.auda-accordion-second .panel-title a {
    display: block;
    padding: 10px 35px;
    position: relative;
    background: #f35042;
    text-align: center;
    color: #fff;
}

.auda-accordion-second .panel-title a::after {
    content: '\f078';
    font-family: FontAwesome;
    padding: 10px;
    background: #ce3131;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

.auda-accordion-second .panel-title a.collapsed,
.auda-accordion-second .panel-body {
    background: #2b2b2b;
    color: #fff;
}

.auda-accordion-second .panel-default > .panel-heading {
    background: transparent;
    border: none;
    padding: 0;
}

.auda-accordion-second .panel-default {
    border: none;
    margin-bottom: 20px;
}

/* --------------------------FAHRZEUGSUCHE----------------------- */

#section-vehicle-list-search-horizontal {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #efefef;
}

#section-search-switcher .nav-tabs > li.active > a,
#section-search-switcher .nav-tabs > li.active > a:hover,
#section-search-switcher .nav-tabs > li.active > a:focus {
    background: #c10811;
    color: #fff;
}

#section-search-switcher .nav-tabs > li > a {
    background: #fff;
    color: #000;
}

.vehicleslider .far {
    color: #fff;
    padding: 5px 10px;
    background: #d9d9d9;
}

.VehicleSlider > div {
    position: relative;
}

.VehicleSliderNavigation {
    position: absolute;
    transform: translate(0%, 50%);
    z-index: 9;
    width: 100%;
    top: 50%;
}

.audaris-widget .fa-long-arrow-left::before {
    content: '\f053' !important;
    font-size: 24px;
}

.audaris-widget .fa-long-arrow-right::before {
    content: '\f054' !important;
    font-size: 24px;
}

.vehicleslider button.ml-auto {
    margin-left: 0;
}

.vehicleslider button.ml-4 {
    margin-left: auto;
}

@media (min-width: 1320px) {
    .audaris-widget .VehicleSlider > .flex > div:last-child {
        max-width: 95%;
        margin: 0 auto;
    }
}

/* --------------------------CHECK-/INFOBOXEN---------------------- */
.infobox-red {
    padding: 30px;
    background: #efefef;
    border-right: 10px solid #fff;
}

.infobox-green {
    padding: 30px;
    background: #a4ca1c;
    border-bottom: 5px solid #000;
    margin-bottom: 20px;
}

#section-consultants:not(.consultants-view-2) .contact-person {
    margin-bottom: 100px;
}

/* --------------------------FOOTER----------------------- */

/* --------------------------MEDIA QUERY----------------------- */

@media (min-width: 768px) {
    #header-slider .owl-dots {
        display: none;
    }
}

@media (max-width: 767px) {
    #header-slider .owl-dots .owl-dot span {
        display: block;
    }

    .para {
        font-size: 40px;
    }

    .big-headline {
        font-size: 40px;
        line-height: 40px;
    }

    #header-slider .carousel-caption .h2 {
        font-size: 24px;
    }

    #header-slider .carousel-caption .h3 {
        font-size: 18px;
    }

    #header-slider .carousel-caption .h2 {
        text-shadow: 1px 1px 1px #000;
    }

    #header-slider .carousel-caption .h3 {
        text-shadow: 1px 1px 1px #000;
    }
}

@media (max-width: 568px) {
    #header-slider .carousel-caption .left-bottom-1,
    #header-slider .carousel-caption .center-bottom-1,
    #header-slider .carousel-caption .right-bottom-1 {
        bottom: 30%;
        top: auto;
    }
}

.showroom .audaris-widget .Detail {
    max-width: 1580px;
    margin: 0 auto;
}

.audaris-widget a.vehicle-card-2 > .bg-primary {
    background: #5e5e5e;
}

#sss-search .audaris-widget .btn-primary:hover::after {
    background: #c10811;
}

/* Fahrzeugüberschrift schwarz statt rot MH */
.audaris-widget .text-primary {
    color: #000 !important;
}

/* Bug-Fix Suche/Service Startseite MH */
#section-service-brands-ajax #location-request {
    background: #efefef;
    display: none;
}

/* Schatten in Captions auf Startseite MH */
#header-slider .carousel-caption .h2,
#header-slider .carousel-caption .h3 {
    text-shadow: 4px 4px 4px rgb(0 0 0 / 40%);
}

/* Social Menü im Showroom ausblenden MH */
.pageid-532 #menu-social-floating,
.pageid-10237 #menu-social-floating {
    display: none;
}

.audaris-widget .route-favorites > div.cust--list-header.pb-4.mb-4.flex.items-center.border-b > div > a {
    background: #c10811;
    border: 1px solid;
    color: #fff;
    padding: 10px 20px;
}

.audaris-widget .route-favorites > div.cust--list-header.pb-4.mb-4.flex.items-center.border-b > div > a.disabled {
    background: #bbb;
}

@media (min-width: 1200px) {
    .audaris-widget .route-favorites > div.cust--list-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #fff;
        padding: 10px 20px;
    }
}

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

/* =========================================== CAR TABLES =============================================== */

/* Car Table Zoom-Bild */

.zoom-image-wrapper {
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    line-height: 0;
    position: relative;
    background-color: #0e3a2f;
}

.zoom-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    transform-origin: center;
    transition: transform 0.4s ease;
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
}

.zoom-image-wrapper:hover .zoom-image {
    transform: scale(1.05) translateZ(0);
    cursor: pointer;
}

/* Car Table Zoom-Bild */

/* Titelbox Rot-schwarz */
.table-title-box-rd {
    padding: 20px;
    background-color: #000;
}

.table-title-box-rd .highlight {
    color: #fff;
}

.table-title-box-rd .title-text {
    font-size: 20px;
}

.table-title-box-rd .subtitle-text {
    font-size: 15px;
}

.table-title-box-rd .color-secondary {
    /* optional */
}

/* Titelbox */

/* Car Table (Red) */
.Car-Table-rd {
    border: none;
    padding: 20px;
    background-color: #e83f3c;
    border-radius: 0 0 15px 15px;
}

.Car-Table-rd .leasing-table {
    width: 100%;
    max-width: 593px;
    height: auto;
    margin: 0;
    border-collapse: collapse;
    border: none;
}

.Car-Table-rd td {
    border: none;
    vertical-align: top;
    padding: 8px 0;
}

.Car-Table-rd .cell-text {
    font-size: 16px;
    color: #000;
}

.Car-Table-rd .small-text {
    font-size: 14px;
}

.Car-Table-rd .content-title {
    font-weight: 600;
    color: #000;
}

.Car-Table-rd .color-primary {
    color: #0e3a2f; /* kannst du bei Bedarf anpassen */
}

.Car-Table-rd .button-wrapper {
    text-align: left;
    margin-top: 10px;
}

/* Car Table (Red) */

/* ---------------------------------------------------------
/*Table Hover Color (Red) */
.table-hover-red tbody tr,
.table-hover-red tbody tr td,
.table-hover-red tbody tr td * {
    transition:
        background-color 0.1s ease,
        color 0.1s ease;
}

.table-hover-red tbody tr:hover td {
    background-color: #000;
}

.table-hover-red tbody tr:hover td,
.table-hover-red tbody tr:hover td * {
    color: #fff !important;
}

/* Table Hover Color (Red) */

/* ----------------------------------------------------------


/* Mobile Ansicht */
@media (max-width: 600px) {
    .Car-Table .Car-Table-yl .Car-Table-gre .leasing-table,
    .Car-Table .Car-Table-yl .Car-Table-gre .leasing-table thead,
    .Car-Table .Car-Table-yl .Car-Table-gre .leasing-table tbody,
    .Car-Table .Car-Table-yl .Car-Table-gre .leasing-table tr,
    .Car-Table .Car-Table-yl .Car-Table-gre .leasing-table td {
        display: block;
        width: 100%;
    }

    .Car-Table .Car-Table-yl .Car-Table-gre .leasing-table tr {
        margin-bottom: 15px;
        border: none;
    }

    .Car-Table .Car-Table-yl .Car-Table-gre .leasing-table td {
        text-align: left;
        padding: 5px 0;
    }
}

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

/* =========================================== CAR TABLES =============================================== */