header.bg-gray-1 {
 background-image: url(https://legacyshop.wki.it/Marketing/campaign/images/audi/Audi_rings.png);
 background-origin: content-box;
 background-size: auto 3.2rem;
 background-repeat: no-repeat;
 background-position: right center
}
header.bg-white {
 background-image: url(https://legacyshop.wki.it/Marketing/campaign/images/audi/Audi_rings2.png);
 background-origin: content-box;
 background-size: auto 3.2rem;
 background-repeat: no-repeat;
 background-position: right center
}
.text ol > li::before, .text ul > li:before {
 color: #b3b3b3 !important
}
.hero > div.photobox {
 background-repeat: no-repeat;
 background-size:cover;
 background-position: center top;
 background-attachment: scroll;
  z-index: 30;
 padding: 75% 0 0
}
.hero > div.titlebox {
 text-shadow: 0 0 50px #000;
 overflow: visible;
 z-index: 50;
 position: relative
}
body#body.home .elq-form .elq-field-style input[type=submit] {
 background-color: #f50537 !important;
 font-weight: 400 !important;
 color: #fff !important
}
body#body.home .elq-form .elq-field-style input[type=submit]:hover {
 background-color: #000000 !important
}
@media all and (min-width:1024px) {
 div.hero {
  width: 100%;
  max-width: 102.4rem;
  position: relative !important;
  margin: 0 auto !important;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  background-attachment: scroll
 }
 div.hero > * {
  padding-right: 45%
 }
 .box.form {
  top: 0
 }
 .hero > div.titlebox {
  padding: 2.4rem 4rem 2.4rem 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
 }
 .hero > div.photobox {
  margin: -2.4rem -4rem -2.4rem -4rem !important;
  margin-top: -2.4rem !important
 }
 svg {
  position: absolute;
  left: -7.2rem;
  top: -.8rem;
  background-color: #fff;
  z-index: 20;
  width: 5.6rem;
  height: 5.6rem
 }
 .home .box.text {
  padding: 4rem 4rem
 }
 footer.bg-white h2 {
  margin: 0 0 1.6rem 0
 }
}
@media all and (max-width:1023px) {
 div.hero {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  position: relative
 }
 .hero > div.titlebox {
  margin: -24% -4vw -1.6rem;
  padding: 1.6rem 4vw;
  background-color: rgba(0, 0, 0, 1)
 }
 .hero > div.photobox {
  margin: -1.6rem -4vw 0
 }
 svg {
  position: absolute;
  left: -4rem;
  top: -.8rem;
  background-color: #fff;
  z-index: 20;
  width: 3.2rem;
  height: 3.2rem
 }
}
.col-audi-red {
 color:  #f50537 
}
.bg-audi-red {
 background-color:  #f50537
}
.col-audi-gray {
 color:  #f2f2f2 
}
.bg-audi-gray {
 background-color:  #f2f2f2
}
.col-black {
 color:  #000000 
}
.bg-black{
 background-color:  #000000
}
.col-audi-alluminium {
 color: #333333 
}
.bg-audi-alluminium {
 background-color: #333333 
}
.col-audi-silver {
 color: #999999   
}
.bg-audi-silver {
 background-color: #999999   
}
.col-audi-blu {
 color: #015488
}
.bg-audi-blu {
 background-color: #015488
}
.bg-dark-fade {
 background-color: rgba(0, 0, 0, .66);
 -webkit-box-shadow: 0 -20px 20px 20px rgba(0, 0, 0, .66);
 box-shadow: 0 -20px 20px 20px rgba(0, 0, 0, .66)
}
.bg-light-fade {
 background-color: rgba(255, 255, 255, .66)
}
h1, h2, h3, h4, h5 {
 font-weight: 400 !important;
 margin: 0 0 .8rem 0
}
::-moz-selection {
 color: #fff;
 background: #bb0e66
}
::selection {
 color: #fff;
 background: #bb0e66
}
/*body#body.home .elq-field-style *, body#body.home .elq-form .elq-label {
 font-size: 1.4rem !important;
 line-height: 1 !important
}
body#body.home .elq-form .elq-field-style, body#body.home .form-element-layout {
 padding: 0 0 .8rem 0
}*/
.audi-disclaimer {
 opacity: 70% !important
}
.home p.audi-disclaimer {
 font-size: 75% !important;
 margin-top: -1.6rem !important;
  line-height: 1.1!important;
  margin-bottom: 0 !important;
}
html body#body.second mainarticle.box p.audi-disclaimer{
 font-size: 70% !important;
 margin-top: 1.6rem !important;

}
.bg-white .button:hover {
 background-color: #000000 !important;
}
a.button.red {
 background-color:  #f50537!important
}
a.button.red.arrow {
 padding-right: 4.8rem;
}
a.button.red.arrow:after {
 background-color: rgba(0, 0, 0, 0) !important;
 width: 3.2rem;
 right: 1.6rem;
}

