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

.auda-padding-y-medium {
    padding-top: var(--space-m);
    padding-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-padding-x-xlarge {
    padding-right: var(--space-xl);
    padding-left: var(--space-xl);
}

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

.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-direction-compact .service-area-open-time {
    padding: 10px;
    background: #e3e3e3;
    margin: 20px 0 0;
}

/**** FONTS ****/
h1,
.headline-h1 {
    font-family: HyundaiSansHead-Bold, Verdana, sans-serif;
    font-size: 48px !important;
    text-transform: none !important;
    font-weight: 600 !important;
}

h2,
.headline-h2 {
    font-family: HyundaiSansHead-Regular, Verdana, sans-serif;
    text-transform: none !important;
}

h3,
.headline-h3 {
    font-family: HyundaiSansHead-Bold, Verdana, sans-serif;
    font-size: 22px !important;
    text-transform: none !important;
    font-weight: 600 !important;
}

body:not(.fe-admin-area) body,
body:not(.fe-admin-area) p,
body:not(.fe-admin-area) ol,
body:not(.fe-admin-area) ul {
    font-size: 18px;
    font-family: HyundaiSansText-Regular, Verdana, sans-serif;
}

@media (min-width: 992px) {
    #site-content h2,
    #site-content h2.headline-h2,
    #site-content .headline-h2,
    #site-content .h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .auda-quicksearch-title .container {
        margin-top: 0 !important;
    }

    h1,
    .headline-h1 {
        font-size: 34px !important;
    }

    h3,
    .headline-h3 {
        font-size: 18px !important;
    }
}

/**** FONTS - END ****/

/**** HEADER AND SLIDER ****/
#header .more-brands img,
#header .logos-top-right img {
    height: auto;
}

@media (min-width: 992px) {
    #header .header-above {
        padding-left: 25px;
    }
}

@media (min-width: 1380px) {
    #header-slider .header-envkv-info {
        font-size: 1.1em;
        bottom: 130px;
    }

    .auda-quicksearch-title .container {
        margin-top: -130px !important;
    }

    #header #primary-menu > li > a {
        text-transform: none;
    }

    #header .header-above {
        padding-left: 8%;
    }

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

    #icons-menu {
        padding-right: 30px !important;
        margin-left: -30px !important;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover {
        background-color: #e1e1e1 !important;
    }
}

#header .header-above,
#header .header-below {
    justify-content: flex-start;
}

#header #logo {
    flex-grow: 0;
    padding-right: 15px;
}

#header #icons-menu a {
    color: #fff;
}

#header #icons-menu li > a:hover {
    color: #007e9a;
}

.header-menu-fixed #header {
    transform: none;
}

#header #primary-menu .sdropdown-menu li a {
    background-color: #003469;
    color: #fff;
}

@media (max-width: 580px) {
    #header #logo img {
        max-height: 15px;
    }
}

@media (max-width: 1379px) {
    #header .hamburger .hamburger-inner,
    #header .hamburger .hamburger-inner::before,
    #header .hamburger .hamburger-inner::after {
        background-color: #003469;
    }

    #header .hamburger .hamburger-label {
        color: #003469;
    }

    #header .hamburger.is-active .hamburger-label {
        color: #003469;
    }

    #header .header-below {
        background: #fff;
        padding-right: 30px;
    }

    #header .header-below {
        display: flex;
        flex-direction: row-reverse;
    }

    #header #primary-menu-container {
        flex-grow: 0;
    }

    #header-container {
        height: 95px;
    }

    .header-above {
        position: absolute !important;
        z-index: 9 !important;
    }

    #header {
        padding: 20px 0;
    }

    #header #icons-menu a {
        color: #003469;
    }
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background-color: #fff;
}

/**** HEADER AND SLIDER - END ****/

/**** QUICKSEARCH ****/

.auda-quicksearch-title .container {
    position: relative;
    z-index: 9;
}

.auda-quicksearch-title .container {
    background: #ece8e5;
    border-radius: 10px 10px 0 0;
}

.auda-quicksearch .container {
    border-radius: 0 0 10px 10px;
    padding: 0 20px 10px;
    background: #ece8e5;
    box-shadow: 3px 5px 5px rgb(0 0 0 / 15%);
    position: relative;
    z-index: 9;
}

.auda-quicksearch .audaris-widget .form-select {
    border-radius: 10px;
    border-color: transparent;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
    min-height: 50px;
    padding-left: 20px;
    font-family: HyundaiSansHead-Bold, Verdana, sans-serif;
    font-size: 16px;
}

.auda-quicksearch .audaris-widget button.text-center {
    text-transform: uppercase;
    position: relative;
    top: 50px;
    padding: 15px;
}

.auda-quicksearch {
    margin-bottom: 70px !important;
}

/* Fix for the buttom as it is in the design */
@media (min-width: 808px) and (max-width: 1031px) {
    .auda-quicksearch .audaris-widget button.text-center {
        top: 0;
    }
}

.audaris-widget .form-select:disabled {
    color: #2c201a !important;
}

/**** QUICKSEARCH - END ****/

