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

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

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

.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-top-extra-large {
    padding-top: var(--space-xl);
}

.auda-padding-bottom-extra-large {
    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%;
}

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

.auda-shadow {
    box-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
}

.auda-relative {
    position: relative;
}

h1,
h1 .headline-h1,
h2 .headline-h1 {
    font-size: 23px;
}

h2,
h2 .headline-h2,
h3 .headline-h2,
h1 .headline-h2 {
    font-size: 18px;
}

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

[data-container='kachel'] .tile-img-text-container .h3::before {
    content: '';
    position: absolute;
    left: -10px;
    width: 6px;
    height: 100%;
    background: #c9013d;
    rotate: 10deg;
}

[data-container='kachel'] .tile-img-text-container .h3 {
    background: #000;
    padding: 10px;
}

.auda-img-box a.auda-border-radius {
    min-width: 200px;
    background: #ececec;
    color: #1b1b1b;
}

.auda-img-box a.auda-border-radius:hover,
#section-service-brands-ajax,
#multi-directions-show {
    background: #f5f5f5;
}

.btn {
    font-size: 16px;
    border-radius: 5px;
    transition: 0.3s ease-in;
}

.btn-primary {
    text-transform: initial;
    padding: 10px 36px;
}

.btn-arrow {
    position: relative;
    text-transform: initial;
    padding-left: 30px;
}

.btn-arrow::before {
    content: '\f178';
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
}

.btn-link {
    position: relative;
    padding-left: 30px;
    color: #1b1b1b;
}

.btn-link::before {
    content: '\f178';
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
}

.btn.btn-link::after {
    content: '';
    position: absolute;
    background: #d62828;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: 0.3s ease-in;
}

.btn.btn-link:hover::after {
    width: 50%;
}

.btn-link:hover {
    text-decoration: none;
}

.btn-default {
    background: #1b1b1b;
    color: #fff;
    border: none;
    padding: 10px 36px;
}

.btn-default:hover {
    background: #d62828;
}

.slider-selection {
    background-image: linear-gradient(to bottom, #000 0, #000 100%);
}

body:not(.fe-admin-area) #site-content {
    padding: 0;
}

.blog-entry #header-slider h1,
.blog-entry #header-slider h2 {
    display: none;
}

.auda-testimonial .owl-theme .owl-dots {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 50%;
}

.auda-testimonial .slider-content {
    text-align: center;
}

.auda-testimonial .owl-carousel .owl-item img {
    width: auto;
}

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

.navbar-left img {
    filter: invert(100%) sepia(100%) contrast(100%) brightness(130%) saturate(0%);
}

#wrapper #header,
.header-menu-fixed #wrapper #header {
    box-shadow: none;
    background: #272727;
}

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

#section-search-switcher .nav-tabs > li > a {
    background: transparent;
    color: #272727;
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid #272727;
    cursor: pointer;
}

#section-search-switcher .search-switcher-top-container {
    box-shadow: none;
}

#header .top-area .container-fluid {
    display: flex;
    justify-content: end;
}

.nav-area-lines .navbar-nav > li > a {
    text-transform: uppercase;
}

#section-search-switcher > .container {
    background: #fff;
    z-index: 9;
    position: relative;
    padding-top: 50px;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
    border-radius: 5px;
}

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

/**************  Formulare   *****************************/

.fieldsBoxWrapper .fieldsBox {
    background: #f5f5f5;
    border: none !important;
}

label {
    font-weight: 400;
}

.form-control {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #da291c;
    background: #fbfbfb;
}

.checkbox-toggle-container,
.wrap-all-fields {
    border: none !important;
    background: #f4f4f4;
}

.auda-search .audaris-widget .btn-primary {
    width: 70%;
    margin: 0 auto;
    padding: 12px;
}

.auda-search .audaris-widget > div > div:last-child {
    margin-top: 25px;
}

.auda-search .audaris-widget .form-select {
    border: none;
}

.auda-search .audaris-widget .form-select::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.6s all;
    background: #707070;
}

/**************   END Formulare   *****************************/
@media (max-width: 387px) {
    #section-search-switcher .nav-tabs > li > a {
        text-transform: inherit;
    }
}

@media (max-width: 768px) {
    [data-container='kachel'] .tile-img {
        margin: 5px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: inherit;
    }

    h1,
    h1 .headline-h1 {
        font-size: 40px;
    }

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

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

@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: 600px;
    }

    body:not(.site-home, .no_header) :not(.location-landingpage) .breadcrumb_area {
        position: relative;
        margin-top: -70px;
        padding: 25px 0;
        z-index: 99;
        background: none;
        border-bottom: none;
        top: -55px;
    }

    body:not(.no_header) .breadcrumb li,
    body:not(.no_header) .breadcrumb a {
        color: #fff;
    }

    body:not(.site-home, .no_header, .location-landingpage) #site-content [data-position='1'] > .container > .row:first-child,
    #article-blog-entry .blog-post > .row:first-child {
        margin-top: -113px;
        padding: 70px 40px;
        border-radius: 10px;
        position: relative;
        z-index: 9;
        background: #fff;
        box-shadow: 0 0 10px -4px rgb(0 0 0 / 40%);
    }
}

