/*! @volkswagen-onehub/audi-feature-app-header 3.2.3 */
:root{--header-color-black:#000;--header-color-white:#fff;--header-color-green:#090;--header-color-red:#bb0a30;--header-color-progressive-red:#f50537;--header-color-grey-05:#f2f2f2;--header-color-grey-10:#e5e5e5;--header-color-grey-15:#d9d9d9;--header-color-grey-20:#ccc;--header-color-grey-30:#b3b3b3;--header-color-grey-40:#999;--header-color-grey-50:grey;--header-color-grey-60:#666;--header-color-grey-70:#4c4c4c;--header-color-grey-80:#333;--header-color-grey-90:#1a1a1a;--header-font-weight-bold:700;--header-font-weight-light:200;--header-font-weight-normal:400;--header-space-xxs:3px;--header-space-xs:6px;--header-space-s:12px;--header-space-m:18px;--header-space-l:24px;--header-space-xl:30px;--header-space-xxl:36px;--header-space-xxxl:42px;--header-space-column:4%;--header-height-menubar:73px;--header-icon-size:24px;--header-login-left-seperation-line-adjustment:4px;--header-transition-delay:calc(var(--header-time-m) + var(--header-time-s));--header-time-xxs:30ms;--header-time-xs:60ms;--header-time-s:120ms;--header-time-m:180ms;--header-time-l:240ms;--header-time-xl:420ms;--header-time-xxl:660ms;--header-time-xxxl:960ms;--header-transition-ease-in:cubic-bezier(.69,.01,.83,.56);--header-transition-ease-out:cubic-bezier(.21,.55,.43,1);--header-transition-ease-in-out:cubic-bezier(.75,.02,.5,1)}@media (min-width:768px) and (max-width:1023px){:root{--header-space-xxxl:48px}}@media (min-width:1024px) and (max-width:1439px){:root{--header-space-xxl:42px;--header-space-xxxl:60px}}@media (min-width:1440px) and (max-width:1919px){:root{--header-space-xl:36px;--header-space-xxl:54px;--header-space-xxxl:78px}}@media (min-width:1920px){:root{--header-space-xl:42px;--header-space-xxl:66px;--header-space-xxxl:96px}}@font-face{font-family:AudiTypeWide;font-style:normal;font-weight:400;font-weight:var(--header-font-weight-normal);src:url(https://assets.audi.com/audi-fonts/1/AudiType-WideNormal.woff2) format("woff2"),url(https://assets.audi.com/audi-fonts/1/AudiType-WideNormal.woff) format("woff")}@font-face{font-family:AudiTypeWide;font-style:normal;font-weight:700;font-weight:var(--header-font-weight-bold);src:url(https://assets.audi.com/audi-fonts/1/AudiType-WideBold.woff2) format("woff2"),url(https://assets.audi.com/audi-fonts/1/AudiType-WideBold.woff) format("woff")}.header{font-size:10px;touch-action:manipulation}.header__headline-order-3{color:#000;font-family:AudiTypeWide,sans-serif;font-size:2.1em;font-weight:700;font-weight:var(--header-font-weight-bold);line-height:1.42857}.header__headline-order-3--normal{font-weight:400;font-weight:var(--header-font-weight-normal)}.header__copy-m,.header__copy-s{color:#000;font-family:AudiTypeWide,Verdana,sans-serif}.header__copy-s{font-size:1.3em;line-height:1.38462}.header__copy-m{font-size:1.6em;line-height:1.8}.header__copy-m--bold,.header__copy-s--bold{font-weight:700;font-weight:var(--header-font-weight-bold)}.header__copy-m--link,.header__copy-s--link{text-decoration:none}.header__copy-m--link:hover,.header__copy-s--link:hover{color:#4c4c4c;color:var(--header-color-grey-70)}.u-header-reset{margin:0;padding:0}.u-header-expanded{overflow:hidden}.u-header-visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.header *,.header :after,.header :before{box-sizing:border-box}.header .header-login *{box-sizing:content-box}.header .header-login button{box-sizing:border-box}.header{width:100%;z-index:100}.header,.header:after{display:block;position:relative}.header:after{background-color:#000;background-color:var(--header-color-black);content:"";height:1px;z-index:1}.header--view-small.header--navigation-open{bottom:0;left:0;right:0;top:0}.header--clone{left:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.header__wrapper{background-color:#fff;background-color:var(--header-color-white);display:flex;height:72px;height:calc(24px + 2*var(--header-space-l));position:relative}.header--view-large .header__wrapper{flex-wrap:nowrap;max-width:100%;overflow:hidden;position:relative;z-index:1}.header--loaded.header--clone .header__wrapper{height:0}.header--loading-animation-ended.header--view-large .header__wrapper{overflow:visible;overflow:initial}.header--view-large.header--show-shader:before,.header--view-small.header--show-shader.header--search-open:before{background-color:#000;background-color:var(--header-color-black);bottom:0;content:"";display:block;left:0;opacity:.65;position:fixed;right:0;top:0;z-index:0}.header__user-action-wrapper{background-color:#fff;background-color:var(--header-color-white);display:flex;flex-shrink:0;padding-right:4%}.header--view-small .header__user-action-wrapper{justify-content:flex-end;width:33%}.header--view-large .header__user-action-wrapper{padding-left:42px;padding-left:var(--header-space-xxxl)}.header--loaded .header__user-action-wrapper{opacity:0}.header--loading-animation.header--loaded .header__user-action-wrapper{opacity:1;transition:opacity .24s cubic-bezier(.75,.02,.5,1) .66s;transition:opacity var(--header-transition-ease-in-out) var(--header-time-l) var(--header-time-xxl)}
.header-login{display:block;height:100%;z-index:2}.header--navigation-open .header-login{display:none}
.header-logo{background-color:var(--header-color-white);line-height:0;opacity:1;text-align:center}@media (max-width:1023px){.header-logo{margin:var(--header-space-l) auto}}@media (min-width:1024px){.header-logo{margin:var(--header-space-l) var(--header-space-xl) var(--header-space-l) 4%}.header--view-small .header-logo{margin:var(--header-space-l) auto}}.header--view-large .header-logo{flex-grow:0}.header-logo__link{display:inline-block}.header-logo__icon{height:24px;width:69px}.header--view-small.header--navigation-open .header-logo{opacity:0}.header--view-small.header--navigation-open .header-logo__icon,.header--view-small.header--navigation-open .header-logo__link{height:0;width:0}
.header-menu-button{flex-shrink:0;order:-1;position:relative;width:33%}.header-menu-button__button{background-color:transparent;border:0;cursor:pointer;display:flex;font-size:1em;margin:var(--header-space-l) 0 var(--header-space-l) 4vw;order:1;padding:0;text-align:left}.header-menu-button__icon{height:18px;margin:3px calc(3px + var(--header-space-xs)) 3px 3px;position:relative;width:18px}.header-menu-button__icon-line{background-color:var(--header-color-black);height:1px;left:0;position:absolute;right:0}.header-menu-button__icon-line--top{top:6px}.header-menu-button__icon-line--middle,.header-menu-button__icon-line--middle-2{top:9px}.header-menu-button__icon-line--bottom{top:12px}.header--loaded .header-menu-button{opacity:0}.header--loading-animation.header--loaded .header-menu-button{opacity:1;transition:opacity var(--header-transition-ease-in-out) var(--header-time-l) var(--header-time-xxl)}.header--navigation-open .header-menu-button__icon-line--top{-webkit-animation:icon-top-open var(--header-time-xl) forwards;animation:icon-top-open var(--header-time-xl) forwards;-webkit-animation-timing-function:var(--header-transition-ease-in-out);animation-timing-function:var(--header-transition-ease-in-out)}.header--navigation-open .header-menu-button__icon-line--middle{-webkit-animation:icon-middle-open var(--header-time-l) forwards;animation:icon-middle-open var(--header-time-l) forwards;-webkit-animation-delay:var(--header-time-m);animation-delay:var(--header-time-m);-webkit-animation-timing-function:var(--header-transition-ease-in-out);animation-timing-function:var(--header-transition-ease-in-out)}.header--navigation-open .header-menu-button__icon-line--middle-2{-webkit-animation:icon-middle-2-open var(--header-time-l) forwards;animation:icon-middle-2-open var(--header-time-l) forwards;-webkit-animation-delay:var(--header-time-m);animation-delay:var(--header-time-m);-webkit-animation-timing-function:var(--header-transition-ease-in-out);animation-timing-function:var(--header-transition-ease-in-out)}.header--navigation-open .header-menu-button__icon-line--bottom{-webkit-animation:icon-bottom-open var(--header-time-xl) forwards;animation:icon-bottom-open var(--header-time-xl) forwards;-webkit-animation-timing-function:var(--header-transition-ease-in-out);animation-timing-function:var(--header-transition-ease-in-out)}.header--navigation-closed .header-menu-button__icon-line--top{-webkit-animation:icon-top-close var(--header-time-xl);animation:icon-top-close var(--header-time-xl)}.header--navigation-closed .header-menu-button__icon-line--middle{-webkit-animation:icon-middle-close var(--header-time-l);animation:icon-middle-close var(--header-time-l)}.header--navigation-closed .header-menu-button__icon-line--middle-2{-webkit-animation:icon-middle-2-close var(--header-time-l);animation:icon-middle-2-close var(--header-time-l)}.header--navigation-closed .header-menu-button__icon-line--bottom{-webkit-animation:icon-bottom-close var(--header-time-xl);animation:icon-bottom-close var(--header-time-xl)}.header--view-large .header-menu-button{display:none}@-webkit-keyframes icon-top-open{0%{opacity:1}50%{opacity:0;transform:translateY(3px)}to{opacity:0;transform:translateY(3px)}}@keyframes icon-top-open{0%{opacity:1}50%{opacity:0;transform:translateY(3px)}to{opacity:0;transform:translateY(3px)}}@-webkit-keyframes icon-middle-open{0%{transform:rotate(0deg)}to{transform:rotate(45deg)}}@keyframes icon-middle-open{0%{transform:rotate(0deg)}to{transform:rotate(45deg)}}@-webkit-keyframes icon-middle-2-open{0%{transform:rotate(0deg)}to{transform:rotate(-45deg)}}@keyframes icon-middle-2-open{0%{transform:rotate(0deg)}to{transform:rotate(-45deg)}}@-webkit-keyframes icon-bottom-open{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-3px)}to{opacity:0;transform:translateY(-3px)}}@keyframes icon-bottom-open{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-3px)}to{opacity:0;transform:translateY(-3px)}}@-webkit-keyframes icon-top-close{0%{opacity:0;transform:translateY(3px)}50%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-top-close{0%{opacity:0;transform:translateY(3px)}50%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes icon-middle-close{0%{transform:rotate(45deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes icon-middle-close{0%{transform:rotate(45deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@-webkit-keyframes icon-middle-2-close{0%{transform:rotate(-45deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes icon-middle-2-close{0%{transform:rotate(-45deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@-webkit-keyframes icon-bottom-close{0%{opacity:0;transform:translateY(-3px)}50%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-bottom-close{0%{opacity:0;transform:translateY(-3px)}50%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
.header-mini-cart{display:flex;margin:0 var(--header-space-m) 0 0}.header--view-large .header-mini-cart{margin:0 var(--header-space-xl) 0 0}@media (min-width:768px){.header-mini-cart{margin:0 var(--header-space-xl) 0 0}}.header--navigation-open .header-mini-cart{display:none}
.header-nav{background:var(--header-color-white);display:block}.header--view-large .header-nav{width:100%}.header--view-large.header--clone .header-nav{padding-left:calc(69px + 4% + var(--header-space-xl));width:auto}.header--ssrOnly .header-nav{max-width:0;overflow:hidden}.header--loaded .header-nav{opacity:0}.header--loading-animation.header--loaded .header-nav{opacity:1;transition:opacity var(--header-transition-ease-in-out) var(--header-time-l) var(--header-time-xxl)}.header--view-large nav.header-nav__list{display:flex;flex-wrap:nowrap;margin:0}.header--view-small .header-nav{height:0;left:0;opacity:1;overflow:hidden;position:absolute;top:var(--header-height-menubar);width:100%;z-index:-1}.header--view-small.header--navigation-open .header-nav{height:calc(100vh - var(--header-height-menubar));overflow-y:auto;transition:height var(--header-transition-ease-in-out) var(--header-time-xl)}.header--view-small nav.header-nav__list{height:100%;opacity:0;padding:var(--header-space-xxl) 4vw var(--header-space-xxxl) 4vw;transform:scaleY(0);transform-origin:top;transition:opacity var(--header-transition-ease-in-out) var(--header-time-m),transform var(--header-transition-ease-in-out) var(--header-time-xl)}.header--view-small.header--navigation-open nav.header-nav__list{opacity:1;transform:scaleY(1);transition:opacity var(--header-transition-ease-in-out) var(--header-time-l) var(--header-time-m),transform var(--header-transition-ease-in-out) var(--header-time-xl)}
.header--view-large .header-active-bar{background:var(--header-color-black);bottom:0;display:block;height:3px;left:0;opacity:0;position:absolute;transition:left var(--header-time-l) var(--header-transition-ease-out),width var(--header-time-l) var(--header-transition-ease-out),opacity var(--header-time-l);width:0}.header--view-large .header-active-bar--no-transition{transition:none}
.header-nav-item{display:block;padding:0}.header--view-small .header-nav-item{margin:0 0 var(--header-space-l) 0}.header--view-large .header-nav-item{margin:var(--header-space-l) 0 var(--header-space-l) var(--header-space-xl)}.header--view-small .header-nav-item:last-of-type{margin:0}.header--view-large .header-nav-item:first-child{margin:var(--header-space-l) 0 var(--header-space-l) 0}.header-nav-item__link{display:flex;flex-flow:row nowrap}.header-nav-item__text{flex-grow:1}.header--view-small .header-nav-item__text{margin-right:var(--header-space-xxl)}.header--view-large .header-nav-item__text{margin-right:0;white-space:nowrap}.header--view-small .header-nav-item__icon{height:24px;width:24px}.header--view-large .header-nav-item__icon{display:none}
.header-sub-nav{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--header-color-white);display:none;left:0;opacity:0;position:absolute;right:0;transform:scaleY(0);width:100%}.header--loading-animation-ended .header-sub-nav{display:block}.header-sub-nav__list{list-style:none;margin:0;opacity:0;padding:0}.header-sub-nav__item{margin-bottom:var(--header-space-l)}.header-sub-nav__item--audi-sport{padding-left:42px;position:relative}.header-sub-nav__item--audi-sport:before{background-color:var(--header-color-progressive-red);content:"";display:inline-block;height:24px;left:6px;position:absolute;transform:skew(-28deg);vertical-align:top;width:24px}.header-sub-nav__item-link{display:inline-block}[data-sub-nav-open=true] .header-sub-nav__list{opacity:1}.header-sub-nav__list-teaser-wrapper{background-color:var(--header-color-white);display:flex;overflow:visible}.header--view-small .header-sub-nav{bottom:0;height:0;opacity:1;overflow:hidden;top:0;transform:translateX(100%) scaleY(1);transition:transform var(--header-transition-ease-in-out) var(--header-time-xl),height var(--header-transition-ease-in-out) var(--header-time-xl)}.header--view-small [data-sub-nav-open=true] .header-sub-nav{height:calc(100vh - var(--header-height-menubar));overflow-y:auto;transform:translateX(0)}.header--view-small .header-sub-nav__parent{align-items:center;background:var(--header-color-white);border:none;cursor:pointer;display:flex;flex-flow:row nowrap;font-size:1em;margin:var(--header-space-l) var(--header-space-column);padding:0}.header--view-small .header-sub-nav__parent-icon{height:24px;margin-right:var(--header-space-s);transform:scaleX(-1);width:24px}.header--view-small .header-sub-nav__list-container{margin:var(--header-space-l) var(--header-space-column) var(--header-space-xxl) var(--header-space-column)}.header--view-small .header-sub-nav__list{opacity:1}.header--view-small .header-sub-nav__item:last-of-type{margin-bottom:0}.header--view-small .header-sub-nav__list-teaser-wrapper{border-top:1px solid var(--header-color-grey-05);flex-direction:column}@media (min-width:768px) and (max-width:1023px){.header--view-small .header-sub-nav__list-container{margin:var(--header-space-l) 0 var(--header-space-xxxl) var(--header-space-column);width:44%}.header--view-small .header-sub-nav__list-teaser-wrapper{flex-direction:row;justify-content:space-between}}.header--view-large .header-sub-nav,.header--view-large [data-sub-nav-open=false] .header-sub-nav{height:0;max-height:0;opacity:1;overflow:hidden;top:var(--header-height-menubar);transform:none;transition:max-height var(--header-transition-ease-out) var(--header-time-xl),opacity var(--header-time-m) var(--header-transition-ease-out);width:100%;z-index:-1}.header--view-large [data-sub-nav-open=true] .header-sub-nav{height:auto;max-height:660px;opacity:1;transition:max-height var(--header-time-xl) var(--header-transition-ease-out),opacity var(--header-time-m) var(--header-transition-ease-out) var(--header-transition-delay)}.header--view-large .header-sub-nav__parent{display:none}.header--view-large .header-sub-nav__list{-moz-column-count:2;column-count:2;grid-column-gap:4vw;-moz-column-gap:4vw;column-gap:4vw}.header--view-large.header--transition-disabled .header-sub-nav__list{transition:none}.header--view-large .header-sub-nav__item{display:inline-block;width:22.5vw}.header--view-large .header-sub-nav__list-teaser-wrapper{flex-direction:row;justify-content:space-between}.header--view-large .header-sub-nav__list-container{margin:var(--header-space-xxl) 0 calc(var(--header-space-xxl) - var(--header-space-l)) calc(4% + 69px + var(--header-space-xl));opacity:0;transform-origin:top;transition:opacity var(--header-time-s) var(--header-transition-ease-out) var(--header-transition-delay);width:49%}.header--view-large [data-sub-nav-open=true] .header-sub-nav__list-container{opacity:1}.header--view-large.header--transition-disabled .header-sub-nav,.header--view-large.header--transition-disabled .header-sub-nav__list-container{transition:none}.header--view-large .header-nav-item--subnav-animate-closing .header-sub-nav{transition:max-height var(--header-time-xl) var(--header-transition-ease-out)}.header--navigation-init .header-sub-nav{transition:none}
.header-teaser{overflow:hidden}.header--view-small .header-teaser{margin:0 var(--header-space-column) var(--header-space-xxxl)}.header--view-large .header-teaser{height:100%;margin:0 0 0 var(--header-space-column);padding:0;width:35%}.header-teaser__inner{overflow:hidden;position:relative}.header-teaser__image{display:block;height:0;padding-bottom:56.25%}.header-teaser--loaded .header-teaser__image{height:auto;padding-bottom:0;position:relative;width:100%}.header--teaser-animation-enabled .header-teaser__image-shadow{opacity:0;transition:opacity var(--header-transition-ease-out) var(--header-transition-delay) var(--header-time-s)}.header-teaser--loaded .header-teaser__image-shadow{opacity:1}.header-teaser--loaded .header-teaser__image-shadow:after{background-image:linear-gradient(180deg,transparent,transparent 70%,#000);bottom:0;content:"";display:block;height:100%;opacity:.7;position:absolute;width:100%}.header-teaser__link{align-items:center;bottom:0;display:flex;padding:var(--header-space-s) var(--header-space-s) var(--header-space-s) var(--header-space-m);position:absolute;text-decoration:none;transform:translateY(70px);width:100%}.header--view-small .header-teaser__image-shadow,.header--view-small .header-teaser__link{transform:translateY(0);transition:none}.header--view-large.header--teaser-animation-disabled .header-teaser--loaded .header-teaser__link{transform:translateY(0)}.header--view-large.header--teaser-animation-enabled .header-teaser--loaded .header-teaser__link{transform:translateY(0);transition:transform var(--header-transition-ease-out) var(--header-time-xxl) var(--header-time-xxl)}.header-teaser__text{color:var(--header-color-white);flex-grow:1;margin-right:var(--header-space-m)}.header-teaser__icon{color:var(--header-color-white);flex-shrink:0;height:48px;width:48px}.header-teaser__wltp{opacity:0;transition:opacity var(--header-transition-ease-out) var(--header-transition-delay) var(--header-time-s)}.header-teaser--loaded .header-teaser__wltp{opacity:1}.header--view-small .header-teaser__wltp{margin:var(--header-space-s) 0 0}.header--view-large .header-teaser__wltp{margin:var(--header-space-s) 0 var(--header-space-l)}.header-teaser__wltp-item{display:inline-block;margin:var(--header-space-xs) var(--header-space-l) 0 0}.header-teaser__wltp .header-teaser__wltp-item:first-child{margin-top:0}@media (min-width:768px) and (max-width:1023px){.header--view-small .header-teaser{height:100%;margin:var(--header-space-l) var(--header-space-column) 0 var(--header-space-column);padding:0;width:44%}}
.header-search{display:block;height:calc(var(--header-height-menubar) - 1px);left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:5}.header--search-open .header-search{opacity:1}.header--search-open.header--search-closing .header-search,.header--search-open .header-search{transition:opacity var(--header-transition-ease-in-out) var(--header-time-l);visibility:visible}.header--search-open.header--search-closing .header-search{opacity:0}.header-search__controls{padding:0 4%;position:absolute;top:0;width:100%}.header-search__legend{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;width:1px}.header-search__close{background-color:transparent;border:none;cursor:pointer;display:flex;margin-right:var(--header-space-m);opacity:0;padding:0;top:var(--header-space-l);transition:opacity var(--header-time-xs)}.header-search__close-icon{transform:scaleX(-1)}.header-search__close-icon,.header-search__icon{height:var(--header-icon-size);width:var(--header-icon-size)}.header-search__feature-app{background-color:var(--header-color-white);margin:0;opacity:0;position:relative;width:100%}.header--search-open .header-search__feature-app{opacity:1;transition:opacity 60ms}.header--search-open .header-search__close{left:4%;opacity:1;position:absolute}@media (min-width:768px){.header--view-large .header-search__controls,.header-search__controls{margin:0;width:100%}.header-search__close{left:4%;position:absolute}}
.header-search-button{display:none;margin:var(--header-space-l) 0 var(--header-space-l) 0}.header--view-small.header--navigation-open .header-search-button{display:block}.header-search-button__button{background-color:transparent;border:none;cursor:pointer;display:flex;padding:0}.header-search-button__button:focus{outline:none}.header-search-button__icon{height:var(--header-icon-size);width:var(--header-icon-size)}.header-search-button__label{display:none}.header--view-large .header-search-button{display:block;margin-right:var(--header-space-xl)}.header--view-large .header-search-button__icon{margin-right:var(--header-space-s)}.header--view-large .header-search-button__label{display:block;white-space:nowrap}