/**** MODULES ****/
.auda-box {
    background-color: #ece8e5;
    padding: 30px;
    border-radius: 10px;
    text-align: left;
}

.auda-box img {
    width: 100%;
    margin-bottom: 15px;
}

.auda-box a:hover {
    text-decoration: underline;
}

.auda-transition:hover {
    transform: translate(-5px, -5px);
    transition: all 0.3s ease-out;
}

.auda-line-height {
    line-height: 34px;
}

.parallax-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.auda-team-img::before {
    content: '';
    background: #8d0b0c;
    width: 45%;
    height: 99%;
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    transform: skew(-30deg);
    margin-left: -50px;
}

.gray-background {
    background: #ece8e5;
}

.brown-background {
    background: #cfc8c2;
}

.auda-team-img {
    border-radius: 8px;
    z-index: 2;
    position: relative;
}

body:not(.fe-admin-area) .aud-ellipse {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 15%;
    transition: top 0.3s;
}

body:not(.fe-admin-area) .aud-ellipse:hover {
    top: 46%;
}

body:not(.fe-admin-area) .aud-ellipse-2 {
    position: absolute;
    z-index: 1;
    top: 60%;
    left: -8%;
    transition: top 0.3s;
}

body:not(.fe-admin-area) .aud-ellipse-2:hover {
    top: 56%;
}

@media (max-width: 1380px) {
    .aud-ellipse,
    .aud-ellipse-2 {
        display: none;
    }
}

@media (min-width: 992px) {
    .pageid-386 .module-block {
        margin: 150px 0;
    }
}

.auda-container {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.auda-testimonial {
    background-color: #fff;
    border-radius: 10px;
    padding: 50px 70px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.auda-testimonial::before,
.auda-testimonial::after {
    content: '“';
    font-size: 120px;
    color: #000;
    position: absolute;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.auda-testimonial::before {
    top: -55px;
    left: 0;
}

.auda-testimonial::after {
    bottom: -55px;
    right: 0;
    transform: rotate(180deg);
}

.auda-author {
    font-weight: bold;
    margin-top: 20px;
}

/**** MODULES - END ****/

/**** BUTTONS ****/
body:not(.fe-admin-area) .btn-primary {
    background-color: #002c5f;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 10px 40px;
    font-size: 18px;
}

body:not(.fe-admin-area) .btn-primary:hover {
    background-color: #007e9a;
}

body:not(.fe-admin-area) .btn-default {
    background-color: #ece8e5;
    color: #1e1e1e;
    border-radius: 25px;
    padding: 10px 40px;
    font-size: 18px;
    border: 1.8px solid #003469;
}

body:not(.fe-admin-area) .btn-default:hover {
    border: 1.8px solid #09d3ff;
}

/**** BUTTONS - END ****/

/**** FORMS ****/
.kontaktformular-homepage,
.fahrzeugankauf-form,
.well,
#section-contact-form {
    box-shadow: 0 2px 20px rgb(0 0 0 / 25%);
    border-radius: 10px;
    padding: 60px 6%;
}

@media (min-width: 992px) {
    .kontaktformular-homepage,
    .fahrzeugankauf-form,
    .well,
    #section-contact-form {
        margin: 0 5%;
    }
}

.kontaktformular-homepage .form-control,
.fahrzeugankauf-form .form-control,
.well .form-control,
#section-contact-form .form-control {
    background-color: #ece8e5;
    border: 1px solid #646464;
    border-radius: 6px !important;
}

.kontaktformular-homepage label,
.fahrzeugankauf-form label,
.well label,
#section-contact-form label {
    font-weight: 400;
    font-size: 16px;
}

.fieldsBox,
.checkbox-toggle-container {
    border: 1px solid rgb(236 232 229) !important;
}

.well,
#section-contact-form {
    background-color: #fff;
}

.forms-accept-datenschutz a,
#fmForm-721 a[href='/datenschutz/'],
#fmForm-719 a[href='/datenschutz/'] {
    color: #002c5f !important;
    font-weight: 600 !important;
}

#section-search-switcher .form-control {
    color: #000;
    border: 1px solid #717171;
}

#section-vehicle-inquiry-form .form-control {
    border: 1px solid #003469;
}

/**** FORMS - END ****/

/**** FAHRZEUGSLIDER ****/
@media (min-width: 350px) {
    .auda-fahrzeugslider .VehicleSliderFilterContainer {
        min-width: 350px;
    }
}

.auda-fahrzeugslider .audaris-widget .btn-default {
    border-color: #fff;
    background-color: #ece8e5;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    transition: transform 0.3s ease;
    min-height: 40px;
    border-radius: 0;
}

.auda-fahrzeugslider .audaris-widget .btn-default:hover {
    transform: translateX(-20px);
    border-color: #fff;
}

@media (max-width: 991px) {
    .auda-fahrzeugslider .VehicleSlider {
        padding: 0 20px;
    }
}

.auda-fahrzeugslider .audaris-widget .btn-default.active,
.auda-fahrzeugslider .audaris-widget .btn-default:hover {
    background-color: #ece8e5 !important;
    color: #000 !important;
}

