@font-face {
    font-family: AudiType_Bold;
    src: url(../fonts/AudiType-Web-2-WOFF/AudiType-Bold_08.woff);
}

@font-face {
    font-family: AudiType_ExtendedBold;
    src: url(../fonts/AudiType-Web-2-WOFF/AudiType-ExtendedBold_08.woff);
}

@font-face {
    font-family: AudiType_ExtendedNormal;
    src: url(../fonts/AudiType-Web-2-WOFF/AudiType-ExtendedNormal_08.woff);
}

@font-face {
    font-family: AudiType_Normal;
    src: url(../fonts/AudiType-Web-2-WOFF/AudiType-Normal_08.woff);
}

@font-face {
    font-family: AudiType_Light;
    src: url(../fonts/AudiTypeScreen-Light/AudiTypeScreen-Light.woff);
}

.text-audi-ext-bold {
    font-family: AudiType_ExtendedBold;
}

.text-audi-bold {
    font-family: AudiType_Bold;
}

.text-audi-normal {
    font-family: AudiType_Normal;
}

.text-audi-ext-normal {
    font-family: AudiType_ExtendedNormal;
}

.text-audi-light {
    font-family: AudiType_Light;
}

.text-audi-red {
    color: #BB0A30;
}

.text-audi-black {
    color: #000000;
}

.text-audi-silvergrey {
    color: #b3b3b3;
}

.text-audi-warmsilver {
    color: #B6B1A9;
}

.p-audi-invite {
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
}

.p-faq-audi-white {
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    font-size: .875rem;
    padding: 3% 8%;
    max-width: none;
}

.span-audi-faq-headline {
    font-size: .6875rem;
    padding: 10px 30px 10px;
}

.span-audi-faq-headline:hover {
    cursor: pointer;
}

.menu-bar-flexbox > ul > li > a {
    color: #333;
    position: relative;
    text-decoration: none;
}

.menu-bar-flexbox > ul > li > a:hover {
    color: #BB0A30;
    text-decoration: none;
}

.menu-bar-flexbox > ul > li > a::after {
    position: absolute;
    content: '';
    height: 4px;
    left: 50%;
    right: 50%;
    bottom: -10px;
    opacity: 1;
    background: #BB0A30;
    -webkit-transition: left .2s ease-in 50ms, right .2s ease-in 50ms, opacity 70ms ease 50ms;
    transition: left .2s ease-in 50ms, right .2s ease-in 50ms, opacity 70ms ease 50ms;
}

.menu-bar-flexbox > ul > li > a:hover::after {
    left: 0;
    right: 0;
}

.aui-list--arrow .aui-list__item::before {
    content: '>';
}

.span-audi-faq-headline {
    padding: 10px 0px 10px;
}

.aui-textlink {
    font-size: 1.125rem;
}

.aui-textlink:hover {
    text-decoration: none;
}