: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,
.page-headline h1,
.page-headline .headline-h1 {
    font-size: 40px !important;
    font-weight: bold;
    text-transform: none !important;
}

h2,
.headline-h2 {
    font-size: 30px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

h3,
.headline-h3 {
    font-size: 25px !important;
    font-weight: 600 !important;
    text-transform: none;
}

.page-headline h1,
.page-headline .headline-h1,
.page-headline .subheadline-h1 {
    text-align: left;
}

.content-title {
    color: #000;
}

.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-x-medium {
    margin-right: var(--space-m);
    margin-left: var(--space-m);
}

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

.auda-padding-x-large {
    padding-right: var(--space-l);
    padding-left: var(--space-l);
}

.auda-padding-y-large {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
}

.auda-cr-center {
    align-items: center;
    justify-content: center;
}

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

.auda-shadow,
#footer #pre_area,
#section-search-switcher .nav-tabs > li > a,
[data-container='infomanager'].infomanager-view-6 article {
    box-shadow: 0 0 20px -5px rgb(0 0 0 / 29%);
}

#conultants-content h2 {
    text-align: center;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-slider-entry {
    margin-bottom: 20px;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline,
[data-container='infomanager'].infomanager-view-6 .im-headline .text-truncate {
    font-size: 20px;
    text-align: left;
    overflow: inherit;
    white-space: normal;
}

.auda-relative,
#header #primary-menu li,
#infomanager-content .info-row,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline {
    position: relative;
}

.auda-blue-gradient {
    background: rgb(4 65 139);
    background: linear-gradient(0deg, rgb(4 65 139 / 100%) 7%, rgb(0 0 0 / 100%) 92%);
    color: #fff;
}

.auda-card .auda-footer::before {
    right: 30px;
}

.auda-card .auda-footer::after {
    right: 37px;
}

.auda-card-skew {
    transform: skew(-15deg, 0deg);
}

.auda-card-skew::after {
    content: '';
    background: #86a6d0;
    position: absolute;
    right: 0;
    width: 20px;
    height: 100%;
    top: 0;
}

.auda-card-skew-reverse {
    transform: skew(15deg, 0deg);
    padding: 30px;
}

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

.auda-tabs .nav.nav-tabs,
.auda-round-tabs .nav.nav-tabs {
    display: flex;
    gap: 0.5rem;
}

.location-slide .item {
    display: flex;
    align-items: center;
}

.location-slide .slider-content {
    position: relative;
    min-width: 320px;
}

.location-slide .owl-theme .owl-dots button span {
    position: relative;
    padding: 18px;
    background: #f5f5f5;
    border-radius: 30px;
    border: none;
    box-shadow: 0 0 20px -5px rgb(0 0 0 / 29%);
}

.location-slide .owl-theme .owl-dots .owl-dot.active {
    color: #fff;
}

.location-slide .owl-theme .owl-dots .owl-dot:first-child span::after {
    content: '1';
}

.location-slide .owl-theme .owl-dots .owl-dot:nth-child(2) span::after {
    content: '2';
}

.location-slide .owl-theme .owl-dots .owl-dot:last-child span::after {
    content: '3';
}

.location-slide .owl-theme .owl-dots button span::after {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
    color: #fff;
}

#header-slider,
[data-container='infomanager'].infomanager-view-6 article,
.nav-tabs > li {
    border: none;
}

#header-slider .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    border-radius: 10px;
}

#header #logo,
[data-container='infomanager'].infomanager-view-6 article {
    justify-content: flex-start;
}

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

#header #primary-menu > li > a:hover,
#header #primary-menu > .active > a,
#header #primary-menu > .active > a:hover,
#header #primary-menu > .active > a:focus,
#header #primary-menu > .open > a,
#header #primary-menu > .open > a:hover,
#header #primary-menu > .open > a:focus,
.blog-entry #header-slider .carousel-caption .h2,
.blog-entry #header-slider .carousel-caption .h3 {
    background-color: transparent;
}

#header #primary-menu > li:hover,
#header #primary-menu > li.active,
#header #primary-menu > li.active:focus,
#header #primary-menu > .open,
#header #primary-menu > .open:hover,
#header #primary-menu > .open:focus {
    background-color: #b90a05;
}

.auda-gradient,
#header .header-below,
.audaris-widget .btn-primary,
.auda-tabs .nav-tabs > li.active > a,
.auda-round-tabs .nav-tabs > li.active > a,
.location-slide .owl-theme .owl-dots .owl-dot.active span {
    background: rgb(135 0 7);
    background: linear-gradient(79deg, rgb(135 0 7 / 100%) 47%, rgb(120 10 0 / 100%) 59%, rgb(43 0 2 / 100%) 100%) !important;
    color: #fff !important;
}