.auda-fahrzeugslider .audaris-widget .disabled\:bg-gray-100:disabled {
    background-color: #007e9a;
}

.auda-fahrzeugslider .audaris-widget .disabled\:text-gray-400:disabled {
    color: #fff;
}

.auda-fahrzeugslider .audaris-widget .disabled\:border-gray-400:disabled {
    border-color: #fff;
}

.auda-fahrzeugslider .audaris-widget .text-secondary {
    color: #000;
}

.audaris-widget .text-success {
    color: #42843d !important;
}

.audaris-widget .vehicle-card-1 .vehicle-installment-2::after {
    border-color: #0000 #007e9a #0000 #0000 !important;
}

.audaris-widget .vehicle-card-1 .vehicle-installment-2 {
    background: #007e9a !important;
}

.auda-fahrzeug-liste .text-secondary {
    color: #007e9a !important;
}

.auda-fahrzeug-liste .bg-secondary {
    background-color: #007e9a !important;
}

/**** FAHRZEUGSLIDER - END ****/

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

.infomanager-area .h4.text-truncate {
    display: none;
}

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

/**** INFOMANAGER ARROWS ****/
[data-container='infomanager'].infomanager-view-3 .prev,
[data-container='infomanager'].infomanager-view-3 .next {
    opacity: 1;
}

[data-container='infomanager'].infomanager-view-3 .prev,
[data-container='infomanager'].infomanager-view-3 .next {
    transform: none;
    top: 100%;
}

.infomanager-area .fa-angle-right::before {
    content: '➔';
}

.infomanager-area .fa-angle-left::before {
    content: '➔';
    transform: rotate(180deg);
}

.infomanager-area .fa-angle-left {
    transform: rotate(180deg);
}

[data-container='infomanager'].infomanager-view-3 .prev {
    right: 0;
    left: auto;
}

[data-container='infomanager'].infomanager-view-3 .prev {
    margin-right: 50px;
    margin-top: -1px;
}

.infomanager-area .fa {
    font-size: 0.85em;
}

/**** INFOMANAGER ARROWS - END ****/

/**** INFOMANAGER - END ****/

/**** MISCELANEOUS ****/
.site-home #site-content {
    padding: 0;
}

.auda-margin-bottom-negative {
    margin-bottom: -30px !important;
}

#section-testimonials-form .slider-handle,
#section-vehicle-inquiry-form .slider-handle,
.slider-selection {
    background: #007e9a linear-gradient(to bottom, #007e9a 0, #0192c0 100%);
}

.pageid-587 .module-block.fe-content a,
.pageid-486 .module-block.fe-content a,
.pageid-15932 .module-block.fe-content a,
.pageid-15933 .module-block.fe-content a {
    color: #007e9a;
}

.pageid-587 .module-block.fe-content a:hover,
.pageid-486 .module-block.fe-content a:hover,
.pageid-15932 .module-block.fe-content a:hover,
.pageid-15933 .module-block.fe-content a:hover {
    color: #003469;
}

.pageid-535 #section-vehicle-inquiry-form {
    margin-bottom: 50px;
}

@media (max-width: 1379px) {
    #primary-menu a {
        color: #003469;
    }
}

.footer-nav a {
    color: #003469;
}

[title='Zum Menüpunkt AGB Neuwagen']::before {
    content: '\f129';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
}

@media (max-width: 430px) {
    #header #logo img {
        max-height: 9px !important;
    }
}

.pageid-585 #section-contact-form {
    box-shadow: none;
}

@media (max-width: 991px) {
    .auda-flex-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
}

.pageid-591 #site-content {
    padding-top: 0;
}

.pageid-15960 .form-configurable a {
    color: #003469;
}

.pageid-15960 .form-configurable a:hover {
    text-decoration: underline !important;
}

#section-service-select .btn-inverse {
    color: #003469;
    font-weight: 700;
}

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

.showroom .btn-header,
.showroom .text-gray-600 {
    color: #806d5f !important;
}

.showroom .bg-gray-200::placeholder {
    color: #474747 !important;
    opacity: 1;
}

.auda-fahrzeug-liste .min-width-768px .md\:border {
    border-color: #717171 !important;
}

.module-block.showroom.auda-fahrzeug-liste .audaris-widget input[aria-label='Suche nach Marke, Modell, Farbe'][role='searchbox'] {
    background: #fff !important;
    border: 1px solid #000;
}

.comments footer {
    color: #484848 !important;
}

/**** MISCELANEOUS - END ****/

/************ ACCORDION FIRST ********************/
.auda-accordion-first .panel-title a {
    display: block;
    position: relative;
    background-color: #fff;
    color: #000;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 500;
}

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

.auda-accordion-first .panel-title a::after {
    content: '➜';
    font-family: FontAwesome;
    padding: 10px;
    color: #414141;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 15px;
    transition: 0.3s all;
    rotate: 90deg;
}

.auda-accordion-first .panel-title a.collapsed::after {
    rotate: 0deg;
}

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

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