
.audi-modelfinder__carlinegroup-symbols-static {
    display: block;
}

.audi-modelfinder__carlinegroup-symbols-dynamic {
    display: none;
}

.audi-modelfinder__car-line-name {
    height: auto; /* necessary for native img dimensions */
    left: calc(var(--svg-width) * -.06); /* 6% left crop */
    position: absolute;
    top: 0;
    width: var(--svg-width);
}

.audi-modelfinder__car-line-background {
    height: auto;
    left: 0;
    max-width: 512px;
    position: absolute;
    top: var(--space-s);
}

.audi-modelfinder__scroll-container {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Prevent grey border on selection on safari */
    text-align: center;
    -webkit-touch-callout: none;
}

.audi-modelfinder__scroll-container::-webkit-scrollbar {
    display: none;
}

.audi-modelfinder__car-lines::selection,
.audi-modelfinder__scroll-container *::selection {
    background: transparent;
    color: var(--color-black);
}

.audi-modelfinder__car-models {
    display: flex;
    flex-wrap: nowrap;
    text-align: left;
}

.audi-modelfinder__car-line .audi-modelfinder__car-models::before {
    content: "";
    display: flex;
    flex: 0 0 calc((100vw - var(--car-model-width-mobile)) * .5);
    min-width: calc((100vw - var(--car-model-width-mobile)) * .5);
    padding-right: 0;
}

.audi-modelfinder__filter-results .audi-modelfinder__car-models {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4%;
    width: 92%;
}