#header #primary-menu li::before {
    left: 16px;
}

#header #primary-menu li::after {
    left: 23px;
}

#header #primary-menu .dropdown li a {
    padding-left: 30px;
}

#header #primary-menu .dropdown li::before,
#header #primary-menu .dropdown li::after,
#header .hamburger.is-active:hover {
    background: #b90a05;
}

#header #primary-menu .dropdown li:hover::before,
#header #primary-menu .dropdown li:hover::after,
#header .hamburger:hover,
#header .hamburger.is-active,
#infomanager-content .info-row,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline,
[data-container='infomanager'].infomanager-view-5 .co2-info,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .co2-info,
[data-container='infomanager'].infomanager-view-6 article {
    background: #fff;
}

[data-container='infomanager'].infomanager-view-5 .im-headline,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-headline {
    flex-grow: 1;
    font-size: 30px;
    line-height: 30px;
}

[data-container='infomanager'].infomanager-view-5 .price-info,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info {
    flex-grow: initial;
    position: relative;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
    width: fit-content;
}

[data-container='infomanager'].infomanager-view-5 .price-info::before,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info::before {
    position: absolute;
    content: '';
    width: 140%;
    height: 100%;
    background: #780a00;
    left: -30px;
    z-index: -1;
    top: 0;
    transform: skew(-11deg, 0deg);
}

[data-container='infomanager'].infomanager-view-5 .price-info .price-mtl,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .price-info .price-mtl {
    font-size: 1em;
    text-shadow: none;
    text-align: left;
}

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

[data-container='infomanager'].infomanager-view-5 .im-subheadline,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .im-slider-entry .h4,
[data-container='infomanager'].infomanager-view-5 a:hover .clearfix,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] a:hover .img-overlay-info .clearfix,
#header-slider:hover .owl-prev,
#header-slider:hover .owl-next {
    opacity: 0;
}

[data-container='infomanager'].infomanager-view-5 .clearfix,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .img-overlay-info .clearfix {
    order: 1;
    display: flex;
    justify-content: end;
}

[data-container='infomanager'].infomanager-view-5 .pub-date,
[data-container='infomanager'].infomanager-view-3[data-slider-view='2'] .pub-date {
    background: #780a00;
    color: #fff;
    border-radius: 0;
    font-weight: 400;
}

#header #primary-menu .dropdown li::before {
    left: 10px;
}

#header #primary-menu .dropdown li::after {
    left: 18px;
}

#infomanager-content .picture-row,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-slider-entry .entry-img-area {
    border-bottom: 15px solid #780a00;
}

[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline {
    padding: 15px 50px 15px 15px;
    box-shadow: 0 0 20px -5px rgb(0 0 0 / 29%);
}

.dropdown-toggle:focus {
    outline: none;
}

.well {
    background: #fff;
    padding: 20px 40px;
    border: none;
    box-shadow: 0 0 20px -5px rgb(0 0 0 / 29%);
}

body:not(.fe-admin-area) .form-group .form-control {
    background: #eee;
    border: none;
}

body:not(.fe-admin-area) .btn:not(.audaris-widget .btn, #section-contact-form .btn, #modalMultiLocationsSelect .btn, .btn-group > .btn)::before,
body:not(.fe-admin-area) .btn:not(.audaris-widget .btn, #section-contact-form .btn, #modalMultiLocationsSelect .btn, .btn-group > .btn)::after,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline::before,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline::after,
#infomanager-content .info-row::before,
#infomanager-content .info-row::after,
#header #primary-menu li::after,
#header #primary-menu li::before,
.auda-card .auda-footer::after,
.auda-card .auda-footer::before {
    content: '';
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 4px;
    height: 20px;
    transform: skewX(-10deg) translate(-50%, -50%);
}

body:not(.fe-admin-area) .btn:not(.btn-default, .audaris-widget .btn, #section-contact-form .btn, #modalMultiLocationsSelect .btn, .breadcrumb button.btn-link)::before,
body:not(.fe-admin-area) .btn:not(.btn-default, .audaris-widget .btn, #section-contact-form .btn, #modalMultiLocationsSelect .btn, .breadcrumb button.btn-link)::after,
#header #primary-menu li::after,
#header #primary-menu li::before,
.btn.btn-default:not(.primary-card-action):hover::before,
.btn.btn-default:not(.primary-card-action):hover::after {
    background: #fff;
}

#infomanager-content .info-row::before,
#infomanager-content .info-row::after,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline::before,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline::after,
.btn.btn-default:not(.primary-card-action)::before,
.btn.btn-default:not(.primary-card-action)::after {
    background: #780a00;
}

.auda-card .auda-footer::after,
.auda-card .auda-footer::before {
    top: 95%;
    background: #780a00;
}

body:not(.fe-admin-area) .btn:not(.audaris-widget .btn)::before {
    left: 22px;
}

body:not(.fe-admin-area) .btn:not(.audaris-widget .btn, #section-contact-form .btn)::after {
    left: 15px;
}

body:not(.fe-admin-area) .btn:not(.audaris-widget .w-full, .audaris-widget .btn) {
    position: relative;
    border-radius: 25px;
    padding: 8px 35px;
    font-weight: bold;
    box-shadow: 0 8px 20px -3px rgb(0 0 0 / 29%);
}

:not(.w-full).btn-primary {
    border: 2px solid #fff;
}

:not(.audaris-widget) .btn-default {
    border: 2px solid #780a00;
}

#infomanager-content .info-row::before,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline::before {
    right: 33px;
}

#infomanager-content .info-row::after,
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-headline::after {
    right: 40px;
}

#sss-search button.form-select,
#sss-search input.form-checkbox {
    background-color: #d9d9d9;
    border: none;
}

.audaris-widget .vehicle-card-2 > div .top-0 {
    top: 80%;
}

#sss-search .audaris-widget .items-end {
    padding: 20px;
}

#sss-search .audaris-widget .items-end > div:nth-child(3) {
    display: flex;
}

#section-search-switcher .tab-content {
    border-radius: 0;
    padding: 0;
}

