/*	=========================================================================
	Navigation
========================================================================= */

/*	derivative navigation (this is the tab and subtab nav)
============================================================================= */

.nm-nav-wrap {
    background: #f2f2f2;
    height: 54px;
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
    width: 100%;
    z-index: 10;
}

.nm-nav-wrap {
    min-width: 0;
}

.nm-nav-wrap[data-subnav] {
    height: 108px;
}

.nm-nav-fixed .nm-nav-wrap {
    min-width: 980px;
    position: fixed;
    top: 0;
}

.nm-nav-fixed .nm-content {
    padding-top: 98px;
}

.nm-nav-fixed .nm-nav-wrap[data-subnav] ~ .nm-content[data-type="nomo"] {
    padding-top: 152px;
}

.nm-navigation-sub-wrap-outer {
    display: none;
    left: 0;
    position: absolute;
    top: 54px;
    width: 100%;
    z-index: 0;
}

.nm-navigation-main-wrap,
.nm-navigation-sub-wrap,
.nm-navigation-layer-wrap {
    height: 54px;
    position: relative;
}

.nm-navigation-main-wrap {
    background-color: #000;
}

.nm-main-navigation-alternative .nm-navigation-main-wrap {
    background-color: #fff;
}

.nm-main-navigation-alternative .nm-navigation-main-wrap::before,
.nm-main-navigation-alternative .nm-navigation-main-wrap::after,
.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::before,
.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::after {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 7;
}

.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::before,
.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::after {
    z-index: 0;
}

.nm-main-navigation-alternative .nm-navigation-main-wrap::before,
.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::before {
    top: 0;
}

.nm-main-navigation-alternative .nm-navigation-main-wrap::after,
.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::after {
    bottom: 0;
}

@media all and (max-width: 999px) {
    .nm-js-enabled .nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap::after {
        display: none;
    }

    .nm-main-navigation-alternative .nm-navigation-main-wrap::before,
    .nm-main-navigation-alternative .nm-navigation-main-wrap::after,
    .nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::before,
    .nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative::after {
        display: none;
    }
}

.nm-navigation-sub-wrap {
    background-color: #f2f2f2;
    box-sizing: border-box; /* crucial for aligning the more button correctly */
    margin: 0 auto;
    max-width: 1400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.nm-layer .nm-navigation-sub-wrap.nm-navigation-sub-wrap-hidden,
.nm-navigation-sub-wrap.nm-navigation-sub-wrap-hidden,
.nm-layer .nm-navigation-layer-wrap.nm-navigation-sub-wrap-hidden,
.nm-navigation-layer-wrap.nm-navigation-sub-wrap-hidden {
    background-color: transparent;
}

.nm-layer .nm-navigation-sub-wrap.nm-navigation-sub-wrap-hidden,
.nm-layer .nm-navigation-layer-wrap.nm-navigation-sub-wrap-hidden {
    height: 0; /* in layer there must be no height or margin, because an empty navigation can be hidden fully */
    margin-bottom: 0;
    min-height: 100%;
}

.nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap,
.nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap,
.nm-navigation-layer-more-btn:checked + #nm-id-layer-tab-navigation {
    height: auto;
    overflow: visible;
}

.nm-js-enabled .nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap,
.nm-js-enabled .nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap,
.nm-js-enabled .nm-navigation-layer-more-btn:checked + #nm-id-layer-tab-navigation {
    height: 54px;
}

.nm-navigation-wrap-0 {
    display: none;
}

/* main navigation */
.nm-navigation-main {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1177.6px;
    position: relative;
    width: 92%;
    z-index: 6;
}

@media all and (max-width: 999px) {
    .nm-navigation-main {
        height: 100%;
        z-index: 3;
    }

    .nm-main-navigation-alternative .nm-navigation-main-wrap,
    .nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        border-top: 1px solid rgba(0, 0, 0, .1);
    }
}

.nm-navigation-active-wrap {
    display: flex;
    flex-shrink: 0;
}

.nm-navigation-resp-helper {
    order: -1;
    position: relative;
    width: 100%;
}

@media all and (max-width: 999px) {
    .nm-navigation-resp-helper {
        overflow: hidden;
    }
}

