/* Schrift */
@font-face {
    font-family: 'Audi Type Extended';
    src: url('AudiType-ExtendedBold.eot');
    src: local('Audi Type Extended Bold'), local('AudiType-ExtendedBold'),
        url('AudiType-ExtendedBold.eot?#iefix') format('embedded-opentype'),
        url('AudiType-ExtendedBold.woff2') format('woff2'),
        url('AudiType-ExtendedBold.woff') format('woff'),
        url('AudiType-ExtendedBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Audi Type Screen';
    src: url('AudiTypeScreen-Bold.eot');
    src: local('Audi Type Screen Bold'), local('AudiTypeScreen-Bold'),
        url('AudiTypeScreen-Bold.eot?#iefix') format('embedded-opentype'),
        url('AudiTypeScreen-Bold.woff2') format('woff2'),
        url('AudiTypeScreen-Bold.woff') format('woff'),
        url('AudiTypeScreen-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Audi Type Screen';
    src: url('AudiTypeScreen-Light.eot');
    src: local('Audi Type Screen Light'), local('AudiTypeScreen-Light'),
        url('AudiTypeScreen-Light.eot?#iefix') format('embedded-opentype'),
        url('AudiTypeScreen-Light.woff2') format('woff2'),
        url('AudiTypeScreen-Light.woff') format('woff'),
        url('AudiTypeScreen-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Audi Type Extended';
    src: url('AudiType-ExtendedNormal.eot');
    src: local('Audi Type Extended Normal'), local('AudiType-ExtendedNormal'),
        url('AudiType-ExtendedNormal.eot?#iefix') format('embedded-opentype'),
        url('AudiType-ExtendedNormal.woff2') format('woff2'),
        url('AudiType-ExtendedNormal.woff') format('woff'),
        url('AudiType-ExtendedNormal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Audi Type Screen';
    src: url('AudiTypeScreen-Normal.eot');
    src: local('Audi Type Screen Normal'), local('AudiTypeScreen-Normal'),
        url('AudiTypeScreen-Normal.eot?#iefix') format('embedded-opentype'),
        url('AudiTypeScreen-Normal.woff2') format('woff2'),
        url('AudiTypeScreen-Normal.woff') format('woff'),
        url('AudiTypeScreen-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
                font-family: 'AudiType';
                src: url('https://assets.one.audi/assets/fonts/AudiTypeVF.woff2') format('woff2-variations');
                font-display: swap;
                font-style: normal;
                font-stretch: 100% 130%;
            }
/* Ende Schrift */

#modal-menu.has-bg {
    background-image: url(/images/act/bg_menu_audi.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#sp-header{background:radial-gradient(circle at 50% 85%, rgb(33, 33, 33) 0%, rgb(0, 0, 0) 100%);
	
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Audi Type Screen';
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'Audi Type Screen';
    font-weight: 300;
    font-style: normal;
}

p {
    font-family: 'Audi Type Screen';
    font-weight: normal;
    font-style: normal;
}
.sp-page-title {
    background:radial-gradient(circle at 50% 85%, rgb(96, 125, 139) 0%, rgb(48, 60, 73) 100%);
	
}

#sp-title > div > div > div > h2{font-family: 'Audi Type Screen';
    font-weight: 300;
    font-style: normal;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Audi Type Screen';
    font-weight: bold;
    font-style: normal;
}

#sp-menu {
    background: linear-gradient(rgb(55, 64, 78) 0%, rgb(44, 52, 63) 100%);
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    z-index: 1;
}


.sp-megamenu-parent>li>a {
    font-family: AudiType,sans-serif;
	font-size: 16px;
}
.sp-megamenu-parent>li:hover {
    background-color: #d10631;
}
.sp-megamenu-parent>li.active>a {
    color: #d10631;
}
.sp-megamenu-parent>li.active:hover>a {
    color: #ffffff;
}
 #modal-menu .sp-megamenu-parent>li.active>a, #modal-menu .sp-megamenu-parent>li.active>span {
    color: #d10631;
}

#modal-menu .sp-megamenu-parent>li:hover>a, #modal-menu .sp-megamenu-parent>li:hover>span  {
    color: #fff;
}
.sp-reading-progress-bar {
    background-color: #d10631;
}