#section-search-switcher .nav-tabs > li > a {
    border-radius: 0;
    font-weight: bold;
    font-size: 18px;
}

#section-search-switcher .nav-tabs > li.active > a {
    background: #fff !important;
    color: #485152 !important;
}

#section-search-switcher .nav-tabs > li > a:hover,
.audaris-widget .btn-primary:hover {
    background: #6c0006;
    color: #fff;
    transition: 0.3s ease-in;
}

.auda-round-tabs .nav-tabs > li > a {
    padding: 10px 18px;
    border-radius: 30px;
}

#footer #after_area {
    text-align: initial;
}

a.back-link {
    display: none !important;
}

@media (max-width: 522px) {
    [ng-app='car-configurator'] .btn-group > .btn {
        font-size: 16px;
        padding: 13px !important;
    }

    .container-configurator .entries > .row > div {
        width: 100%;
    }
}

@media (min-width: 580px) {
    .auda-card-ma {
        margin-left: -50px;
        padding-left: 100px;
        box-shadow: 3px 0 10px -5px rgb(0 0 0 / 29%);
    }

    .auda-card-ma::before {
        content: '';
        position: absolute;
        background: #fff;
        width: 50%;
        left: -50%;
    }
}

@media (max-width: 767px) {
    h1,
    .headline-h1,
    #header-slider .carousel-caption h1 {
        font-size: 30px !important;
    }

    h2,
    .headline-h2,
    #header-slider .carousel-caption h2 {
        font-size: 25px !important;
    }

    h3,
    .headline-h3 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }

    .location-slide .item {
        flex-wrap: wrap;
    }

    .well {
        padding: 20px;
    }

    body:not(.fe-admin-area) .auda-bg-fixed .auda-content {
        margin: 20px 0;
    }
}

@media (min-width: 768px) {
    .site-home:not(.no_header) #site-content > #section-search-switcher {
        margin-top: 0 !important;
    }

    .location-slide .owl-carousel .owl-item img {
        width: calc(100% - 320px);
    }

    .location-slide .owl-theme .owl-dots {
        position: absolute;
        top: 0;
    }

    .auda-tabs .nav-tabs > li > a {
        min-width: 140px;
    }

    body:not(.fe-admin-area) .auda-bg-fixed .auda-content {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translate(-5%, -50%);
        max-width: 50%;
    }
}

@media (max-width: 991px) {
    #header .logos-top-right {
        display: block;
    }

    #header .logos-top-right img {
        height: 50px;
    }
}

@media (max-width: 767px) {
    .location-slide .owl-theme .owl-dots {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 1200px) {
    body:not(.site-home, .blog-entry, .location-landingpage) #header-slider .item,
    body:not(.site-home, .blog-entry, .location-landingpage) #header-slider .fill {
        height: 650px;
    }
}

@media (max-width: 1381px) {
    #header #primary-menu li a {
        padding: 10px 35px;
    }

    #header #primary-menu > .dropdown.open::before,
    #header #primary-menu > .dropdown.open::after {
        top: 20px;
    }
}

