@font-face{
font-family:'Audi';
src:
url("../fonts/AudiType-Normal_08.eot") format("embedded-opentype"),
url("../fonts/AudiType-Normal_08.woff") format("woff"),
url("../fonts/AudiType-Normal_08.svg") format("svg");
font-weight:normal;
font-style:normal
}
@font-face{
font-family:'Audi';
src:
url("../fonts/AudiType-Bold_08.eot") format("embedded-opentype"),
url("../fonts/AudiType-Bold_08.woff") format("woff"),
url("../fonts/AudiType-Bold_08.svg") format("svg");
font-weight:700;
font-style:normal
}
@font-face{
font-family:'Audi Extended';
src:
url("../fonts/AudiType-ExtendedBold_08.eot") format("embedded-opentype"),
url("../fonts/AudiType-ExtendedBold_08.woff") format("woff"),
url("../fonts/AudiType-ExtendedBold_08.svg") format("svg");
font-weight:700;
font-style:normal
}
body {
font-family: "Audi Extended";
}
body > header.gpt {
background: #E7ECEF;
min-height: 40px;
height: auto;
/*border-bottom: 5px solid #000;*/
}
body > header.gpt h1 {
color: #000;
float: right;
padding-top: 3px;
}
body > header.gpt .logo {
float: right;
margin-left: 25px;
}
body > header.gpt .logo img {
width: auto;
height: 40px;
}
body > footer.gpt {
border-top: 5px solid #000;
font-family: "Audi";
}
.gptMenu {
background: #000;
font-size: 100%;
}
.gptMenu .menuItem {
color: #fff;
font-size: 12px;
font-weight: 700;
}
.gptMenu .menuItem:not(.disabled):hover,
.gptMenu .menuItem.active {
background: #fff;
color: #000;
}
.pricelist {
font-family: "Audi";
font-weight: normal;
font-style: normal;
}
.pricelist a {
background: #000;
}
.variantsRow {
background-color: #F3F5F6;
}
/* Changes for website with CMS */
body:not(.gpt) .gptMenu {
width: 100vw;
margin: 0 50%;
transform: translateX(-50%);
}