@media (min-width: 1380px) {
    #wrapper #header {
        background: rgb(0 0 0);
        background: linear-gradient(180deg, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 0%) 100%);
    }

    #wrapper #header #optional-header-icons a {
        color: #fff;
    }

    #header-container {
        height: 170px;
    }
}

/************ ACCORDION FIRST ********************/
.auda-accordion-first .panel-title a {
    display: block;
    position: relative;
    padding: 10px 25px;
    box-shadow:
        0 5px 5px 0 #ddd,
        0 2px 12px #fff;
}

.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;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

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

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

/*** Barrierefreiheit Changes ***/
#footer_info_box,
#footer_info_box a:not(.btn) {
    color: #000;
}

body:not(.no_header) .breadcrumb {
    width: fit-content;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
    padding: 5px;
    line-height: 0;
}

.subheadline-h2,
.subheadline-h1 {
    color: #6f6f6f;
}

/* Geely-Uebersicht: Firmenkopf und Footer auch in der CMS-Ansicht zeigen. */
body.fe-admin-area.no_header.imentry-27276 #header-container,
body.fe-admin-area.no_header.imentry-27276 #header,
body.fe-admin-area.no_header.imentry-27276 #footer {
    display: block;
}

body.fe-admin-area.no_header.imentry-27276 #header {
    top: 40px;
}