@media all and (min-width: 568px) {
    .audi-modelfinder__carlinegroup-symbols-static {
        display: none;
    }

    .audi-modelfinder__carlinegroup-symbols-dynamic {
        display: block;
    }

    .audi-modelfinder__car-line-background {
        left: calc(50vw * -.15);
        top: calc( 145px - var(--space-xxl));
        width: 50vw;
    }

    .audi-modelfinder__car-line-name {
        width: calc(50vw - (var(--car-model-width-tablet)/ 2) - (var(--svg-width) * -.12));
    }

    .audi-modelfinder__scroll-container [data-is-active-car="false"] *::selection {
        color: transparent;
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-models::before {
        flex: 0 0 calc((100vw - var(--car-model-width-tablet)) * .5);
        min-width: calc((100vw - var(--car-model-width-tablet)) * .5);
    }

    .audi-modelfinder__car-models {
        margin-left: 0;
    }
}

@media all and (min-width: 866px) {
    .audi-modelfinder__car-line-background {
        height: auto;
        left: var(--space-xxl);
        max-width: 576px;
        top: calc( 175px - calc(var(--space-xxxl) + var(--space-s)));
        width: 90%;
    }

    .audi-modelfinder__car-line .audi-modelfinder__carlinegroup-symbols-dynamic {
        flex: 0 0 var(--car-model-width-tablet);
    }

    .audi-modelfinder__car-line-name {
        width: var(--svg-width-tablet);
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-models::before {
        flex: 0 0 calc((100vw - 2 * var(--car-model-width-tablet)) * .5);
        min-width: calc((100vw - 2 * var(--car-model-width-tablet)) * .5);
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-models::after {
        display: none;
    }
}

@media all and (min-width: 1024px) {
    .audi-modelfinder__carlinegroup-symbols-static {
        display: block;
    }

    .audi-modelfinder__carlinegroup-symbols-dynamic {
        display: none;
    }

    .audi-modelfinder__car-line-background {
        left: 0;
        max-width: 640px;
        top: var(--background-top-desktop);
        width: auto;
    }

    .audi-modelfinder__car-line-name {
        /* 6% left crop */
        left: calc(var(--svg-width-desktop) * -.06);
        max-width: var(--svg-max-width-desktop);
        width: var(--svg-width-desktop);
    }

    .audi-modelfinder__scroll-container {
        overflow: visible;
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-models {
        display: flex;
        flex-wrap: wrap;
        margin: 0 4%;
        overflow: hidden;
        width: 100%;
    }
}

@media all and (min-width: 1440px) {
    .audi-modelfinder__car-line-name {
        left: calc(var(--svg-width-desktop) * -.06);
        max-width: var(--svg-max-width-desktop);
        width: var(--svg-width-desktop);
    }

    .audi-modelfinder__car-line-background {
        left: calc(660px * -.12);
        max-width: 660px;
    }
}
/* ---------------- */
/* _modelfinder.css */
/* ---------------- */
:root {
    --svg-width: 279px;
    --svg-height: 145px;
    --svg-width-desktop: 38%;
    --svg-width-tablet: 33%;
    --svg-max-width-desktop: 549px;
    --background-top-desktop: 76px;
    --background-left-desktop: 7%;
    --car-line-padding-top: calc(var(--svg-height) + var(--space-m) + var(--space-xxxl));
    --car-model-width-mobile: 260px;
    --car-model-width-tablet: 332px;
    --car-model-width-desktop: var(--car-model-width-tablet);
    --car-model-copy-height: calc(189px + var(--space-m)); /* add padding here because elemnt is border-box and only actual content should be of 189px (141px) */
    --car-model-image-height: 112px;
}

@media all and (min-width: 375px) {
    :root {
        --car-model-width-mobile: 294px;
        --car-model-image-height: 127px;
    }
}

.audi-modelfinder {
    background-color: var(--color-grey-05);
    display: block;
    padding-top: calc(var(--space-xxxl)); /* space between tiles and filter minus feedback padding */
}

.audi-modelfinder-filter--sticky + .audi-modelfinder {
    padding-top: calc(var(--space-xxxl) + 66px);
}

.audi-modelfinder__car-lines,
.audi-modelfinder__filter-results {
    opacity: 1;
    transition: opacity var(--transition-ease-out) var(--time-l);
}

.audi-modelfinder--faded-out {
    opacity: 0;
}

.audi-modelfinder__filter-results {
    margin-top: calc(var(--space-l) - var(--space-m));
}

.audi-modelfinder__car-line,
.audi-modelfinder__filter-results {
    position: relative;
}

.audi-modelfinder__car-line {
    display: block;
    margin-top: var(--space-xxxl);
    overflow: hidden;
    padding-top: var(--car-line-padding-top);
}

.audi-modelfinder__car-line + .audi-modelfinder__car-line {
    margin-top: var(--space-xxxl);
}

.audi-modelfinder__car-line:first-child {
    margin-top: 0;
}

#nm_mofi[page-type="widescreen"] .nm-wrapper {
    min-height: 0;
    overflow: visible;
}

.mf-footnote {
    background: #4c4c4c;
    position: relative;
}

.nm-footer + .mf-footnote {
    margin-top: calc(var(--space-xxl) - var(--space-xxxl));
}

.mf-footnote-body {
    color: var(--color-grey-40);
    margin: 0 auto;
    max-width: 1177.6px;
    padding-bottom: 60px;
    width: 92%;
}

.mf-footnote a {
    color: var(--color-grey-30);
}

.mf-footnote a:hover {
    color: var(--color-white);
}

@media all and (min-width: 568px) {
    .audi-modelfinder__car-line {
        padding-top: 0;
        position: relative;
    }
}

@media all and (min-width: 1024px) {
    :root {
        --tile-width: calc((100% - 2 * var(--space-s)) / 3); /* 3 tiles next to each other */
        --car-model-copy-height: calc(141px + var(--space-m));
    }

    .audi-modelfinder__car-line,
    .audi-modelfinder__filter-results {
        padding: 0;
    }

    .audi-modelfinder__car-line + .audi-modelfinder__car-line {
        margin-top: calc(var(--space-xxxl) - var(--space-m));
    }

    /* mock the first element as a spacer */
    .audi-modelfinder__car-line .audi-modelfinder__car-models::before {
        flex-basis: var(--tile-width);
        margin: 0 0 var(--space-m);
        min-width: var(--tile-width);
        padding-right: 0;
    }
}

@media all and (min-width: 1440px) {
    :root {
        --svg-width-desktop: 31%;
        --background-top-desktop: 94px;
        --tile-width: calc((100% - 3 * var(--space-s)) / 4); /* 4 tiles next to each other */
    }

    .audi-modelfinder__car-line,
    .audi-modelfinder__filter-results {
        margin: 0 auto;
        max-width: 1440px;
        overflow: visible;
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-models,
    .audi-modelfinder__car-line .audi-modelfinder__car-models {
        max-width: 1440px;
    }

    [page-type=widescreen] .mf-footnote-body {
        max-width: 1920px;
    }
}
.audi-modelfinder__car-line .audi-modelfinder__car-model {
    flex: 0 0 var(--car-model-width-mobile);
    margin-right: var(--space-s);
    z-index: 1;
}

.audi-modelfinder__car-model > * {
    transition: color var(--time-m) linear, background-color var(--time-m) linear;
}

.audi-modelfinder__filter-results .audi-modelfinder__car-model {
    flex-basis: 100%;
    margin: 0 0 var(--space-m);
}

.audi-modelfinder__car-line .audi-modelfinder__car-model:first-child {
    margin-left: var(--space-xl);
}

.audi-modelfinder__car-model-copy {
    box-sizing: border-box;
    min-height: var(--car-model-copy-height);
    /* prevent collapsing margins if the optional price elements are not present */
    overflow: hidden;
    padding: var(--space-m) var(--space-m) 0;
}

.audi-modelfinder__car-model-button-container {
    display: flex;
    padding: var(--space-m) 0 var(--space-m);
}

.audi-modelfinder__car-model-copy,
.audi-modelfinder__car-model-image-container,
.audi-modelfinder__car-model-button-container {
    background-color: var(--color-white);
}

.audi-modelfinder__car-model-image-container {
    display: block;
}

.audi-modelfinder__car-model-leasing {
    color: var(--color-grey-70);
}

.audi-modelfinder__car-model-eec-information {
    margin: var(--space-s) 0 0;
}

.audi-modelfinder__car-model-full-name {
    border-collapse: collapse;
    display: table;
    margin-bottom: var(--space-s);
}

.audi-modelfinder__car-model-carline {
    white-space: nowrap;
}

.audi-modelfinder__car-model-carline,
.audi-modelfinder__car-model-body-type {
    display: table-cell;
    font-weight: var(--font-weight-bold);
}

.audi-modelfinder__car-model-carline + .audi-modelfinder__car-model-body-type {
    padding-left: var(--space-s);
}

.audi-modelfinder__car-model-price {
    margin-bottom: var(--space-xxs);
}

.audi-modelfinder__car-model-image {
    height: var(--car-model-image-height);
    margin: 0 auto;
    max-width: 100%;
    pointer-events: none;
    width: auto;
}

.audi-modelfinder__filter-results .audi-modelfinder__car-model-image {
    height: auto;
}

.audi-modelfinder__car-model-link {
    margin: 0 auto;
    width: calc(100% - calc(var(--space-m) * 2));
}

[data-is-active-car="false"] .audi-modelfinder__car-model-link {
    pointer-events: none;
}

.audi-modelfinder__car-model-eec-label,
.audi-modelfinder__car-model-eec-data {
    float: left;
    margin: var(--space-xs) 0 0;
}

.audi-modelfinder__car-model-eec-label {
    clear: both;
}

.audi-modelfinder__car-model-eec-label--range {
    margin-top: var(--space-xxs);
    padding-top: var(--space-xxs);
}

.audi-modelfinder__car-model-eec-label:first-child,
.audi-modelfinder__car-model-eec-data:first-of-type {
    margin: 0;
}

.audi-modelfinder__car-model-eec-data--range {
    margin: var(--space-xxs) 0 0;
}

.audi-modelfinder__car-model-eec-range {
    display: inline-block;
    float: left;
    margin: var(--space-xxs) var(--space-s) 0 0;
}

.audi-modelfinder__car-model-eec-range-link {
    float: left;
    line-height: 2.4rem !important;
}

.audi-modelfinder__car-model-eec-range-link::after {
    transform: translateY(1px);
}

@media all and (min-width: 568px) {
    .audi-modelfinder__car-line .audi-modelfinder__car-model {
        flex: 0 0 var(--car-model-width-tablet);
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model {
        flex-basis: calc((100% - var(--space-s)) / 2);
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model:nth-child(2n) {
        margin: 0 0 var(--space-m) var(--space-s);
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-leasing,
    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-copy,
    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-button-container,
    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-eec-information {
        /* background-color: transparent;
        color: transparent; */
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-eec-information a svg {
        opacity: 0;
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-eec-information a,
    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-button-container * {
        /* border-color: transparent;
        color: transparent; */
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-image-container {
        /* background-color: transparent; */
    }
}

@media all and (max-width: 1024px) {
    .audi-modelfinder__car-model {
        flex-flow: row nowrap;
        transition: opacity var(--time-m) linear;
    }
}

@media all and (min-width: 1024px) {
    .audi-modelfinder__car-line .audi-modelfinder__car-model {
        flex-basis: var(--tile-width);
        margin: 0 0 var(--space-m) var(--space-s);
        padding-left: 0;
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model {
        flex-basis: var(--tile-width);
        margin: 0 0 var(--space-m) var(--space-s);
    }

    /* override first- and last-child margins with higher specificity (".className.className") */
    .audi-modelfinder__car-line .audi-modelfinder__car-model.audi-modelfinder__car-model {
        padding-right: 0;
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-model:nth-of-type(3n) {
        margin: 0 0 var(--space-m);
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model:nth-child(3n + 1) {
        margin: 0 0 var(--space-m);
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-model:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-image-container,
    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-copy,
    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-button-container {
        background-color: var(--color-white);
        color: var(--color-black);
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-leasing {
        color: var(--color-grey-70);
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-eec-information {
        color: var(--color-black);
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-eec-information a svg {
        opacity: 1;
    }

    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-eec-information a,
    .audi-modelfinder__car-model[data-is-active-car="false"] .audi-modelfinder__car-model-button-container * {
        border-color: var(--color-black);
        color: var(--color-black);
    }

    [data-is-active-car="false"] .audi-modelfinder__car-model-link {
        pointer-events: initial;
    }

    .audi-modelfinder__car-model-image {
        height: auto;
    }
}

@media all and (min-width: 1440px) {
    .audi-modelfinder__car-line .audi-modelfinder__car-model {
        flex-basis: var(--tile-width);
        margin: 0 0 var(--space-m) var(--space-s);
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model {
        flex-basis: var(--tile-width);
        margin: 0 0 var(--space-m) var(--space-s);
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-model:nth-of-type(3n) {
        margin: 0 0 var(--space-m) var(--space-s);
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model:nth-child(3n + 1) {
        margin: 0 0 var(--space-m) var(--space-s);
    }

    .audi-modelfinder__car-line .audi-modelfinder__car-model:nth-of-type(4n) {
        margin-left: 0;
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model:nth-of-type(4n) {
        margin: 0 0 var(--space-m) var(--space-s);
    }

    .audi-modelfinder__filter-results .audi-modelfinder__car-model:nth-child(4n + 1) {
        margin: 0 0 var(--space-m);
    }
}

.audi-modelfinder__scroll-container-next-button,
.audi-modelfinder__scroll-container-previous-button {
    display: block;
    height: 510px;
    position: absolute;
    width: var(--car-model-width-mobile);
    z-index: 2;
}

.audi-modelfinder__scroll-container-next-button {
    left: calc(var(--car-model-width-mobile) + var(--space-s) + (100vw - var(--car-model-width-mobile)) * .5);
}

.audi-modelfinder__scroll-container-previous-button {
    left: calc(-1 * var(--car-model-width-mobile) - var(--space-s) + (100vw - var(--car-model-width-mobile)) * .5);
}

.audi-modelfinder__scroll-container-next-button::after,
.audi-modelfinder__scroll-container-previous-button::after {
    display: none;
}

@media all and (min-width: 568px) {
    .audi-modelfinder__scroll-container-next-button,
    .audi-modelfinder__scroll-container-previous-button {
        height: 100px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Prevent grey border on selection on safari */
        top: 325px;
    }

    .audi-modelfinder__scroll-container-next-button {
        left: calc(var(--car-model-width-tablet) + var(--space-s) + (100vw - var(--car-model-width-tablet)) * .5);
    }

    .audi-modelfinder__scroll-container-previous-button {
        left: calc(-1 * var(--car-model-width-tablet) + var(--space-l) + (100vw - var(--car-model-width-tablet)) * .5);
    }

    .audi-modelfinder__scroll-container-next-button::after,
    .audi-modelfinder__scroll-container-previous-button::after {
        content: " ";
        display: block;
        height: var(--icon-size-large);
        position: absolute;
        top: 33px;
        width: var(--icon-size-large);
    }

    .audi-modelfinder__scroll-container-next-button::after {
        left: var(--space-l);
        transform: rotate(90deg);
    }

    .audi-modelfinder__scroll-container-previous-button::after {
        right: var(--space-l);
        transform: rotate(-90deg);
    }

    .audi-modelfinder__scroll-container-next-button[data-disabled="true"],
    .audi-modelfinder__scroll-container-previous-button[data-disabled="true"] {
        display: none;
    }
}

@media all and (min-width: 866px) {
    .audi-modelfinder__scroll-container-next-button {
        left: calc(2 * (var(--car-model-width-tablet) + var(--space-s)) + (100vw - 2 * var(--car-model-width-tablet) -var(--space-s)) * .5);
    }

    .audi-modelfinder__scroll-container-previous-button {
        left: calc(-1 * var(--car-model-width-tablet) + var(--space-s) + (100vw - 2 * var(--car-model-width-tablet) + var(--space-s)) * .5);
    }
}

@media all and (min-width: 1024px) {
    .audi-modelfinder__scroll-container-next-button,
    .audi-modelfinder__scroll-container-previous-button {
        display: none;
    }
}
.modelfinder-filter-js-open {
    overflow: hidden;
}

/* supress background scrolling on mobile viewport */
.modelfinder-filter-js-open .nm-footer,
.modelfinder-filter-js-open .nm-footnote-wrap,
.modelfinder-filter-js-open .audi-modelfinder {
    display: none;
}

.audi-modelfinder-filter {
    background-color: var(--color-grey-05);
    display: block;
}

.audi-modelfinder__filter {
    height: auto;
    position: static;
}

[data-state="fold-out"].audi-modelfinder__filter {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101; /* needs to be this high because of OneHeader */
}

.audi-modelfinder-filter__filter-headline,
.audi-modelfinder-filter__filter-copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: var(--space-xxxl) 0 0;
    width: 92%;
    font-weight: 700;
}

.audi-modelfinder-filter__filter-headline + .audi-modelfinder-filter__filter-copy {
    margin-top: var(--space-s);
    padding: 0;
}

.audi-modelfinder-filter__filter-headline + .modelfinder-filter-control-pixel + [data-state="fold-in"].audi-modelfinder__filter,
.audi-modelfinder-filter__filter-copy + .modelfinder-filter-control-pixel + [data-state="fold-in"].audi-modelfinder__filter {
    margin-top: var(--space-xxl);
}

.audi-modelfinder-filter--sticky .audi-modelfinder__filter {
    left: 0;
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.audi-modelfinder-filter__no-results-wrapper {
    margin-top: calc((var(--space-xxxl) - (var(--space-l) - var(--space-m))) * -1);
    padding: 0 4%;
}

.audi-modelfinder-filter__no-results-headline {
    display: block;
    font-weight: var(--font-weight-bold); /* 400 */
    margin: var(--space-xxxl) 0 var(--space-l);
}

.audi-modelfinder-filter__no-results-copy {
    display: block;
    padding-bottom: var(--space-xxl);
}

.audi-modelfinder__filter-toggle-button {
    align-items: center;
    background-color: var(--color-black);
    color: var(--color-white);
    cursor: pointer;
    display: flex;
    padding: 0 4%;
}

.audi-modelfinder__filter-toggle-button-text {
    margin: var(--space-m) 0;
}

.audi-modelfinder__filter-toggle-button-icon {
    color: var(--color-white);
    height: var(--icon-size-large);
    margin-left: var(--space-xs);
    stroke: var(--color-white);
    transform: rotate(180deg);
    transition: transform .4s ease-in-out;
    width: var(--icon-size-large);
}

[data-state="fold-out"] .audi-modelfinder__filter-toggle-button-icon {
    transform: none;
    transition: transform .4s ease-in-out;
}

.audi-modelfinder__filter-form-wrapper {
    background-color: var(--color-grey-90);
    height: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: max-height var(--transition-ease-out) var(--time-xxl), opacity var(--transition-ease-out) var(--time-l);
}

[data-state="fold-out"] .audi-modelfinder__filter-form-wrapper {
    height: 100%;
    max-height: calc(100vh - ( 2 * var(--space-m)) - 30px); /* Text of Button never increases */
    opacity: 1;
    overflow-y: auto;
    position: relative;
    transition: max-height var(--transition-ease-out) var(--time-xxl), opacity var(--transition-ease-out) var(--time-l);
}

.audi-modelfinder__filter-form {
    background-color: var(--color-grey-90);
    color: var(--color-white);
    margin-bottom: calc( ( 2 * var(--space-l) ) + calc( 2 * (var(--space-s) + var(--space-xxs))) + 2.4em + 80px); /* + 80px extra margin for browser-bar on mobile safari */
    padding: var(--space-xl) 4%;
}

.audi-modelfinder__filter-form input[type=submit] {
    display: none;
}

.audi-modelfinder__filter-checkbox,
.audi-modelfinder__filter-range {
    margin: calc(var(--space-xxl) - var(--space-s)) 0 0;
    width: 100%;
}

.audi-modelfinder__filter-checkbox:first-child {
    margin-top: 0;
}

.audi-modelfinder__filter-range:last-child {
    margin-top: var(--space-xxl);
}

.audi-modelfinder__filter-form-legend {
    color: var(--color-grey-30);
    margin: 0 0 var(--space-l);
}

.audi-modelfinder__filter-form-legend sup,
.audi-modelfinder__filter-form-legend sub {
    position: relative;
    top: -.4em;
    vertical-align: top;
}

.audi-modelfinder__filter-form-legend sub {
    top: .4em;
}

.audi-modelfinder__filter-form-checkbox {
    float: left;
    margin: 0 var(--space-s) var(--space-s) 0;
}

.audi-modelfinder__filter-form-range {
    display: block;
}

.audi-modelfinder__filter-form-results-button-wrapper {
    background-color: var(--color-black);
    bottom: calc( -1 * (( 2 * (var(--space-l) + (var(--space-s) + var(--space-xxs)))) + var(--space-xl)));
    left: 0;
    opacity: 1;
    padding: var(--space-l) 4%;
    position: fixed;
    text-align: center;
    transition: bottom var(--transition-ease-out) var(--time-xxl);
    width: 92%;
}

[data-state="fold-out"] .audi-modelfinder__filter-form-results-button-wrapper {
    bottom: 0;
    transition: bottom var(--transition-ease-out) var(--time-xxl);
    transition-delay: var(--time-xl);
}

.audi-modelfinder__filter-form-results-button-wrapper .audi-modelfinder__filter-form-results-button {
    width: 100%;
}

.audi-modelfinder__filter-feedback-bar {
    background-color: var(--color-grey-05);
    padding: 0 4%;
}

.audi-modelfinder__filter-feedback-list {
    display: flex;
    flex-flow: row wrap;
}

.audi-modelfinder__filter-feedback-list-item {
    display: none;
    margin: var(--space-m) var(--space-m) 0 0;
    width: auto;
}

.audi-modelfinder__filter-feedback-list-item-reset {
    background-color: var(--color-grey-10);
}

.audi-modelfinder__filter-feedback-list-item-reset:hover,
.audi-modelfinder__filter-feedback-list-item-reset:active,
.audi-modelfinder__filter-feedback-list-item-reset:focus {
    background-color: var(--color-grey-20);
}

.audi-modelfinder__filter-feedback-list [data-disabled=false].audi-modelfinder__filter-feedback-list-item:last-child {
    display: inline-flex;
}

.audi-modelfinder-filter--sticky .audi-modelfinder__filter .audi-modelfinder__filter-feedback-bar.audi-modelfinder__filter-feedback-bar--visible {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .1);
}

.audi-modelfinder-filter--sticky .audi-modelfinder__filter .audi-modelfinder__filter-feedback-bar.audi-modelfinder__filter-feedback-bar--visible .audi-modelfinder__filter-feedback-list {
    padding-bottom: var(--space-m);
    padding-top: calc(var(--space-l) - var(--space-m));
}

@media all and (min-width: 1024px) {
    .audi-modelfinder__filter {
        margin: 0 auto;
        width: 92%;
    }

    .modelfinder-filter-js-open {
        overflow: auto;
    }

    .audi-modelfinder-filter__filter-headline + .audi-modelfinder__filter,
    .audi-modelfinder-filter__filter-copy + .audi-modelfinder__filter {
        margin-top: var(--space-xxl);
    }

    [data-state="fold-out"].audi-modelfinder__filter {
        background-color: var(--color-black);
    }

    .audi-modelfinder-filter--sticky .audi-modelfinder__filter {
        background-color: var(--color-black);
        max-width: none;
        overflow: visible;
        position: fixed;
        width: 100vw;
        z-index: 12;
    }

    .audi-modelfinder__filter-form {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
        overflow: none;
        padding: var(--space-xl);
    }

    .audi-modelfinder-filter--sticky .audi-modelfinder__filter-form {
        max-width: calc(92vw - 2 * var(--space-xl));
    }

    [data-state="fold-out"] .audi-modelfinder__filter-form {
        clear: both;
    }

    .audi-modelfinder__filter-toggle-button {
        margin: 0 auto;
        padding: 0 var(--space-xl);
    }

    .audi-modelfinder-filter--sticky .audi-modelfinder__filter-toggle-button {
        max-width: calc(92vw - 2 * var(--space-xl));
    }

    .audi-modelfinder__filter-feedback-bar {
        padding: 0;
    }

    .audi-modelfinder-filter--sticky .audi-modelfinder__filter-feedback-bar {
        padding: 0 4%;
    }

    .audi-modelfinder-filter--sticky .audi-modelfinder__filter .audi-modelfinder__filter-feedback-list {
        margin: 0 auto;
        max-width: calc(92vw);
    }

    [data-disabled=false].audi-modelfinder__filter-feedback-list-item {
        display: inline-flex;
    }

    .audi-modelfinder__filter-range {
        margin: calc(var(--space-xxl) - var(--space-s)) 4% 0 0;
        width: 48%;
    }

    .audi-modelfinder__filter-range:last-child {
        margin: calc(var(--space-xxl) - var(--space-s)) 0 0 0;
    }
}

@media all and (min-width: 1440px) {
    .audi-modelfinder__filter-form,
    .audi-modelfinder-filter--sticky .audi-modelfinder__filter-form {
        max-width: calc(1440px - 2 * var(--space-xl));
    }

    .audi-modelfinder__filter-toggle-button ,
    .audi-modelfinder-filter--sticky .audi-modelfinder__filter-toggle-button {
        max-width: calc(1440px - 2 * var(--space-xl));
    }

    .audi-modelfinder__filter .audi-modelfinder__filter-feedback-list,
    .audi-modelfinder-filter--sticky .audi-modelfinder__filter .audi-modelfinder__filter-feedback-list {
        margin: 0 auto;
        max-width: calc(1440px);
    }
}