/* 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 */

#sp-page-builder .sppb-section-title {
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

#modal-menu.has-bg {
    background-image: url(/images/act/bg_menu_audi.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.burger-icon>span {
    background-color: #fff;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

#sp-header{
	background: #FF0000;
	background: radial-gradient(circle,rgba(180, 0, 0, 1) 0%, rgba(132, 0, 0, 1) 100%);
}

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

body {
    font-family: 'Audi Type Screen';
    font-weight: 300;
    font-style: normal;
	color: #101319!important;
}

p {
    font-family: 'Audi Type Screen';
    font-weight: normal;
    font-style: normal;
}
.sp-page-title {
    background: #657081;
	background: radial-gradient(circle,rgba(101, 112, 129, 1) 0%, rgba(77, 87, 102, 1) 100%);
	
}
#sp-slider{
	background: #2C343F;
	background-color: hsla(216, 23%, 8%, 1);}

#sp-title > div > div > div > h2{font-family: 'Audi Type Screen';
    font-weight: 300;
    font-style: normal;
	color: #fff!important;
}
#sp-mainmenu {
	background: #2C343F;
	background: radial-gradient(circle,rgba(44, 52, 63, 1) 0%, rgba(35, 42, 52, 1) 100%);
}
#sp-menu {
    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;color: #fff;
}
.sp-megamenu-parent>li:hover {
    background-color: #d10631;
	color: #fff;
}
.sp-megamenu-parent>li:hover>a {
    color: #fff;
}
.sp-megamenu-parent>li.active>a {
	background-color: #fff;
    color: #d10631;
}
.sp-megamenu-parent>li.active:hover>a {
    color: #37404e
}
 #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;
}


/* mitarbeiter */
a.mail{
	color: #840000;
}
a.tel{
	color: #840000;
}

#sp-bottom {
    background-color: hsla(216, 23%, 8%, 1);
    color: #fff;
}

.sppb-nav-modern>li.active>a, .sppb-nav-modern>li.active>a:focus, .sppb-nav-modern>li.active>a:hover {
    color: #fff;
    background-color: #101319;
	border: 1px solid #101319;
}
.sppb-nav-modern>li>a {
    background: #657081;
    color: #fff;
    border: 1px solid #101319;
    border-radius: 4px 4px 0 0;
}.sppb-nav-modern>li>a:focus, .sppb-nav-modern>li>a:hover {
    background-color: #181d25!important;
}

.addon-root-person{
	background-color: #fff;
}

.sppb-tab-content {
    border: 1px solid #101319;
}


/* Leistungen */
.addon-root-flip-box-pro {
    padding: 5px 0px;
}

.sppb-flipbox-front.flip-box {
     background: radial-gradient(at center center, rgb(35, 42, 52) 0%, rgb(16, 19, 25) 100%);
	background-position: center;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}

.sppb-flipbox-front-icon {
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
}

.sppb-flipbox-front-title {
    color: #FFFFFF;
    background-color: #101319;
    font-weight: bold;
    border: 1px solid #2c343f;
    border-radius: 10px;
}

.sppb-flipbox-back {
    background: radial-gradient(at center center, rgb(35, 42, 52) 0%, rgb(16, 19, 25) 100%);
}
.sppb-flipbox-back-icon {
    color: #FFFFFF;
}
.sppb-flipbox-back-title {
    background-color: #101319;
    border: 1px solid #2c343f;
}
.sppb-addon-sppb-flibox {
    text-align: left;
}

.sppb-flipbox-back-button .sppb-btn {
    background-color: #FFFFFF;
    color: rgb(0, 67, 122);
}
.sppb-flipbox-back-button {
    display: flex;
    justify-content: center;
}


#awf *, #awf *:before, #awf *:after {color:#2C343F!important;}
#awf a {color:#657081!important;}