/* Geely-Logo im Markenheader – rechts neben Škoda Service */
@media (min-width: 1380px) {
    #header .top-area .navbar-left ul > li:nth-child(4) {
        display: flex;
        align-items: center;
        gap: 10px;
        overflow: hidden;
    }

    #header .top-area .navbar-left ul > li:nth-child(4)::after {
        content: "";
        display: block;
        flex: 0 0 58px;
        width: 58px;
        max-width: 58px;
        height: 29px;
        max-height: 29px;
        margin: 0;
        background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDQgNDIwIiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0idGl0bGUiPgogIDx0aXRsZSBpZD0idGl0bGUiPkdlZWx5PC90aXRsZT4KICA8ZyB0cmFuc2Zvcm09InNjYWxlKDIuMDQpIiBmaWxsPSIjZmZmIj4KICAgIDxwYXRoIGQ9Ik0xMTYuMzMgNTMuNzkyMkMxNTAuNTA0IDU2LjAxMjQgMTg0LjY3OSA1Ny43ODI0IDIwNi43NDEgNTcuNzgyNEMyMjguODAzIDU3Ljc4MjQgMjYyLjk3NyA1Ni4wMTI0IDI5Ny4xNTEgNTMuNzkyMkwyOTkuMjk0IDEuNTkyNzZDMjcwLjIzNiAxLjE5Mzc0IDIzNy45Ni45OTkzNTEgMjA2Ljc0MS45OTkzNTFDMTc1LjUyMS45OTkzNTEgMTQzLjI0NSAxLjIwMzk3IDExNC4xODggMS41OTI3NkwxMTYuMzQgNTMuNzkyMkgxMTYuMzNaIi8+CiAgICA8cGF0aCBkPSJNMS4zOTkyNSA0NS4wMzE4QzIuMjgyNTQgNDUuMTEzNyA1NS42NDU2IDQ5Ljc0ODQgMTEwLjcwNCA1My40MDA5TDEwOC41NzIgMS42NjE4OUM1OS45ODA5IDIuMzc4MDggMjEuNDcxMyAzLjY0Njc0IDEzLjk4ODcgNS40NDc0M0MxLjgyNTY3IDguMzczNTUuMTYwNjEgMTcuOTkwOS4wMjg2MjM5IDI0LjQwNThDLS4wNDI0NDU3IDI3LjQ1NDctLjA0MjQ0NTcgMzUuNzExMi43Nzk5MzEgNDQuOTgwN0wxLjQwOTQgNDUuMDMxOEgxLjM5OTI1WiIvPgogICAgPHBhdGggZD0iTTMwMi43NzkgNTMuNDExMkMzNTcuODQ4IDQ5Ljc0ODQgNDExLjIwMSA0NS4xMTM3IDQxMi4wODQgNDUuMDQyMUw0MTIuNzE0IDQ0Ljk2MDJDNDEzLjUyNiAzNS43MDEgNDEzLjUyNiAyNy40NDQ1IDQxMy40NTUgMjQuNDA1OEM0MTMuMzIzIDE3Ljk5MDkgNDExLjY1OCA4LjM3MzU1IDM5OS40ODUgNS40NDc0M0MzOTIuMDAyIDMuNjQ2NzQgMzUzLjQ5MiAyLjM3ODA4IDMwNC45MDEgMS42NjE4OUwzMDIuNzY5IDUzLjQxMTJIMzAyLjc3OVoiLz4KICAgIDxwYXRoIGQ9Ik0zMDIuNDMzIDU5LjExNTFMMjk3Ljg3NCAxMTMuMDc0QzMyNS43NzQgMTA4LjA4MiAzNTEuMDM0IDEwMi43NTEgMzYxLjQ0MSA5OS45NjgyQzM4NC4zOTYgOTMuODM5OCAzOTguNTA5IDg3LjE0ODYgNDA1Ljk4MSA3My43NjYyQzQwOS4xNzkgNjguMDI2NSA0MTEuMDM3IDU5LjMxOTggNDEyLjEwMyA1MC43MjU2QzQwNi44NjUgNTEuMTc1OCAzNTUuMzggNTUuNjA1OSAzMDIuNDMzIDU5LjExNTFaIi8+CiAgICA8cGF0aCBkPSJNMjk2Ljc3IDU5LjQ4ODdDMjYyLjcyOCA2MS42OTg2IDIyOC43NDcgNjMuNDQ4MSAyMDYuNzM1IDYzLjQ0ODFDMTg0LjcyNCA2My40NDgxIDE1MC43NDMgNjEuNjk4NiAxMTYuNyA1OS40ODg3TDEyMS4zMSAxMTQuMDgyQzE1My40MTMgMTE5LjY5OSAxODcuODYxIDEyNC42NDEgMjA2LjczNSAxMjQuNjQxQzIyNS42MDkgMTI0LjY0MSAyNjAuMDY4IDExOS43MDkgMjkyLjE2MSAxMTQuMDgyTDI5Ni43NyA1OS40ODg3WiIvPgogICAgPHBhdGggZD0iTTExMS4wNDYgNTkuMTE1MUM1OC4wODg2IDU1LjYwNTkgNi42MDM4MyA1MS4xNzU4IDEuMzY0OTkgNTAuNzI1NkMyLjQzMTAzIDU5LjMwOTUgNC4yNzg4NCA2OC4wMjY1IDcuNDg3MTMgNzMuNzY2MkMxNC45NTk2IDg3LjE0ODYgMjkuMDYxOCA5My44Mzk4IDUyLjAyNzQgOTkuOTY4MkM2Mi40MzQgMTAyLjc1MSA4Ny42OTQyIDEwOC4wODIgMTE1LjU5NCAxMTMuMDc0TDExMS4wNDYgNTkuMTE1MVoiLz4KICA8L2c+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5NSAyODApIiBmaWxsPSIjZmZmIj4KICAgIDxwYXRoIGQ9Ik01MTYuMjQ0IDEyMy42MThDNTA1LjAzMiAxMjMuNjE4IDQ5NS45ODMgMTE0LjQzMyA0OTUuOTgzIDEwMy4yVjIwLjU0QzQ5NS45ODMgOS4zMDcyIDUwNS4wOTguMTIyNzI1IDUxNi4yNDQuMTIyNzI1SDY1Ni44MjVWMjEuMjY2OEg1MTkuMTI5VjEwMi4zNDFINjMzLjY3OVY3Mi40MDkySDU1MC43OTlWNTEuMTMyOUg2NTYuODI1VjEyMy41NTFINTE2LjI0NFYxMjMuNjE4WiIvPgogICAgPHBhdGggZD0iTTcxMS43NzMgMTIzLjYxOEM3MDAuNjI2IDEyMy42MTggNjkxLjUxMiAxMTQuNDMzIDY5MS41MTIgMTAzLjJWLjEyMjcyNUg4NDcuODk1VjIxLjI2NjhINzE0LjY1OFY1MS4xOTlIODQ0LjE1N1Y3Mi40NzUySDcxNC42NThWMTAyLjQwN0g4NDcuODk1VjEyMy42ODRINzExLjgzOUw3MTEuNzczIDEyMy42MThaIi8+CiAgICA8cGF0aCBkPSJNODk5Ljk1IDEyMy42MThDODg4LjgwNCAxMjMuNjE4IDg3OS42ODkgMTE0LjQzMyA4NzkuNjg5IDEwMy4yVi4xMjI3MjVIMTAzNi4wN1YyMS4yNjY4SDkwMi44MzVWNTEuMTk5SDEwMzIuNFY3Mi40NzUySDkwMi44MzVWMTAyLjQwN0gxMDM2LjA3VjEyMy42ODRIOTAwLjAxNkw4OTkuOTUgMTIzLjYxOFoiLz4KICAgIDxwYXRoIGQ9Ik0xMDg4LjgzIDEyMy42MjdDMTA3Ny42MiAxMjMuNjI3IDEwNjguNTcgMTE0LjQ0MyAxMDY4LjU3IDEwMy4yMVYwSDEwOTEuNzJWMTAyLjM1MUgxMjA2LjkyVjEyMy42MjdIMTA4OC44M1oiLz4KICAgIDxwYXRoIGQ9Ik0xMjQwLjEyIDEyMy42MjdWNzYuMzE3MUwxMTY0LjM5IDBIMTE5NC4yMkwxMjUxLjczIDU3Ljg4MkwxMzA5LjE3IDBIMTMzOUwxMjYzLjI3IDc2LjMxNzFWMTIzLjYyN0gxMjQwLjEyWiIvPgogIDwvZz4KPC9zdmc+Cg==") center / 58px 29px no-repeat;
        pointer-events: none;
    }
}