.nm-navigation-derivative-main-list,
.nm-navigation-derivative-sub-list {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.nm-navigation-derivative-main-list {
    left: -15px;
    width: calc(100% + 30px);
}

.nm-navigation-derivative-main-list {
    pointer-events: none;
}

.nm-navigation-active-title {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-family: AudiTypeWide, sans-serif;
    font-weight: var(--font-weight-bold);
    height: 54px;
    left: 0;
    overflow: hidden;
    padding: 15px 0 15px 48px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.nm-main-navigation-alternative .nm-navigation-active-title {
    background-color: #fff;
    color: #000;
}

.nm-navigation-toggle-label:hover + .nm-navigation-active-title,
.nm-navigation-toggle-label:hover ~ .nm-navigation-resp-helper .audi-link-m {
    color: #b3b3b3;
}

.nm-navigation-derivative-main-list a.nm-link-navigation-external-link {
    padding-right: 21px;
}

.nm-link-navigation-external-link__carline {
    font-weight: var(--font-weight-bold);
}

@media all and (max-width: 999px) {
    .nm-navigation-derivative-main-list a.nm-link-navigation-external-link span {
        color: #000;
    }
}

.nm-navigation-active-title .nm-navigation-active-title-modelyear {
    font-family: AudiTypeExtended, sans-serif;
}

.nm-navigation-layer-wrap .nm-navigation-active-title {
    padding: 15px 0 15px 48px; /* position of active title is different in layer */
}

.nm-navigation-toggle-label {
    box-sizing: border-box;
    display: none;
    height: 54px;
    left: 0;
    overflow: hidden;
    padding: 15px 40px;
    position: absolute;
    top: 0;
    width: 72.9%;
    z-index: 101;
}

.nm-navigation-toggle-sub.nm-navigation-toggle-label {
    display: none; /* visible only in smaller views */
    flex-flow: nowrap;
    justify-content: space-between;
}

.nm-navigation-toggle-sub.nm-navigation-toggle-label span {
    background: none;
    border: none;
    height: 0;
    width: 0;
}

.nm-navigation-toggle-sub.nm-navigation-toggle-label .nm-icon-arrow {
    fill: #000;
}

.nm-navigation-toggle-sub.nm-navigation-toggle-label:hover .nm-icon-arrow {
    fill: #4c4c4c;
}

.nm-navigation-toggle-btn:checked ~ .nm-navigation-toggle-sub.nm-navigation-toggle-label .nm-icon-arrow {
    transform: rotate(-90deg);
}

.nm-navigation-derivative-sub-list {
    z-index: 2;
}

.nm-navigation-toggle-btn,
.nm-navigation-layer-toggle-btn,
.nm-navigation-main-more-btn,
.nm-navigation-sub-more-btn,
.nm-navigation-layer-more-btn {
    display: none;
    height: 33px;
    position: absolute;
    right: 0;
    top: -40px;
    width: 21px;
}

.nm-navigation-toggle-label,
.nm-navigation-main-more-label,
.nm-navigation-sub-more-label,
.nm-navigation-layer-more-label {
    cursor: pointer;
    padding: 15px;
}

.nm-navigation-toggle-label span,
.nm-navigation-main-more-label span,
.nm-navigation-sub-more-label span,
.nm-navigation-layer-more-label span {
    display: inline-block;
}

.nm-navigation-main-more-label,
.nm-navigation-sub-more-label,
.nm-navigation-layer-more-label {
    display: inline-block;
}

.nm-main-navigation-alternative .nm-navigation-main-more-label,
.nm-main-navigation-alternative .nm-navigation-sub-more-label,
.nm-main-navigation-alternative .nm-navigation-layer-more-label {
    color: #000;
}

.nm-main-navigation-alternative .nm-navigation-main-more-label:hover {
    color: #4c4c4c;
}

.nm-navigation-toggle-label {
    color: #fff;
}

.nm-navigation-toggle-label span {
    align-items: center;
    background-color: transparent;
    display: flex;
    height: 54px;
    justify-content: center;
    position: relative;
    width: 48px;
}

.nm-navigation-toggle-label .nm-icon-arrow {
    display: inline-block;
    fill: #fff;
    height: 3.2rem;
    stroke: #fff;
    stroke-width: 0;
    transform: rotate(90deg);
    width: 3.2rem;
}

.nm-main-navigation-alternative .nm-navigation-toggle-label .nm-icon-arrow {
    fill: #000;
    stroke: #000;
}

.nm-navigation-derivative-main-list .nm-navigation-toggle-label .nm-icon-arrow {
    align-self: center;
    height: 2.4rem;
    width: 2.4rem;
}

.nm-navigation-toggle-label .nm-icon-cross-large {
    display: none; /* per default, closing cross is hidden */
    fill: #fff;
    height: 4.8rem;
    stroke: #fff;
    stroke-width: 0;
    width: 4.8rem;
}

.nm-main-navigation-alternative .nm-navigation-toggle-label .nm-icon-cross-large {
    fill: #000;
    stroke: #000;
}

/* this requirement fakes a hover on touch devices */
@media all and (orientation: portrait) and (max-width: 999px) {
    .nm-navigation-toggle-label:hover {
        animation-duration: 1s;
        animation-name: doHoverAndBackAgain;
        color: #b3b3b3;
    }
    @keyframes doHoverAndBackAgain {
        from {
            opacity: 1;
        }

        5% {
            opacity: .9;
        }

        to {
            opacity: 1;
        }
    }
}

/* checked state */
.nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-active-wrap .nm-navigation-toggle-label .nm-icon-cross-large,
.nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-toggle-label .nm-icon-cross-large {
    display: block;
}

/* dropdown is open, arrow is hidden */
.nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main > .nm-navigation-active-wrap .nm-navigation-toggle-label .nm-icon-arrow,
.nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-toggle-label > .nm-icon-arrow {
    display: none;
}

/* icon more label */
.nm-navigation-main-more-label .nm-icon-arrow,
.nm-navigation-layer-more-label .nm-icon-arrow,
.nm-navigation-sub-more-label .nm-icon-arrow {
    height: 2.4rem;
    transform: rotate(90deg);
    vertical-align: top;
    width: 2.4rem;
}

/* icon more label - dropdown is open */
.nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap .nm-navigation-derivative-main-list .nm-navigation-main-more-label .nm-icon-arrow,
.nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap .nm-navigation-layer-more-label .nm-icon-arrow {
    transform: rotate(-90deg);
}

.nm-navigation-main-more-label,
.nm-navigation-sub-more-label,
.nm-navigation-layer-more-label {
    display: none;
    position: relative;
}

li.nm-navigation-more-btn-show .nm-navigation-main-more-label,
li.nm-navigation-more-btn-show .nm-navigation-sub-more-label,
li.nm-navigation-more-btn-show .nm-navigation-layer-more-label {
    box-sizing: border-box;
    display: inline-block;
    height: 54px;
}

.nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap li.nm-navigation-more-btn-show .nm-navigation-main-more-label,
.nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap li.nm-navigation-more-btn-show .nm-navigation-sub-more-label {
    font-family: AudiTypeWide, sans-serif;
    font-weight: var(--font-weight-bold);
}

@media all and (max-width: 999px) {
    .nm-navigation-main-more-label,
    .nm-navigation-sub-more-label,
    .nm-navigation-layer-more-label,
    li.nm-navigation-more-btn-show .nm-navigation-main-more-label,
    li.nm-navigation-more-btn-show .nm-navigation-sub-more-label,
    li.nm-navigation-more-btn-show .nm-navigation-layer-more-label {
        display: none !important;
    }
}

.nm-navigation-layer-more-label {
    color: #fff;
}

.nm-navigation-layer-more-label:hover {
    color: #e5e5e5;
}

.nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list .nm-navigation-sub-more-label .nm-icon-arrow {
    transform: rotate(-90deg);
}

/* sub navigation in layer - tab flavour */
.nm-layer .nm-nav-wrap {
    height: 54px;
}

.nm-layer #nm-navigation-layer-more-btn {
    display: none;
    height: 33px;
    position: absolute;
    right: 0;
    top: -54px;
    width: 21px;
}

.nm-layer .nm-layer-head + .nm-navigation-layer-more-btn + .nm-navigation-sub-wrap {
    margin-top: -54px;
}

.nm-layer .nm-layer-head.nm-layer-head-empty + .nm-navigation-layer-more-btn + .nm-navigation-layer-wrap,
.nm-layer .nm-layer-head.nm-layer-head-empty + .nm-navigation-layer-more-btn + .nm-navigation-sub-wrap {
    margin-top: 108px;
}

.nm-navigation-derivative-main-list a {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: block;
    padding: 15px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.nm-main-navigation-alternative .nm-basket-navigation a,
.nm-main-navigation-alternative .nm-navigation-derivative-main-list a {
    background-color: transparent;
    color: #000;
}

.nm-main-navigation-alternative .nm-basket-navigation a:hover,
.nm-main-navigation-alternative .nm-navigation-derivative-main-list a:hover {
    color: #4c4c4c;
}

.nm-main-navigation-alternative .nm-navigation-derivative-main-list .nm-navigation-hidden-item > a {
    background-color: #fff;
}

.nm-main-navigation-alternative .nm-navigation-derivative-sub-list a {
    background-color: #f2f2f2;
}

.nm-basket-navigation a {
    white-space: normal;
}

.nm-navigation-derivative-main-list a {
    z-index: 1;
}

.nm-navigation-derivative-sub-list a {
    background-color: transparent;
    color: #000;
}

.nm-nav-wrap .nm-navigation-derivative-main-list > li > a ~ .nm-navigation-sub-wrap-outer .nm-navigation-derivative-sub-list > li .audi-link-m {
    color: #000;
}

.nm-nav-wrap .nm-navigation-derivative-main-list > li > a ~ .nm-navigation-sub-wrap-outer .nm-navigation-derivative-sub-list > li .audi-link-m:hover {
    color: #4c4c4c;
}

/* navbutton */
.nm-navigation-derivative-main-list li {
    box-sizing: border-box;
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    order: 1;
    pointer-events: auto;
}

li.nm-navigation-more-btn-show.nm-navigation-more-btn-order {
    display: inline-flex;
    flex-grow: 1;
    justify-content: flex-end;
    order: 2;
}

li.nm-navigation-hidden-item {
    order: 3;
}

li.nm-navigation-hidden-item > a {
    float: none;
    left: -2000px;
    position: absolute;
    top: -2000px;
}

.nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap .nm-navigation-derivative-main-list > li.nm-navigation-hidden-item,
.nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item,
.nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item {
    clear: both;
    float: right;
    margin-left: calc(100% - 375px);
    margin-right: 0;
    order: 2;
}

@media all and (max-width: 999px) {
    .nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap .nm-navigation-derivative-main-list > li.nm-navigation-hidden-item,
    .nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item,
    .nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item {
        margin-left: 0;
        margin-right: 0;
    }
}

.nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap .nm-navigation-derivative-main-list > li.nm-navigation-hidden-item > a,
.nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item a,
.nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item a {
    left: auto;
    position: relative;
    top: auto;
}

.nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap .nm-navigation-derivative-main-list > li.nm-navigation-hidden-item > a,
.nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item a,
.nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item a {
    box-sizing: border-box;
    height: auto;
    margin-right: 0;
    max-height: none;
    padding-bottom: 12px;
    padding-top: 12px;
    white-space: normal;
    width: 375px;
}

@media all and (max-width: 999px) {
    .nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap .nm-navigation-derivative-main-list > li.nm-navigation-hidden-item > a,
    .nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item a,
    .nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item a {
        border: none;
        width: 100%;
    }
}

.nm-main-navigation-alternative .nm-navigation-main-more-btn:checked + .nm-navigation-main-wrap .nm-navigation-derivative-main-list > li.nm-navigation-hidden-item > a,
.nm-main-navigation-alternative .nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item a,
.nm-navigation-layer-more-btn:checked + .nm-navigation-layer-wrap.nm-main-navigation-alternative .nm-navigation-derivative-sub-list > li.nm-navigation-hidden-item a {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    margin-top: -1px;
}

.nm-navigation-sub-more-btn:checked + .nm-navigation-sub-wrap .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item > a {
    background-color: #f2f2f2;
    border-color: #d0d3d4;
}

.nm-navigation-derivative-main-list li.nm-navigation-hidden-item + li.nm-navigation-hidden-item > a,
.nm-navigation-derivative-sub-list li.nm-navigation-hidden-item + li.nm-navigation-hidden-item > a,
.nm-navigation-layer-wrap .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item + li.nm-navigation-hidden-item > a {
    padding-top: 0 !important;
}

/* sub navigation - main sites */
.nm-navigation-derivative-sub-list {
    clear: both;
    list-style: none;
}

.nm-layer .nm-navigation-derivative-sub-list li {
    background-color: #000;
}

.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative .nm-navigation-derivative-sub-list li {
    background-color: transparent;
}

.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item,
.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item a {
    background-color: #fff;
}

/* sub navigation - in layer as main navigation */
.nm-layer .nm-navigation-layer-wrap {
    background-color: #000;
    box-sizing: border-box;
    display: flex;
    height: 54px;
    margin-bottom: 80px;
    margin-top: -54px; /* whitespace for stages without media content */
    padding: 0;
    position: relative;
    transform: translateZ(0); /* TODO: Review */
    width: 100%;
    z-index: 2;
}

.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative {
    background-color: #fff;
}

.nm-layer .nm-navigation-sub {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1;
}

.nm-layer .nm-navigation-derivative-sub-list {
    box-sizing: border-box;
    margin: 0 auto;
    max-height: 54px;
    overflow: hidden;
    padding-left: calc(4% - 15px);
    padding-right: calc(4% - 15px);
    z-index: 3;
}

.nm-layer .nm-navigation-layer-more-btn:checked ~ .nm-navigation-layer-wrap .nm-navigation-derivative-sub-list.nm-has-more-btn {
    overflow: visible;
}

.nm-layer .nm-navigation-derivative-sub-list a {
    background-color: #000;
    box-sizing: border-box;
    display: block;
    padding: 15px;
    white-space: nowrap;
}

.nm-layer .nm-navigation-derivative-sub-list a.nm-active {
    font-family: AudiTypeWide, sans-serif;
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
}

.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative .nm-navigation-derivative-sub-list a {
    background-color: transparent;
    color: #000;
}

.nm-layer .nm-navigation-layer-wrap.nm-main-navigation-alternative .nm-navigation-derivative-sub-list a:hover {
    color: #b3b3b3;
}

.nm-layer .nm-navigation-layer-wrap.nm-navigation-derivative-sub-list a.nm-active {
    border-bottom: none;
    pointer-events: none;
    text-decoration: underline;
}

/* layer-head controls position of content - in case of availability of a navigation - we assign the control to the navigation */
.nm-layer .nm-layer-head + .nm-navigation-layer-wrap {
    margin: -70px 0 70px;
}

.nm-navigation-derivative-main-list .nm-summary-mobile-link,
.nm-js-enabled .nm-navigation-derivative-main-list .nm-summary-mobile-link {
    visibility: hidden;
}

/*  Shopping Tools China
========================================================================== */

.nm-supportbar-toggle-label {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0 15px;
}

.nm-supportbar-toggle-label .nm-icon-shoppingtools {
    background: no-repeat center transparent url("data:image/png;base64,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");
    display: inline-block;
    height: 54px;
    width: 54px;
}

.nm-main-navigation-alternative .nm-supportbar-toggle-label .nm-icon-shoppingtools {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHXSURBVHja7NYxaxRREAfw3xkh2HgxurhKsFmIhlSCpLBMkSZ+AiWCoN8hgqVg6afQNH4GYxVCIrER1GIbE3Rl4xlsghDzLJwDMXfJ5RKS5gYG3uzbmf//zeyb2UZKyWnKGacsAwIDAqdOQEppj+4ji0gH6OJhsBqdABuNRif/EfzAJfzugjGETVzAVicC/8vZPpL2/SRKMI017PSQ8oN0J2JNH6YELTzFC/xqP8b5Hs/1M8BhGPfwJKU02msGUtT8uGTkL9RerFO/hj19hEWeZZjC17Kq14o8u4XLWIpXbuNbWdVvizy7iatYKau6PnIjKvLsDhYwjodFnq1jLuw3oeOYi71HYS+Eb/8Eijwbwjxmy6p+jnehy2FvYzvWy+39sGfxOGL0nYGL2Cirun0TJvEKE0WenUMLrVhPxN4khM96xOibwCbGijxrhr2CB1gtq3obTTRjvRp7K5G9JsYiRlfp1gdSu50WeXYbzwKgCP2Iz9Gw4DWu4QbK0CnMl1W91G7jKaXGoQnEaYZxHZtlVX8p8mwMo/gQLhNolVW9UeTZFWT49E/puhIYNKJujWgL9/EyhslRMe52Gs/7lWAG77F7DNNwN2LN9DwNBz+lAwIDAicpfwYAiWZkAIgBC+YAAAAASUVORK5CYII=");
}

.nm-supportbar-toggle-label .nm-basket-navigation-item-label {
    white-space: nowrap;
}

.nm-supportbar-toggle:checked ~ .nm-supportbar-navigation {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    height: auto;
    padding: 30px 40px 20px;
}

.nm-supportbar-toggle:checked ~ .nm-nav-wrap .nm-supportbar-toggle-label {
    color: #b3b3b3;
}

@media screen and (max-width: 999px) {
    .nm-supportbar-toggle-label {
        padding: 0;
        width: 54px;
    }

    .nm-navigation-layer-wrap #nm-navigation-layer-toggle-btn ~ .nm-navigation-derivative-sub-list > li > a.nm-active {
        border-bottom: none !important;
        display: block;
        font-family: AudiTypeWide, sans-serif;
        overflow-wrap: break-word;
        padding: 15px 4% 15px calc(4vw + 48px);
        text-decoration: none;
    }

    .nm-navigation-layer-wrap #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list > li > a {
        font-family: AudiTypeWide, sans-serif;
        position: relative;
    }

    .nm-navigation-layer-wrap #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list > li > a.nm-active {
        font-family: AudiTypeWide, sans-serif;
        font-weight: var(--font-weight-bold);
        padding: 15px 5%;
    }

    .nm-nav-wrap,
    .nm-nav-wrap[data-subnav] {
        background-color: transparent;
        height: 54px;
    }

    .nm-navigation-sub-wrap-outer {
        display: none;
        top: 0;
    }

    .nm-navigation-toggle-label,
    .nm-navigation-main-more-label,
    .nm-navigation-sub-more-label,
    .nm-navigation-layer-more-label {
        padding: 0 4% 0 0;
    }

    .nm-basket-navigation + .nm-navigation-resp-helper .nm-navigation-derivative-main-list,
    .nm-basket-navigation + .nm-navigation-derivative-main-list {
        width: 100%;
    }

    .nm-js-enabled .nm-navigation-toggle-label {
        bottom: 0;
        display: flex;
        height: 54px;
        left: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main {
        margin: 0 4%;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-active-wrap {
        width: 100%;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper > .nm-navigation-toggle-label {
        top: -54px;
    }

    .nm-js-enabled li .nm-navigation-toggle-label {
        display: none;
    }

    .nm-js-enabled li .nm-navigation-toggle-sub.nm-navigation-toggle-label {
        display: flex;
    }

    .nm-js-enabled .nm-layer .nm-navigation-derivative-sub-list a {
        font-family: AudiTypeWide, sans-serif;
    }

    .nm-js-enabled .nm-is-summary .nm-basket-toggle ~ .nm-nav-wrap .nm-navigation-toggle-label {
        width: 100%;
        z-index: 103;
    }

    .nm-layer .nm-navigation-sub {
        width: 100%;
    }

    .nm-js-enabled .nm-navigation-sub-wrap {
        background-color: transparent;
        top: 0;
    }

    .nm-navigation-sub-wrap {
        box-sizing: inherit;
    }

    .nm-navigation-derivative-main-list li {
        position: relative;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper {
        order: 3;
        overflow: visible;
        position: relative;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-sub-wrap {
        height: 0;
        top: auto;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-active-title {
        display: block;
        flex-grow: 1;
        order: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        width: auto;
    }

    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-active-title {
        display: block;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-toggle-btn:checked ~ .nm-navigation-sub-wrap-outer .nm-navigation-sub-wrap {
        height: auto;
    }

    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list {
        top: 54px;
    }

    .nm-js-enabled .nm-navigation-derivative-main-list,
    .nm-js-enabled .nm-navigation-derivative-sub-list,
    .nm-js-enabled .nm-layer .nm-navigation-derivative-sub-list,
    li.nm-navigation-hidden-item a {
        left: auto;
        overflow: visible;
        position: relative;
        top: auto;
        width: 100%;
    }

    .nm-js-enabled .nm-navigation-derivative-main-list,
    .nm-js-enabled .nm-navigation-derivative-sub-list,
    .nm-js-enabled .nm-layer .nm-navigation-derivative-sub-list {
        margin: 0;
        padding: 0;
    }

    .nm-js-enabled .nm-navigation-derivative-main-list {
        transition: height .3s ease-in-out .3s;
    }

    .nm-js-enabled #nm-navigation-toggle-btn ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list a,
    .nm-js-enabled #nm-navigation-toggle-btn ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list label,
    .nm-js-enabled #nm-navigation-toggle-btn ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-derivative-sub-list a,
    .nm-js-enabled #nm-navigation-layer-toggle-btn ~ .nm-navigation-derivative-sub-list a,
    .nm-js-enabled #nm-navigation-layer-toggle-btn ~ .nm-navigation-derivative-sub-list .nm-navigation-derivative-sub-list a {
        display: none;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list a,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list label,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-derivative-sub-list a,
    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list a {
        align-items: center;
        display: inline-flex;
    }

    .nm-js-enabled .nm-navigation-derivative-main-list a,
    .nm-js-enabled .nm-navigation-derivative-main-list li,
    .nm-js-enabled .nm-navigation-derivative-main-list .nm-navigation-derivative-sub-list li,
    .nm-js-enabled .nm-navigation-derivative-main-list .nm-navigation-derivative-sub-list a,
    .nm-js-enabled .nm-layer .nm-navigation-derivative-sub-list li,
    .nm-js-enabled .nm-layer .nm-navigation-derivative-sub-list a {
        display: block;
        float: none;
        width: 100%;
    }

    .nm-js-enabled .nm-navigation-derivative-main-list li:first-child a::before,
    .nm-js-enabled .nm-layer .nm-navigation-derivative-sub-list li:first-child a::before {
        display: none;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main {
        flex-wrap: wrap;
    }

    .nm-js-enabled .nm-navigation-derivative-main-list a {
        padding: 15px 0 15px 48px;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list a,
    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list a {
        background-color: #f2f2f2;
        color: #000;
        margin: 0 -4.35%;
        padding: 15px 5%;
        white-space: normal;
        width: 108.7%;
        word-break: break-word;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list a.nm-has-subnav,
    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list a.nm-has-subnav {
        padding-right: calc(4% + 24px);
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list li.nm-navigation-hidden-item a::before,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list a::before,
    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list a::before {
        background-color: rgba(0, 0, 0, .1);
        content: "";
        height: 1px;
        left: 4%;
        margin: 0 auto;
        position: absolute;
        right: 4%;
        top: 0;
        width: 92%;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list > li:last-child.nm-navigation-hidden-item a::after,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list > li:last-child a::after,
    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list li:last-child a::after {
        background-color: rgba(0, 0, 0, .1);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 100%;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list li:nth-child(2) a::before,
    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list li:nth-child(2) a::before {
        display: none;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-sub-list li:nth-child(2) .nm-navigation-hidden-item a::before,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-sub-list li:nth-child(2) a::before,
    .nm-js-enabled #nm-navigation-layer-toggle-btn:checked ~ .nm-navigation-derivative-sub-list li:nth-child(2) a::before {
        display: block;
        left: 0;
        right: 0;
        width: 100%;
    }

    .nm-navigation-derivative-main-list a:hover,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list a:hover,
    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-toggle-btn:checked ~ .nm-navigation-sub-wrap-outer .nm-navigation-derivative-sub-list > li a.nm-navigation-sub-overview-link:hover {
        color: #4c4c4c !important;
        cursor: pointer;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-toggle-btn:checked ~ .nm-navigation-sub-wrap-outer .nm-navigation-derivative-sub-list > li a.nm-navigation-sub-overview-link {
        color: #000 !important;
        display: block;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-sub-wrap-outer {
        display: block;
        left: auto;
        position: relative;
        top: auto;
    }

    .nm-js-enabled #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list .nm-navigation-derivative-sub-list a {
        background-color: #fff;
        font-family: AudiTypeWide, sans-serif !important;
        padding-left: calc(4% + 18px);
    }

    .nm-navigation-derivative-main-list li.nm-navigation-hidden-item + li.nm-navigation-hidden-item > a,
    .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item + li.nm-navigation-hidden-item > a,
    .nm-navigation-layer-wrap .nm-navigation-derivative-sub-list li.nm-navigation-hidden-item + li.nm-navigation-hidden-item > a {
        padding-top: 15px !important;
    }

    .nm-js-enabled .nm-navigation-derivative-main-list .nm-summary-mobile-link {
        visibility: visible;
    }

    .nm-navigation-active-title span {
        position: relative;
    }

    #nm-basket-toggle ~ .nm-content {
        transition: none;
    }

    .nm-nav-fixed #nm-basket-toggle ~ .nm-content {
        transition: none;
    }

    .nm-nav-fixed #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper,
    .nm-js-enabled .nm-nav-fixed #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper {
        background-color: #e5e5e5;
        left: 0;
        max-height: calc(100% - 54px);
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 54px;
        width: 100%;
    }

    .nm-nav-fixed #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list,
    .nm-js-enabled .nm-nav-fixed #nm-navigation-toggle-btn:checked ~ .nm-navigation-main .nm-navigation-resp-helper .nm-navigation-derivative-main-list {
        padding: 0 4%;
    }

    .nm-nav-fixed .nm-nav-wrap {
        background-color: #000;
        min-width: 0;
    }
}

@media screen and (max-width: 479px) {
    .nm-layer .nm-navigation-layer-wrap {
        height: auto;
        min-height: 54px;
    }

    .nm-layer .nm-navigation-derivative-sub-list {
        max-height: 100px;
    }

    .nm-layer .nm-navigation-derivative-sub-list a {
        white-space: normal;
    }
}

@media screen and (max-width: 1023px) {
    .nm-layer .nm-layer-head.nm-layer-head-empty + .nm-navigation-layer-more-btn + .nm-navigation-layer-wrap,
    .nm-layer .nm-layer-head.nm-layer-head-empty + .nm-navigation-layer-more-btn + .nm-navigation-sub-wrap {
        margin-top: 0;
    }

    .nm-navigation-menu-wrap {
        margin-left: 0;
    }
}

@media screen and (max-width: 749px) {
    .nm-bs-remote .nm-stage-browse {
        display: none;
    }
}

/* CSS variables break points */
@media all and (min-width: 1440px) {
    [page-type="widescreen"] .nm-navigation-derivative-main-list {
        left: -18px;
        width: calc(100% + 36px);
    }

    [page-type="widescreen"] .nm-navigation-derivative-main-list a {
        padding-left: 18px;
        padding-right: 18px;
    }

    [page-type="widescreen"] .nm-navigation-toggle-label,
    [page-type="widescreen"] .nm-navigation-main-more-label,
    [page-type="widescreen"] .nm-navigation-sub-more-label,
    [page-type="widescreen"] .nm-navigation-layer-more-label {
        padding: 15px 18px;
    }
}

@media all and (min-width: 1920px) {
    [page-type="widescreen"] .nm-navigation-derivative-main-list {
        left: -21px;
        width: calc(100% + 42px);
    }

    [page-type="widescreen"] .nm-navigation-derivative-main-list a {
        padding-left: 21px;
        padding-right: 21px;
    }

    [page-type="widescreen"] .nm-navigation-toggle-label,
    [page-type="widescreen"] .nm-navigation-main-more-label,
    [page-type="widescreen"] .nm-navigation-sub-more-label,
    [page-type="widescreen"] .nm-navigation-layer-more-label {
        padding: 15px 21px;
    }
}