.ico-audi-arrow {
 background-size: auto 100% ;
 background-repeat: no-repeat;
 background-position: center center;
 color:rgba(255,255,255,0);
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzRJREFUeNrs3cGLTWEYx/EzkwkpapRSlLIZCwtlFoqS7NQo5L+ZEUt/gZWFhSQpys5SWbBQUyzZTWZhQUMWup7XnLPlzji3e9/zfL71rEw37vu9z+93zp17zY1GowZ5mfcUEAAEAAFAABAABAABQAAQAAQAAUAAEAAEAAFAABAABAABQAAQAAQAAUAAEAAEAAFAgCmwEHM65l3MzZh9jnY85gbw6eAjMS9jlloRyj/oa8y5mA+OeNgb4GjMi/bVv9BJHXMo5lXMWUc8XAEWY57/5ZD/9eeoOAIOxLyJOTXGz27GXI5Zd9zD2AAl81+Pefi7+XkCVJL5O90YOkHlAhz7z0zXCSoX4HgPh7fbDaIETplyY+dHj4+3FbPsPkE9G+BXzJOeryJ0gsouA0/EfOz5MTdiVmLe2gCzz+eYtRm5qrABpsidmNWeHzNtJ6jxRtBaK0GfpO0Etb4XcKudPkl5n6D2t4NXJ7ANUr13MITfB9AJEkaATkAAnUAE6AQE0AlEgE5AAJ1ABOgEBNAJRIBOQACdQAToBATQCUSATkAAnUAE6AQEmEIn+BZzUATU0wluN9ufPeiL/c32N5XYABXxvT24vvgSc9gGqOBF0Gx/6qjv7xW6KAJmn70xj2KutyL0xftaSuB88lf+/QlkdfmY2YVanoQ9iQUoa//aBA5/pc1/9wFmPPP7Pvz19vp/s6YnI9sGKJn/YAKHX94DKN9LuFXbEzKf7JU/qcw/X+PhZ9sAMj9pB5D5iTeAzE/cAWR+8g0g85N2AJmfeAPI/MQdQOYn3wAyP2kHkPmJN4DMT9wBZH7yDSDzk3YAmZ94A8j8xB1gUebnjoClpv9P33aZv9EkpZYIKKv/2QQy/0q2zB/afQCZn6QD/Iy5KvNzl8Cyqh+6zs99H6C7DNzNlUDK6/yhCfDn79zs/EZQyfxla7/uCOgoxpYPcz6V+TkF6LgxRieQ+QOMgHE7gcxPIEDXCR7HnIk52R74p5hL1n4OATrKewV3Y+41if8r2MwCIFkJBAFAABAABAABQAAQAAQAAUAAEAAEAAFAABAABAABQAAQAAQAAUAAEIAAIAAIgKT8FmAAO4MUy/QHH2IAAAAASUVORK5CYII=);
overflow: hidden;
 text-indent: -1024rem;
  text-shadow: 0 0 0 rgba(0,0,0,00);
 margin-left: .8rem;
}
@media all and (min-width:1280px) {
.hero h1.big {
 font-size: 4.8rem;
 margin: 1.6rem 0 2.4rem}
}