@media (min-width: 1380px) {
    .site-home #header-container {
        height: 195px;
    }

    #header #primary-menu-container {
        display: flex;
        justify-content: end;
        padding-right: 50px;
    }

    #header #primary-menu > li > a {
        text-transform: initial;
        font-size: 18px;
    }

    #header #primary-menu > li {
        padding: 20px 4px 20px 20px;
    }

    #header #icons-menu {
        padding: 20px;
    }

    #header .logos-top-right img {
        height: 100px;
    }

    #header .header-above {
        align-items: center;
        padding: 0 50px;
    }
}

/* Textumbruch AA */
h1 {
    hyphens: auto;
}

/* Textumbruch AA - END */

/************** ANGLE BOX RED/BLUE ***************/

.angled-wrapper {
    max-width: 800px;
    margin: 50px auto;
    transform: skewX(10deg);
    overflow: hidden;
}

/* Rote Box */
.angle-box-red {
    background: linear-gradient(to right, #800000, #1a0000);
    color: #fff;
    padding: 30px 40px;
    transform: skewX(-10deg);
}

/* Blaue Box */
.angle-box-blue {
    background: linear-gradient(to right, #154180, #000);
    color: #fff;
    padding: 30px 40px;
    transform: skewX(-10deg);
}

/* Gemeinsame Styles für beide Boxen */
.angle-box-red h2,
.angle-box-blue h2 {
    font-size: 2.2em;
}

/************** ANGLE BOX END ***********/


#infomanager-content .fa,
body.blog-entry #header-slider .angebot-preis,
.section-im-slider-container .entry-img-area i,
.pageid-16674 #header .logos-top-right .auda-ford,
.imentry-21494 #header .logos-top-right .auda-ford,
.imentry-21172 #header .logos-top-right .auda-ford,
.imentry-20615 #header .logos-top-right .auda-ford,
.pageid-16675 .auda-ford ~ .configurator-area .selection-grid.detailed .ng-scope:last-child, /* Seite Marken ford*/
.pageid-16674 .auda-hyundai ~ .configurator-area .selection-grid.detailed .ng-scope:first-child /* Seite Marken hyundai*/ {
    display: none;
}

.auda-hyundaifont .btn-primary,
.pageid-16674 [ng-app='car-configurator'] .main-container .btn-primary,
.pageid-16674 [ng-app='car-configurator'] .main-container .btn-success,
.pageid-16674 [ng-app='car-configurator'] .main-container .btn-group .active,
.pageid-16674 .btn-default{
    background: #002c5f;
    border-color: #002c5f;
}

.pageid-16674 .btn-primary{
    background: #002c5f;
}

body.pageid-19212 .btn-primary,
.pageid-16674 .btn-primary:hover,
.auda-hyundaifont .btn-primary:hover,
.pageid-16674 [ng-app='car-configurator'] .main-container .btn-success:hover {
    background: #01234a;
    border-color: #002c5f;
}

.pageid-16674 [ng-app='car-configurator'] .main-container h1,
.pageid-16674 [ng-app='car-configurator'] .navbar .breadcrumb button.btn-link.active {
    color: #002c5f;
}

.pageid-16674 [ng-app='car-configurator'] .navbar .breadcrumb button.btn-link.active,
.pageid-16674 [ng-app='car-configurator'] .main-container .selection-grid.detailed .grid-item.selected{
    border-color: #002c5f;
}

.pageid-16674 .btn-default{
    color: #fff;
}

.pageid-16674 .btn.btn-default::after,
.pageid-16674 .btn.btn-default::before{
    background: #fff;
}


body.pageid-16674,
body.pageid-16674 h1,
body.pageid-16674 h2,
body.pageid-16674 h3,
body.pageid-16674 h4,
body.pageid-16674 h5,
body.pageid-16674 h6,
.auda-hyundaifont,
body.pageid-19212,
body.pageid-19212 h1,
body.pageid-19212 h2,
body.pageid-19212 h3,
body.pageid-19212 .h3,
body.pageid-19212 p,
body.pageid-19212 h4,
body.pageid-19212 h5,
body.pageid-19212 h6{
    font-family: HyundaiSansText-Regular, Verdana, sans-serif;
}

body.pageid-16674 [data-container="infomanager"].infomanager-view-3[data-slider-view="1"] .im-headline,
.auda-bg-hyundai{
    background: #f6f3f2;
}

.auda-hyundaifont{
    background: #f6f3f2;
    margin-top: -30px;
}