:root {
    --space-none: 0;
    --space-xs: 5px;
    --space-s: 15px;
    --space-m: 25px;
    --space-l: 50px;
    --space-xl: 100px;
    --space-xxl: 140px;
}

.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-cr-center {
    align-items: center;
    justify-content: center;
}

.auda-hv-center {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

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

#section-service-brands-ajax #location-request {
    background: #fff;
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary .h1,
.bg-primary .h2,
.bg-primary .h3,
.bg-primary .h4,
.bg-primary .h5,
.bg-primary .h6 {
    color: #fff;
}

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

/* TEXT BOXES BG GREY */
.textbox-bg1 {
    background-color: #f2f2f2;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* TEXT BOXES BG WHITE */
.textbox-bg2 {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* TEXT BOXES BG DARKBLUE */
.textbox-bg3 {
    background-color: #022847;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* BG BLUE */
.bg-blue {
    background-color: #063963;
}

/* TIMELINE AH */

/* Ueberschrift */
.main {
    width: 80%;
    margin-top: 80px;
}

.main h3 {
    line-height: 60px;
    color: #3c3c3b;
}

.main p {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
}

/* Timeline */
.tl {
    padding: 0;
    margin: 0;
    position: relative;
}

.tl_timeline {
    padding: 40px 0;
    width: 80%;
    margin-left: 10%;
    margin-bottom: 40px;
    margin-top: -45px;
}

/* Vertikale Linie */
.tl_timeline::before {
    content: '';
    position: absolute;
    left: 65px;
    width: 3px;
    height: calc(100% - 160px);
    background: #51a71e;
}

/* ------------------------------------------- Kachelbox-------------------------------- */

.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr);
}

.div1 {
    grid-area: 1 / 1 / 4 / 3;
}

.div2 {
    grid-area: 4 / 1 / 7 / 3;
}

.div3 {
    grid-area: 1 / 3 / 3 / 5;
}

.div4 {
    grid-area: 3 / 3 / 5 / 5;
}

.div5 {
    grid-area: 5 / 3 / 7 / 4;
}

.div6 {
    grid-area: 5 / 4 / 7 / 5;
}

.auda-img-overlay {
    position: relative;
    overflow: hidden;
}

.auda-img-overlay a img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.site-home .audaris-widget {
    --color-gray-700: #fff !important;
}

.site-home .audaris-widget .text-gray-700 {
    color: #000 !important;
}

.auda-img-overlay .auda-overlay-text {
    position: absolute;
    bottom: 0;
    right: 25px;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    font-style: italic;
    transition: 0.2s all;
}

.express-form-btm .form-control {
    border: 1px solid #fff;
}

.auda-img-overlay a {
    display: block;
}

.auda-img-overlay a::before {
    background-image: linear-gradient(to right, rgb(191 217 229 / 100%), rgb(0 0 0 / 100%));
    opacity: 0.7;
    transition: 0.3s all;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.auda-img-overlay a:hover::before {
    opacity: 0;
}

.auda-img-overlay a:hover ~ .auda-overlay-text {
    bottom: -20px;
}

.auda-overlay-text::before {
    content: '\f18e';
    position: absolute;
    top: -30px;
    right: 0;
    font-family: FontAwesome;
    font-style: initial;
}

/* ------------------------------------------- Kachelbox END-------------------------------- */

/* No Padding  & Breadcrum */

.site-home #site-content,
.pageid-16821 #site-content,
.pageid-16822 #site-content {
    padding-top: 0;
    padding-bottom: 0;
}

.pageid-135 .breadcrumb_area,
.pageid-395 .breadcrumb_area,
.pageid-16821 .breadcrumb_area,
.pageid-16822 .breadcrumb_area {
    display: none !important;
}

.express-form-btm__bg-right {
    background-size: contain;
}

@media (min-width: 992px) {
    .is-car-data {
        width: auto;
    }

    .no_header #site-content {
        padding-top: 50px;
        padding-left: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .bg-deco.bg-deco__left::after {
        right: -15%;
    }
}

@media (max-width: 991px) {
    .parent {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .div1 {
        grid-area: 1 / 1 / 2 / 3;
    }

    .div2 {
        grid-area: 2 / 1 / 2 / 3;
    }

    .div3 {
        grid-area: 1 / 3 / 2 / 5;
    }

    .div4 {
        grid-area: 2 / 3 / 3 / 5;
    }

    .div5 {
        grid-area: 3 / 1 / 3 / 3;
    }

    .div6 {
        grid-area: 4 / 5 / 3 / 3;
    }

    .express-form-btm__bg-right {
        display: none;
    }
}

@media (max-width: 767px) {
    .auda-img-overlay .auda-overlay-text {
        font-size: 18px;
    }

    .auda-img-overlay a:hover ~ .auda-overlay-text {
        bottom: -16px;
    }

    .parent {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }

    .div1 {
        grid-area: 1 / 1 / 2 / 5;
    }

    .div2 {
        grid-area: 2 / 1 / 3 / 5;
    }

    .div3 {
        grid-area: 3 / 1 / 3 / 5;
    }

    .div4 {
        grid-area: 4 / 1 / 4 / 5;
    }

    .div5 {
        grid-area: 5 / 1 / 6 / 5;
    }

    .div6 {
        grid-area: 6 / 5 / 6 / 1;
    }
}

@media (min-width: 589px) {
    #section-consultants:not(.consultants-view-2) .personinfo {
        justify-content: center;
    }
}

input[aria-label='Suche nach Marke, Modell, Farbe'] {
    border: 1px solid #aeaeae;
}