/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.10.0
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@charset "UTF-8";

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: none;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
  border-radius: none;
}

img {
  border: none;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
}

.ie7 img,
.iem7 img {
  -ms-interpolation-mode: bicubic;
}

input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type='search'] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

p {
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: '\2010';
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
}

@font-face {
  font-family: 'VW Text';
  src: url("/fonts/VWTextWeb-Light.eot");
  src: url("/fonts/VWTextWeb-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/VWTextWeb-Light.woff") format("woff"), url("/fonts/VWTextWeb-Light.ttf") format("truetype"), url("/fonts/VWTextWeb-Light.svg#VWTextWeb-Light") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'VW Text';
  src: url("/fonts/VWTextWeb-Regular.eot");
  src: url("/fonts/VWTextWeb-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/VWTextWeb-Regular.woff") format("woff"), url("/fonts/VWTextWeb-Regular.ttf") format("truetype"), url("/fonts/VWTextWeb-Regular.svg#VWTextWeb-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'VW Text';
  src: url("/fonts/VWTextWeb-Bold.eot");
  src: url("/fonts/VWTextWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/VWTextWeb-Bold.woff") format("woff"), url("/fonts/VWTextWeb-Bold.ttf") format("truetype"), url("/fonts/VWTextWeb-Bold.svg#VWTextWeb-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'VW Head';
  src: url("/fonts/VWHeadWeb-Light.eot");
  src: url("/fonts/VWHeadWeb-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/VWHeadWeb-Light.woff") format("woff"), url("/fonts/VWHeadWeb-Light.ttf") format("truetype"), url("/fonts/VWHeadWeb-Light.svg#VWHeadWeb-Light") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'VW Head';
  src: url("/fonts/VWHeadWeb-Bold.eot");
  src: url("/fonts/VWHeadWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/VWHeadWeb-Bold.woff") format("woff"), url("/fonts/VWHeadWeb-Bold.ttf") format("truetype"), url("/fonts/VWHeadWeb-Bold.svg#VWHeadWeb-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'VW Head';
  src: url("/fonts/VWHeadWeb-ExtraBold.eot");
  src: url("/fonts/VWHeadWeb-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/fonts/VWHeadWeb-ExtraBold.woff") format("woff"), url("/fonts/VWHeadWeb-ExtraBold.ttf") format("truetype"), url("/fonts/VWHeadWeb-ExtraBold.svg#VWHeadWeb-ExtraBold") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'vw-icon';
  src: url("/fonts/vw-icon.eot?2fh8ob");
  src: url("/fonts/vw-icon.eot?2fh8ob#iefix") format("embedded-opentype"), url("/fonts/vw-icon.ttf?2fh8ob") format("truetype"), url("/fonts/vw-icon.woff?2fh8ob") format("woff"), url("/fonts/vw-icon.svg?2fh8ob#vw-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'vw-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--d_volkswagen_configurator:before {
  content: "\E900";
}

.icon--360:before {
  content: "\E901";
}

.icon--accessories:before {
  content: "\E902";
}

.icon--accident-specialist:before {
  content: "\E903";
}

.icon--add-user:before {
  content: "\E904";
}

.icon--arrow-double-down:before {
  content: "\E905";
}

.icon--arrow-double-left:before {
  content: "\E906";
}

.icon--arrow-double-right:before {
  content: "\E907";
}

.icon--arrow-double-up:before {
  content: "\E908";
}

.icon--arrow-down:before {
  content: "\E909";
}

.icon--arrow-left:before {
  content: "\E90A";
}

.icon--arrow-right:before {
  content: "\E90B";
}

.icon--arrow-up:before {
  content: "\E90C";
}

.icon--attention_conflict:before {
  content: "\E90D";
}

.icon--autostadt-delivery:before {
  content: "\E90E";
}

.icon--autostadt:before {
  content: "\E90F";
}

.icon--award_certified:before {
  content: "\E910";
}

.icon--award_winner_premium_excellence:before {
  content: "\E911";
}

.icon--binoculars:before {
  content: "\E912";
}

.icon--blog:before {
  content: "\E913";
}

.icon--brochure:before {
  content: "\E914";
}

.icon--business-customers:before {
  content: "\E915";
}

.icon--buy-a-volkswagen:before {
  content: "\E916";
}

.icon--calculate:before {
  content: "\E917";
}

.icon--calendar_appointment .path1:before {
  content: "\E918";
  color: black;
}

.icon--calendar_appointment .path2:before {
  content: "\E919";
  margin-left: -1em;
  color: black;
}

.icon--calendar_appointment .path3:before {
  content: "\E91A";
  margin-left: -1em;
  color: black;
}

.icon--calendar_appointment .path4:before {
  content: "\E91B";
  margin-left: -1em;
  color: black;
}

.icon--calendar_appointment .path5:before {
  content: "\E91C";
  margin-left: -1em;
  color: white;
}

.icon--calendar_appointment .path6:before {
  content: "\E91D";
  margin-left: -1em;
  color: white;
}

.icon--calendar_appointment .path7:before {
  content: "\E91E";
  margin-left: -1em;
  color: white;
}

.icon--calendar-export:before {
  content: "\E91F";
}

.icon--california_specialist:before {
  content: "\E920";
}

.icon--california:before {
  content: "\E921";
}

.icon--camera:before {
  content: "\E922";
}

.icon--car_pick_up_service:before {
  content: "\E923";
}

.icon--car-net:before {
  content: "\E924";
}

.icon--car-net2:before {
  content: "\E925";
}

.icon--car-rental-pkw-vwn:before {
  content: "\E926";
}

.icon--car-rental:before {
  content: "\E927";
}

.icon--carwash:before {
  content: "\E928";
}

.icon--certified_collision_repair .path1:before {
  content: "\E929";
  color: black;
}

.icon--certified_collision_repair .path2:before {
  content: "\E92A";
  margin-left: -1em;
  color: black;
}

.icon--certified_collision_repair .path3:before {
  content: "\E92B";
  margin-left: -1em;
  color: #141414;
}

.icon--certified_retailer:before {
  content: "\E92C";
}

.icon--checkmark:before {
  content: "\E92D";
}

.icon--clock_time:before {
  content: "\E92E";
}

.icon--close:before {
  content: "\E92F";
}

.icon--commercial-vehicles:before {
  content: "\E930";
}

.icon--compare:before {
  content: "\E931";
}

.icon--configuration-details:before {
  content: "\E932";
}

.icon--configuration-load:before {
  content: "\E933";
}

.icon--configuration-quick-summary:before {
  content: "\E934";
}

.icon--configuration-save:before {
  content: "\E935";
}

.icon--configure:before {
  content: "\E936";
}

.icon--consumption:before {
  content: "\E937";
}

.icon--convince:before {
  content: "\E938";
}

.icon--corporate:before {
  content: "\E939";
}

.icon--crafter:before {
  content: "\E93A";
}

.icon--day:before {
  content: "\E93B";
}

.icon--dealer-delivery:before {
  content: "\E93C";
}

.icon--dealer:before {
  content: "\E93D";
}

.icon--delete:before {
  content: "\E93E";
}

.icon--dine-and-lodge:before {
  content: "\E93F";
}

.icon--directions:before {
  content: "\E940";
}

.icon--door-close:before {
  content: "\E941";
}

.icon--door-open:before {
  content: "\E942";
}

.icon--doors:before {
  content: "\E943";
}

.icon--download:before {
  content: "\E944";
}

.icon--driving-tours:before {
  content: "\E945";
}

.icon--e_mobility_service:before {
  content: "\E946";
}

.icon--email:before {
  content: "\E947";
}

.icon--emission:before {
  content: "\E948";
}

.icon--engine-diesel:before {
  content: "\E949";
}

.icon--engine-electric:before {
  content: "\E94A";
}

.icon--engine-gas:before {
  content: "\E94B";
}

.icon--engine-hybrid:before {
  content: "\E94C";
}

.icon--engine-petrol:before {
  content: "\E94D";
}

.icon--engine:before {
  content: "\E94E";
}

.icon--exclamation-mark:before {
  content: "\E94F";
}

.icon--express_customer_service .path1:before {
  content: "\E950";
  color: black;
}

.icon--express_customer_service .path2:before {
  content: "\E951";
  margin-left: -1em;
  color: black;
}

.icon--express_customer_service .path3:before {
  content: "\E952";
  margin-left: -1em;
  color: black;
}

.icon--express_customer_service .path4:before {
  content: "\E953";
  margin-left: -1em;
  color: black;
}

.icon--express_customer_service .path5:before {
  content: "\E954";
  margin-left: -1em;
  color: white;
}

.icon--express_service .path1:before {
  content: "\E955";
  color: black;
}

.icon--express_service .path2:before {
  content: "\E956";
  margin-left: -1em;
  color: #010202;
}

.icon--express_service .path3:before {
  content: "\E957";
  margin-left: -1em;
  color: #010202;
}

.icon--express_service .path4:before {
  content: "\E958";
  margin-left: -1em;
  color: #010202;
}

.icon--extended_hours:before {
  content: "\E959";
}

.icon--exterior:before {
  content: "\E95A";
}

.icon--factory:before {
  content: "\E95B";
}

.icon--favourite:before {
  content: "\E95C";
}

.icon--fax:before {
  content: "\E95D";
}

.icon--filter:before {
  content: "\E95E";
}

.icon--find-a-car:before {
  content: "\E95F";
}

.icon--fleet_service:before {
  content: "\E960";
}

.icon--forward:before {
  content: "\E961";
}

.icon--fullscreen-enter:before {
  content: "\E962";
}

.icon--fullscreen-exit:before {
  content: "\E963";
}

.icon--garage .path1:before {
  content: "\E964";
  color: black;
}

.icon--garage .path2:before {
  content: "\E965";
  margin-left: -1em;
  color: #131313;
}

.icon--get-your-volkswagen:before {
  content: "\E966";
}

.icon--glass-care-service:before {
  content: "\E967";
}

.icon--guarantee:before {
  content: "\E968";
}

.icon--guided-tours:before {
  content: "\E969";
}

.icon--help_support_livechat:before {
  content: "\E96A";
}

.icon--home:before {
  content: "\E96B";
}

.icon--image-gallery:before {
  content: "\E96C";
}

.icon--image:before {
  content: "\E96D";
}

.icon--importer:before {
  content: "\E96E";
}

.icon--info:before {
  content: "\E96F";
}

.icon--interior:before {
  content: "\E970";
}

.icon--legal-terms:before {
  content: "\E971";
}

.icon--link-arrow:before {
  content: "\E972";
}

.icon--list-sort:before {
  content: "\E973";
}

.icon--LIVE_Icon:before {
  content: "\E974";
}

.icon--locate-me:before {
  content: "\E975";
}

.icon--login_profile:before {
  content: "\E976";
}

.icon--logout:before {
  content: "\E977";
}

.icon--luggage-compartment:before {
  content: "\E978";
}

.icon--mail:before {
  content: "\E979";
}

.icon--major_customers_center:before {
  content: "\E97A";
}

.icon--mein-auto:before {
  content: "\E97B";
}

.icon--menu:before {
  content: "\E97C";
}

.icon--minus:before {
  content: "\E97D";
}

.icon--mobile-service-van:before {
  content: "\E97E";
}

.icon--models:before {
  content: "\E97F";
}

.icon--money_savings:before {
  content: "\E980";
}

.icon--more:before {
  content: "\E981";
}

.icon--mouse:before {
  content: "\E982";
}

.icon--navi-area:before {
  content: "\E983";
}

.icon--needs-analysis:before {
  content: "\E984";
}

.icon--new_cars_caddy_pkw_multivan_california:before {
  content: "\E985";
}

.icon--new_cars_utility_vehicles:before {
  content: "\E986";
}

.icon--new_cars .path1:before {
  content: "\E987";
  color: #010102;
}

.icon--new_cars .path2:before {
  content: "\E988";
  margin-left: -1em;
  color: black;
}

.icon--news:before {
  content: "\E989";
}

.icon--night_service:before {
  content: "\E98A";
}

.icon--night:before {
  content: "\E98B";
}

.icon--notes:before {
  content: "\E98C";
}

.icon--offer:before {
  content: "\E98D";
}

.icon--oldtimer-cars:before {
  content: "\E98E";
}

.icon--on_call_duty:before {
  content: "\E98F";
}

.icon--open_on_saturdays:before {
  content: "\E990";
}

.icon--options:before {
  content: "\E991";
}

.icon--owners:before {
  content: "\E992";
}

.icon--paint_shop:before {
  content: "\E993";
}

.icon--parts_accessories:before {
  content: "\E994";
}

.icon--password:before {
  content: "\E995";
}

.icon--pause:before {
  content: "\E996";
}

.icon--performance:before {
  content: "\E997";
}

.icon--phone:before {
  content: "\E998";
}

.icon--pin-clean:before {
  content: "\E999";
}

.icon--pin:before {
  content: "\E99A";
}

.icon--plane:before {
  content: "\E99B";
}

.icon--play:before {
  content: "\E99C";
}

.icon--plus:before {
  content: "\E99D";
}

.icon--premium_cars_r_line:before {
  content: "\E99E";
}

.icon--preview:before {
  content: "\E99F";
}

.icon--price-euro:before {
  content: "\E9A0";
}

.icon--print:before {
  content: "\E9A1";
}

.icon--production-ready:before {
  content: "\E9A2";
}

.icon--production-started:before {
  content: "\E9A3";
}

.icon--push-notifications:before {
  content: "\E9A4";
}

.icon--qualified_workshop:before {
  content: "\E9A5";
}

.icon--question-mark:before {
  content: "\E9A6";
}

.icon--recommendation:before {
  content: "\E9A7";
}

.icon--recommendations-2:before {
  content: "\E9A8";
}

.icon--record:before {
  content: "\E9A9";
}

.icon--reload:before {
  content: "\E9AA";
}

.icon--responsibility:before {
  content: "\E9AB";
}

.icon--rewind:before {
  content: "\E9AC";
}

.icon--roadside_assistance:before {
  content: "\E9AD";
}

.icon--rotate-landscape:before {
  content: "\E9AE";
}

.icon--rotate-portrait:before {
  content: "\E9AF";
}

.icon--route-by-car:before {
  content: "\E9B0";
}

.icon--route-by-foot:before {
  content: "\E9B1";
}

.icon--route-public-transport:before {
  content: "\E9B2";
}

.icon--route-start:before {
  content: "\E9B3";
}

.icon--scenery:before {
  content: "\E9B4";
}

.icon--schedule_meeting_online:before {
  content: "\E9B5";
}

.icon--search:before {
  content: "\E9B6";
}

.icon--seats:before {
  content: "\E9B7";
}

.icon--service_for_e_cars:before {
  content: "\E9B8";
}

.icon--service_for_gas_vehicles:before {
  content: "\E9B9";
}

.icon--service-plus:before {
  content: "\E9BA";
}

.icon--service:before {
  content: "\E9BB";
}

.icon--settings:before {
  content: "\E9BC";
}

.icon--share:before {
  content: "\E9BD";
}

.icon--shopping-cart:before {
  content: "\E9BE";
}

.icon--skip-back:before {
  content: "\E9BF";
}

.icon--skip-forward:before {
  content: "\E9C0";
}

.icon--smartphone:before {
  content: "\E9C1";
}

.icon--sound-off:before {
  content: "\E9C2";
}

.icon--sound-on:before {
  content: "\E9C3";
}

.icon--special-cars:before {
  content: "\E9C4";
}

.icon--special-models:before {
  content: "\E9C5";
}

.icon--stock-locator .path1:before {
  content: "\E9C6";
  color: #131313;
}

.icon--stock-locator .path2:before {
  content: "\E9C7";
  margin-left: -1em;
  color: black;
}

.icon--stop:before {
  content: "\E9C8";
}

.icon--submenue-mobile .path1:before {
  content: "\E9C9";
  color: #010202;
}

.icon--submenue-mobile .path2:before {
  content: "\E9CA";
  margin-left: -1em;
  color: white;
}

.icon--submenue-mobile .path3:before {
  content: "\E9CB";
  margin-left: -1em;
  color: white;
}

.icon--submenue-mobile .path4:before {
  content: "\E9CC";
  margin-left: -1em;
  color: white;
}

.icon--switch-price-rate:before {
  content: "\E9CD";
}

.icon--taxi_dealer:before {
  content: "\E9CE";
}

.icon--taxi:before {
  content: "\E9CF";
}

.icon--technology:before {
  content: "\E9D0";
}

.icon--testdrive:before {
  content: "\E9D1";
}

.icon--thumbnails-large:before {
  content: "\E9D2";
}

.icon--thumbnails-small:before {
  content: "\E9D3";
}

.icon--tire-close:before {
  content: "\E9D4";
}

.icon--tire-open:before {
  content: "\E9D5";
}

.icon--top-close:before {
  content: "\E9D6";
}

.icon--top-open:before {
  content: "\E9D7";
}

.icon--touareg_service:before {
  content: "\E9D8";
}

.icon--transmission-automatic:before {
  content: "\E9D9";
}

.icon--transmission-manual:before {
  content: "\E9DA";
}

.icon--transmission:before {
  content: "\E9DB";
}

.icon--upload:before {
  content: "\E9DC";
}

.icon--used_cars_trade_port:before {
  content: "\E9DD";
}

.icon--used-cars:before {
  content: "\E9DE";
}

.icon--used-oldtimer-cars:before {
  content: "\E9DF";
}

.icon--vcard:before {
  content: "\E9E0";
}

.icon--video:before {
  content: "\E9E1";
}

.icon--view:before {
  content: "\E9E2";
}

.icon--virtual-reality:before {
  content: "\E9E3";
}

.icon--volkswagen-code:before {
  content: "\E9E4";
}

.icon--website:before {
  content: "\E9E5";
}

.icon--write_edit_create:before {
  content: "\E9E6";
}

.icon--zoom-in:before {
  content: "\E9E7";
}

.icon--zoom-out:before {
  content: "\E9E8";
}

html {
  height: 100%;
}

body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  color: #1d1f20;
  font-size: 16px;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  overflow-y: scroll;
  background: #ffffff;
}

.wrapper {
  width: 100vw;
  margin: 0 auto;
  padding: 0 25px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.site-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
  padding-top: 52px;
}

a {
  color: #0099da;
}

input {
  text-transform: none;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: uppercase;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: uppercase;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: uppercase;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: uppercase;
}

.hidden {
  display: none !important;
}

.baguetteBox-button {
  background-color: rgba(0, 153, 218, 0.5) !important;
}

.centered {
  text-align: center;
}

.program_detailed {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 2em;
}

@media screen and (min-width: 1024px) {
  .site-content {
    padding-top: 80px;
  }
}

@media screen and (min-width: 1280px) {
  .wrapper {
    width: 1280px;
    margin: 0 auto;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 42px;
  padding: 0 10px;
  color: #1d1f20;
  font-size: 0.875em;
  font-weight: 700;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  background: transparent;
  outline: none;
  border: none;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.btn--fullwidth {
  width: 100%;
}

.btn--blue {
  color: #ffffff;
  background-color: #0099da;
}

.btn--blue:disabled {
  color: rgba(47, 53, 56, 0.5);
  border: 1px solid #808890;
  background-color: #bdc3c6;
}

.btn--white {
  color: #0099da;
  border: 1px solid #dee1e3;
  background-color: #ffffff;
}

.btn--text {
  color: #0099da;
  padding: 0;
  font-weight: 400;
}

.btn--disabled {
  color: rgba(47, 53, 56, 0.5);
  border: 1px solid #808890;
  background-color: #bdc3c6;
}

@media screen and (min-width: 1024px) {
  .btn {
    max-width: 198px;
    padding: 0 18px;
  }

  .btn--text {
    max-width: initial;
    padding: 0;
  }
}

.fw--h {
  font-weight: 100;
}

.fw--l {
  font-weight: 300;
}

.fw--r {
  font-weight: 400;
}

.fw--s {
  font-weight: 500;
}

.fw--b {
  font-weight: 700;
}

.fw--e {
  font-weight: 900;
}

.tt--uppercase {
  text-transform: uppercase;
}

.tt--justified {
  text-align: justify;
}

.tt--left {
  text-align: left;
  font-weight: 400;
}

.is-grey {
  color: #808890;
}

.is-small {
  font-size: .8rem;
}

.site-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 52px;
  padding: 0 20px;
  border-bottom: 1px solid #dee1e3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  background-color: #ffffff;
  z-index: 999;
}

.site-header__logo {
  width: 36px;
  height: 36px;
  background-image: url(/img/logoMobile.png);
  background-size: cover;
  background-position: center center;
  position: relative;
  top: 0;
}

.site-header__logo span {
  display: none;
  position: relative;
  z-index: -1;
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.site-header__menu ul {
  display: none;
}

.site-header__menu li {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 0.875em;
  text-align: left;
  border-bottom: 1px solid #bdc3c6;
}

.site-header__menu li a {
  display: block;
  color: #808890;
  padding: 20px 0;
}

.site-header__menu li a.btn {
  /*flex: 1 0 0;*/
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 10px;
  padding: 0 10px;
  /*line-height: 42px;*/
  line-height: 1.2;
  white-space: normal;
}

.site-header__menu li a.btn:first-child {
  min-width: 154px;
  margin-left: 0;
}

.site-header__menu li a.btn:last-child {
  margin-right: 0;
}

.site-header__menu li a.btn--text {
  color: #0099da;
}

.site-header__menu li a.btn--blue {
  color: #ffffff;
}

.site-header__menu li:last-child {
  border-bottom: none;
}

.site-header__menu li.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}

.site-header--open .site-header__logo {
  position: relative;
  z-index: 100;
}

.site-header--open .site-header__menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100vw;
  height: 100vh;
  background-color: #f3f5f6;
}

.site-header--open .site-header__menu::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  display: block;
  content: '';
  width: 100vw;
  height: 52px;
  background-color: #ffffff;
}

.site-header--open .site-header__menu ul {
  position: absolute;
  top: 52px;
  left: 0;
  bottom: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  width: 100%;
  padding: 0 20px;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.site-header--open .site-header__menu .menu__toggle {
  position: absolute;
  right: 6vw;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-header .bigmac {
  width: 20px;
  height: 17px;
  position: relative;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.site-header .bigmac span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2.5px;
  opacity: 1;
  border-radius: 9px;
  background: #0099da;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.site-header .bigmac span:nth-child(1) {
  top: 0px;
}

.site-header .bigmac span:nth-child(2),
.site-header .bigmac span:nth-child(3) {
  top: 7px;
}

.site-header .bigmac span:nth-child(4) {
  top: 14px;
}

.site-header .bigmac--open span:nth-child(1) {
  top: 18px;
  left: 50%;
  width: 0%;
}

.site-header .bigmac--open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.site-header .bigmac--open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.site-header .bigmac--open span:nth-child(4) {
  top: 18px;
  left: 50%;
  width: 0%;
}

.site-footer {
  width: 100%;
}

.site-footer__scrolltop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 35px;
  padding: 0 50px;
  color: #2f3538;
  font-size: 0.875em;
  text-align: right;
  background-color: #dee1e3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.site-footer__scrolltop .scrolltop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #2f3538;
}

.site-footer__scrolltop i {
  margin-left: 20px;
  font-size: 120%;
}

.site-footer__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 60px 20px;
  color: #2f3538;
  font-size: 0.875em;
}

.site-footer__copy span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 35px;
  border: none;
}

.site-footer__copy span:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.site-footer .form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.site-footer .form-container .block {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

.site-footer .form-container .block:nth-child(1) {
  padding: 2em 1.5em 1em 0;
}

.site-footer .form-container .block:nth-child(2) {
  padding: 2em 0 1em 1.5em;
  text-align: right;
}

.site-footer .form-container .block strong {
  display: block;
  text-transform: uppercase;
  margin-bottom: 2em;
}

.site-footer .form-container .block p {
  margin: .5em 0;
  line-height: 1.2;
}

.site-footer .form-container .block .btn {
  margin: 1em 0;
}

@media screen and (min-width: 1024px) {
  .site-header {
    height: 100px;
  }

  .site-header__logo {
    width: 66px;
    height: 69px;
    background-image: url(/img/vwlogo.png);
    top: 5px;
  }

  .site-header__menu::before {
    display: none;
  }

  .site-header__menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
  }

  .site-header__menu li {
    margin: 0 15px;
    color: #808890;
    font-size: 1em;
    font-weight: 700;
    white-space: nowrap;
    border-bottom: none;
  }

  .site-header__menu li:first-child {
    margin-left: 0;
  }

  .site-header__menu li:last-child {
    margin-right: 0;
  }

  .site-header__menu li.btn-container {
    padding: 0;
  }

  .site-header__menu li a {
    padding: 0;
    line-height: 42px;
  }

  .site-header__menu .menu__toggle {
    display: none;
  }

  .site-footer__copy {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .site-footer__copy span {
    border-right: 1px solid #2f3538;
    margin-right: 1em;
    padding-right: 1em;
  }

  .site-footer .form-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.tab__item {
  min-height: 55px;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #bdc3c6;
  -webkit-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out;
}

.tab__item:first-child {
  border-top: 1px solid #bdc3c6;
}

.tab__item--open {
  height: auto !important;
}

.tab__item--open .item__header::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.tab__item--open .item__content {
  display: block !important;
}

.tab:last-of-type {
  margin-bottom: 4em;
}

.tab .item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 55px;
  height: auto;
  padding: .5em;
  font-size: 1.125em;
  font-weight: 700;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.25em;
  cursor: pointer;
}

.tab .item__header::before {
  display: inline-block;
  margin: 0 10px 0 -8px;
  content: '\E90B';
  color: #0099da;
  font-size: 28px;
  font-family: "vw-icon";
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.tab .item__content {
  display: none;
  padding: 20px 20px;
  background-color: #d8d8d8;
}

.tab .item__content p {
  margin-bottom: 2em;
  color: #2f3538;
  font-size: 1em;
  line-height: 1.25em;
}

.tab .item__content p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .tab__item {
    height: 80px;
  }

  .tab .item__header {
    height: 80px;
    font-size: 1.375em;
    padding: 0;
  }

  .tab .item__header::before {
    margin: 0 35px 0 25px;
  }

  .tab .item__content {
    padding: 40px 50px;
  }
}

.page .header__title {
  display: block;
  margin: 40px 0;
  font-size: 1.4375em;
  font-weight: 700;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.25em;
}

.page .header__subtitle {
  display: block;
  margin: 40px 0;
  font-size: 1.25em;
  font-weight: 700;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.25em;
}

.page .header__note {
  display: block;
  font-size: 0.9375em;
}

.page .header__note.has-margin {
  margin-bottom: 2em;
}

@media screen and (min-width: 1024px) {
  .page .header {
    max-width: 815px;
    margin: 0 auto;
  }

  .page .header__title {
    margin: 60px 0;
    font-size: 2.625em;
  }

  .page .header__note {
    margin-bottom: 40px;
    font-size: 1em;
  }

  .wrapper .page .header {
    max-width: 100%;
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
}

.modal.active {
  display: block;
}

.modal__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(29, 31, 32, 0.71);
}

.modal__content {
  position: absolute;
  top: 20vh;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.modal .car__header,
.modal .car__content {
  padding: 20px 1em !important;
}

.modal-policy input[type='checkbox'] {
  display: inline-block !important;
}

.modal-policy .btn--blue {
  width: 100%;
  margin-bottom: 0.5em;
}

.modal-policy .modal__content {
  top: 5vh;
  bottom: 5vh;
  overflow-y: auto;
}

.modal-policy .section {
  background-color: #fff;
  padding: 2em;
}

.modal-policy .section .block__title {
  font-size: 1.125em;
  font-weight: 700;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.25em;
}

.modal-policy .section .block__footnote {
  margin: 1em 0;
}

.modal-policy .section .block__group:last-child {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal-policy .section .block__group:last-child .btn {
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .modal-policy .modal__content {
    top: 20vh;
    bottom: 0vh;
    overflow-y: auto;
  }

  .modal-policy .btn--blue {
    width: auto;
    margin-bottom: 0;
  }

  .modal-policy .block-buttons {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

.form-container {
  width: 100%;
  padding: 0 20px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form-container__block:not(.no-margin) {
  margin-bottom: 48px;
}

.form-container .block__text,
.form-container .block__title,
.form-container .block__footnote {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.25em;
}

.form-container .block__text--center,
.form-container .block__title--center,
.form-container .block__footnote--center {
  text-align: center;
}

.form-container .block__text b,
.form-container .block__title b,
.form-container .block__footnote b {
  font-weight: 700;
}

.form-container .block__text > ul,
.form-container .block__title > ul,
.form-container .block__footnote > ul {
  padding-left: 1.5em;
}

.form-container .block__text {
  font-weight: 400;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form-container .block__footnote {
  margin-bottom: 0;
  font-weight: 400;
}

.form-container .block__submit {
  text-align: center;
}

.form-container .block__submit--left {
  text-align: left;
}

.form-container .block__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.form-container .block .group__input,
.form-container .block .group__select,
.form-container .block .group__upload,
.form-container .block .group__radio,
.form-container .block .group__checkbox,
.form-container .block .group__textarea {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 0 20px 0;
}

.form-container .block .group__input--error,
.form-container .block .group__select--error,
.form-container .block .group__upload--error,
.form-container .block .group__radio--error,
.form-container .block .group__checkbox--error,
.form-container .block .group__textarea--error {
  margin: 0 0 30px 0;
}

.form-container .block__car {
  margin-bottom: 20px;
  padding: 0;
  background-color: #f3f5f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form-container .block.car-list .car__header {
  cursor: pointer;
  padding: 20px 1em;
}

.form-container .block.car-list .car__content {
  padding: 20px 1em;
}

.form-container .block .car__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-bottom: 20px;
  padding: 20px 0;
}

.form-container .block .car__content {
  display: none;
  padding: 0 0 20px 0;
}

.form-container .block .car .header__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  margin-top: 5px;
}

.form-container .block .car .header__data > span {
  -ms-flex-item-align: center;
      align-self: center;
}

.form-container .block .car .header__title {
  font-size: 1.375em;
  font-weight: 700;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
}

.form-container .block .car .header .data__licence-plate {
  color: #2f3538;
  font-size: 1em;
  text-transform: uppercase;
}

.form-container .block .car .header .data__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #bdc3c6;
  font-size: 0.875em;
}

.form-container .block .car .header .data__status--danger {
  color: #c82e2d;
}

.form-container .block .car .header .data__status--warning {
  color: #faaa00;
}

.form-container .block .car .header .data__status--success {
  color: #31ab00;
}

.form-container .block .car .header .data__status i {
  margin-right: 0.25em;
  font-size: 170%;
}

.form-container .block .car .content__controls {
  text-align: center;
}

.form-container .block .car .content__controls i {
  font-size: 130%;
}

.form-container .block .car .content__controls .btn {
  width: 100%;
}

.form-container .block .car .content__controls .btn--text {
  padding: 0;
  font-weight: 400;
}

.form-container .block .car .content__controls--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-container .block .car .content__message {
  margin-bottom: 20px;
  color: #2f3538;
  font-size: 0.875em;
  line-height: 1.5em;
}

.form-container .block .car .content__message--danger {
  color: #2f3538;
}

.form-container .block .car .content__message--warning {
  color: #2f3538;
}

.form-container .block .car .content__message--success {
  color: #2f3538;
}

.form-container .block .car .content__message--space {
  margin-top: 20px;
}

.form-container .block .car[data-car-status='not-applied'] .header__title {
  color: #bdc3c6;
}

.form-container .block .car[data-car-status='not-applied'] .header .data__status,
.form-container .block .car[data-car-status='not-applied'] .header .data__licence-plate {
  color: #bdc3c6;
}

.form-container .block .car[data-car-status='check-up'] .header .data__status,
.form-container .block .car[data-car-status='check-up'] .content .content__message {
  color: #faaa00;
}

.form-container .block .car[data-car-status='check-up'] .content .content__result {
  color: #2f3538;
}

.form-container .block .car[data-car-status='success'] .header .data__status {
  color: #31ab00;
}

.form-container .block .car[data-car-status='success'] .content .content__result {
  color: #2f3538;
}

.form-container .block .car[data-car='open'] {
  border: 2px solid #0099da;
}

.form-container .block .car[data-car='open'] .car__content {
  display: block;
}

.form-container .block .car[data-car='open'][data-car-status='not-applied'] .header__title {
  color: #1d1f20;
}

.form-container .block .car[data-car='open'][data-car-status='not-applied'] .header .data__status,
.form-container .block .car[data-car='open'][data-car-status='not-applied'] .header .data__licence-plate {
  color: #2f3538;
}

.form-container .block .car[data-car='clean'] {
  padding: 0;
  background-color: #ffffff;
}

.form-container .block .car[data-car='clean'] .car__content {
  display: block;
}

@media screen and (min-width: 1024px) {
  .form-container {
    width: 610px;
    margin: 0 auto;
    padding: 0;
  }

  .form-container .block__title,
  .form-container .block__footnote {
    font-weight: 400;
    font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .form-container .block__group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }

  .form-container .block .group__input,
  .form-container .block .group__select,
  .form-container .block .group__upload,
  .form-container .block .group__radio,
  .form-container .block .group__checkbox,
  .form-container .block .group__textarea {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    margin: 0 0 20px 20px;
  }

  .form-container .block .group__input--error,
  .form-container .block .group__select--error,
  .form-container .block .group__upload--error,
  .form-container .block .group__radio--error,
  .form-container .block .group__checkbox--error,
  .form-container .block .group__textarea--error {
    margin: 0 0 30px 20px;
  }

  .form-container .block .group__input:first-child,
  .form-container .block .group__select:first-child,
  .form-container .block .group__upload:first-child,
  .form-container .block .group__radio:first-child,
  .form-container .block .group__checkbox:first-child,
  .form-container .block .group__textarea:first-child {
    margin-left: 0;
  }

  .form-container .block .car__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    margin-bottom: 0;
  }

  .form-container .block .car .header__data {
    margin: 0 0 0 20px;
  }

  .form-container .block .car .content__controls {
    text-align: right;
  }

  .form-container .block .car .content__controls--left {
    text-align: left;
  }

  .form-container .block .car .content__controls .btn {
    width: auto;
    white-space: nowrap;
  }
}

.group__input,
.group__textarea {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
  height: 42px;
  border-radius: 4px;
  border: 1px solid #dee1e3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__input input[name$="plate"],
.group__textarea input[name$="plate"] {
  text-transform: uppercase;
}

.group__input textarea,
.group__input input[type='text'],
.group__input input[type='date'],
.group__input input[type='email'],
.group__input input[type='password'],
.group__textarea textarea,
.group__textarea input[type='text'],
.group__textarea input[type='date'],
.group__textarea input[type='email'],
.group__textarea input[type='password'] {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  color: #2f3538;
  font-size: 0.875em;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 4px;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__input textarea::-webkit-input-placeholder,
.group__input input[type='text']::-webkit-input-placeholder,
.group__input input[type='date']::-webkit-input-placeholder,
.group__input input[type='email']::-webkit-input-placeholder,
.group__input input[type='password']::-webkit-input-placeholder,
.group__textarea textarea::-webkit-input-placeholder,
.group__textarea input[type='text']::-webkit-input-placeholder,
.group__textarea input[type='date']::-webkit-input-placeholder,
.group__textarea input[type='email']::-webkit-input-placeholder,
.group__textarea input[type='password']::-webkit-input-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.group__input textarea::-moz-placeholder,
.group__input input[type='text']::-moz-placeholder,
.group__input input[type='date']::-moz-placeholder,
.group__input input[type='email']::-moz-placeholder,
.group__input input[type='password']::-moz-placeholder,
.group__textarea textarea::-moz-placeholder,
.group__textarea input[type='text']::-moz-placeholder,
.group__textarea input[type='date']::-moz-placeholder,
.group__textarea input[type='email']::-moz-placeholder,
.group__textarea input[type='password']::-moz-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
}

.group__input textarea:-ms-input-placeholder,
.group__input input[type='text']:-ms-input-placeholder,
.group__input input[type='date']:-ms-input-placeholder,
.group__input input[type='email']:-ms-input-placeholder,
.group__input input[type='password']:-ms-input-placeholder,
.group__textarea textarea:-ms-input-placeholder,
.group__textarea input[type='text']:-ms-input-placeholder,
.group__textarea input[type='date']:-ms-input-placeholder,
.group__textarea input[type='email']:-ms-input-placeholder,
.group__textarea input[type='password']:-ms-input-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.group__input textarea:-moz-placeholder,
.group__input input[type='text']:-moz-placeholder,
.group__input input[type='date']:-moz-placeholder,
.group__input input[type='email']:-moz-placeholder,
.group__input input[type='password']:-moz-placeholder,
.group__textarea textarea:-moz-placeholder,
.group__textarea input[type='text']:-moz-placeholder,
.group__textarea input[type='date']:-moz-placeholder,
.group__textarea input[type='email']:-moz-placeholder,
.group__textarea input[type='password']:-moz-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
}

.group__input--error,
.group__textarea--error {
  border-color: #c82e2d;
}

.group__input--error span,
.group__textarea--error span {
  display: inline-block;
  margin-top: 5px;
  color: #c82e2d;
  font-size: 0.6875em;
}

.group__input--error textarea::-webkit-input-placeholder,
.group__input--error input[type='text']::-webkit-input-placeholder,
.group__input--error input[type='date']::-webkit-input-placeholder,
.group__input--error input[type='email']::-webkit-input-placeholder,
.group__input--error input[type='password']::-webkit-input-placeholder,
.group__textarea--error textarea::-webkit-input-placeholder,
.group__textarea--error input[type='text']::-webkit-input-placeholder,
.group__textarea--error input[type='date']::-webkit-input-placeholder,
.group__textarea--error input[type='email']::-webkit-input-placeholder,
.group__textarea--error input[type='password']::-webkit-input-placeholder {
  color: #c82e2d;
}

.group__input--error textarea::-moz-placeholder,
.group__input--error input[type='text']::-moz-placeholder,
.group__input--error input[type='date']::-moz-placeholder,
.group__input--error input[type='email']::-moz-placeholder,
.group__input--error input[type='password']::-moz-placeholder,
.group__textarea--error textarea::-moz-placeholder,
.group__textarea--error input[type='text']::-moz-placeholder,
.group__textarea--error input[type='date']::-moz-placeholder,
.group__textarea--error input[type='email']::-moz-placeholder,
.group__textarea--error input[type='password']::-moz-placeholder {
  color: #c82e2d;
}

.group__input--error textarea:-ms-input-placeholder,
.group__input--error input[type='text']:-ms-input-placeholder,
.group__input--error input[type='date']:-ms-input-placeholder,
.group__input--error input[type='email']:-ms-input-placeholder,
.group__input--error input[type='password']:-ms-input-placeholder,
.group__textarea--error textarea:-ms-input-placeholder,
.group__textarea--error input[type='text']:-ms-input-placeholder,
.group__textarea--error input[type='date']:-ms-input-placeholder,
.group__textarea--error input[type='email']:-ms-input-placeholder,
.group__textarea--error input[type='password']:-ms-input-placeholder {
  color: #c82e2d;
}

.group__input--error textarea:-moz-placeholder,
.group__input--error input[type='text']:-moz-placeholder,
.group__input--error input[type='date']:-moz-placeholder,
.group__input--error input[type='email']:-moz-placeholder,
.group__input--error input[type='password']:-moz-placeholder,
.group__textarea--error textarea:-moz-placeholder,
.group__textarea--error input[type='text']:-moz-placeholder,
.group__textarea--error input[type='date']:-moz-placeholder,
.group__textarea--error input[type='email']:-moz-placeholder,
.group__textarea--error input[type='password']:-moz-placeholder {
  color: #c82e2d;
}

.group__textarea {
  height: 6.5em;
}

.group__textarea textarea {
  height: 100%;
  padding: 10px 15px;
  line-height: 1.5em;
  resize: vertical;
}

.group__select {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
  height: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__select::after {
  display: none;
}

.group__select .select__field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% + 2px);
  height: 42px;
  margin-left: -1px;
  border-radius: 4px;
  border: 1px solid #dee1e3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__select .select__field input[type='text'] {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  color: #2f3538;
  font-size: 0.875em;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  border-radius: 4px;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__select .select__field input[type='text']::-webkit-input-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.group__select .select__field input[type='text']::-moz-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
}

.group__select .select__field input[type='text']:-ms-input-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.group__select .select__field input[type='text']:-moz-placeholder {
  color: #bdc3c6;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
}

.group__select .select__field i {
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -14px;
  color: #0099da;
  font-size: 28px;
  font-family: "vw-icon";
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.group__select .select__field--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.group__select .select__field--open i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.group__select .select__list {
  position: absolute;
  top: calc(100% - 1px);
  left: -1px;
  z-index: 1;
  display: none;
  width: 100%;
  opacity: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #dee1e3;
  background-color: #ffffff;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.group__select .select__list input[type='radio'] {
  display: none;
}

.group__select .select__list label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 42px;
  padding: 0 15px;
  color: #2f3538;
  font-size: 0.875em;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  border-bottom: 1px solid #dee1e3;
  -webkit-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__select .select__list label:hover {
  background-color: #f3f5f6;
}

.group__select .select__list .list__item:last-child label {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.group__select .select__field--open ~ .select__list {
  display: block;
  opacity: 1;
}

.group__select select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% + 2px);
  height: 42px;
  margin-left: -1px;
  padding: 0 15px;
  color: #2f3538;
  font-family: "VW Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875em;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #dee1e3;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__select::after {
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -14px;
  content: '\E909';
  color: #0099da;
  font-size: 28px;
  font-family: "vw-icon";
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  pointer-events: none;
}

.group__select--error .select__field {
  border-color: #c82e2d;
}

.group__select--error span {
  display: inline-block;
  margin-top: 5px;
  color: #c82e2d;
  font-size: 0.6875em;
}

.group__upload {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__upload--error span {
  display: inline-block;
  margin-top: 5px;
  color: #c82e2d;
  font-size: 0.6875em;
}

.group .upload__trigger {
  width: 100%;
}

.group .upload__trigger input[type='file'] {
  display: none;
}

.group .upload__trigger label {
  /*width: 198px; */
  width: 100%;
  border-radius: 0;
}

.group .upload__counter {
  margin-bottom: 20px;
}

.group .upload__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  /*&::after {
                display: block;
                flex: 1 0 0;
                content: '';
            }*/
}

.group .upload .images__item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 110px;
  margin: 5px;
  overflow: hidden;
  background-color: #dee1e3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*&:nth-child(-n+2) { margin-top: 0; }
                &:nth-child(odd) { margin-left: 0; }
                &:nth-child(even) { margin-right: 0; }
                &:last-child { margin-bottom: 0; }*/
  /*img {
                    display: block;
                    // position: absolute;
                    // top: 0; right: 0; bottom: 0; left: 0;
                    max-height: 100%;
                }*/
}

.group .upload .images__item:empty {
  background-color: transparent;
}

.group .upload .images__item span {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 2;
  cursor: pointer;
  font-size: 24px;
}

.group .upload .images__item span i {
  color: #979797;
}

.group .upload .images__item .image-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  max-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.group .upload .images__item .image-wrapper img {
  width: 100%;
  height: auto;
}

.group .upload .images__item .image-wrapper img[src=""] {
  display: none;
}

.group__radio,
.group__checkbox {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group__radio input[type="radio"],
.group__radio input[type="checkbox"],
.group__checkbox input[type="radio"],
.group__checkbox input[type="checkbox"] {
  display: none;
}

.group__radio label,
.group__checkbox label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.group__radio label::before,
.group__checkbox label::before {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-right: 14px;
  content: '';
  background-image: url("/img/checkbox-radio.svg");
  background-repeat: no-repeat;
  background-size: 60px 90px;
  background-position: 0px 0px;
}

.group__radio--error span,
.group__checkbox--error span {
  display: inline-block;
  margin-top: 5px;
  color: #c82e2d;
  font-size: 0.6875em;
}

.group__radio input[type="radio"]:checked + label::before,
.group__checkbox input[type="radio"]:checked + label::before {
  background-position: -30px -30px;
}

.group__radio input[type="checkbox"]:checked + label::before,
.group__checkbox input[type="checkbox"]:checked + label::before {
  background-position: 0px -30px;
}

.group__radio label::before {
  background-position: -30px 0px;
}

span.is-error {
  display: inline-block;
  margin-top: 5px;
  color: #c82e2d;
  font-size: 0.6875em;
}

@media screen and (min-width: 768px) {
  .group .upload .images__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333% - 20px);
            flex: 0 0 calc(33.333% - 20px);
    height: 150px;
    margin: 10px 0;
    background-color: #dee1e3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*&:nth-child(odd) { margin-left: 10px; }
                    &:nth-child(even) { margin-right: 10px; }
                    &:nth-child(-n+3) { margin-top: 0; }
                    &:nth-child(3n+1) { margin-left: 0; }
                    &:nth-child(3n+3) { margin-right: 0; }*/
  }

  .select::after {
    display: block;
  }
}

.page-block {
  padding: 2em 0;
}

.page-block__img.der-shop a {
  width: 100%;
  margin-bottom: 1em;
}

.page-block__img .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1em;
}

.page-block__img .wrapper .content-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.page-block__img .wrapper .content-wrapper.text-wrapper {
  padding: 0 2%;
}

.page-block__img .wrapper .content-wrapper.text-wrapper .title {
  padding-bottom: 1em;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75em;
  color: #1d1f20;
}

.page-block__img .wrapper .content-wrapper.text-wrapper .title a {
  color: #1d1f20;
}

.page-block__img .wrapper .content-wrapper.text-wrapper .text {
  padding-bottom: 1em;
  line-height: 25px;
}

.page-block__img .wrapper .content-wrapper.img-wrapper {
  padding-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-block__img .wrapper .content-wrapper.img-wrapper .page-block-img {
  max-height: 40vh;
  width: auto;
}

.page-block__img--left .wrapper {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.page-block__text .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 3em 1em;
}

.page-block__text .wrapper .block-title {
  width: 100%;
  padding-bottom: 1em;
  text-align: center;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75em;
  color: #1d1f20;
}

.page-block__text .wrapper .block-title a {
  color: #1d1f20;
}

.page-block__text .wrapper .content-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2em;
}

.page-block__text .wrapper .content-wrapper.text-wrapper .title,
.page-block__text .wrapper .content-wrapper.text-wrapper .subtitle {
  padding-bottom: 1em;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75em;
  color: #1d1f20;
}

.page-block__text .wrapper .content-wrapper.text-wrapper .title a,
.page-block__text .wrapper .content-wrapper.text-wrapper .subtitle a {
  color: #1d1f20;
}

.page-block__text .wrapper .content-wrapper.text-wrapper .subtitle {
  font-size: 1.375em;
}

.page-block__text .wrapper .content-wrapper.text-wrapper .text {
  padding-bottom: 2em;
  line-height: 25px;
}

.page-block__text .wrapper .content-wrapper.text-wrapper .text a {
  color: #1d1f20;
}

.page-block__text--col4 .wrapper .content-wrapper {
  width: 100%;
}

.page-block__text--col4 .wrapper .content-wrapper.text-wrapper .text {
  padding-bottom: 0.2em;
  line-height: 25px;
}

.programs p.subtitle a,
.programs p.subtitle a:visited,
.programs p.subtitle a:focus,
.programs p.subtitle a:hover {
  color: #0099da !important;
}

@media screen and (min-width: 768px) {
  .page-block__text .wrapper .content-wrapper {
    width: 50%;
  }

  .page-block__text .wrapper .block-title {
    font-size: 2.8125em;
  }

  .page-block__text--col4 .wrapper .content-wrapper {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) {
  .page-block__img.der-shop a {
    width: auto;
  }
}

@media screen and (min-width: 1024px) {
  .page-block.landing .page-block-img {
    max-height: 500px !important;
  }

  .page-block.landing .wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .page-block.landing .wrapper .text-wrapper {
    padding: 0;
  }

  .page-block__img .wrapper {
    padding: 3em 1em;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .page-block__img .wrapper .content-wrapper {
    width: 50%;
  }

  .page-block__img .wrapper .content-wrapper.text-wrapper .title {
    font-size: 2.8125em;
  }

  .page-block__img .wrapper .content-wrapper.text-wrapper .subtitle {
    font-size: 1.375em;
  }

  .page-block__img--right .img-wrapper {
    margin-left: 2em;
  }

  .page-block__img--right .img-wrapper img {
    -ms-flex-item-align: end;
        align-self: flex-end;
    max-width: 100%;
    height: auto;
  }

  .page-block__img--left .img-wrapper {
    margin-right: 2em;
  }

  .page-block__img--left .img-wrapper img {
    -ms-flex-item-align: start;
        align-self: flex-start;
    max-width: 100%;
    height: auto;
  }

  .page-block__text--col4 .wrapper .content-wrapper {
    width: 25%;
  }

  .page-block__text--col4 .wrapper .content-wrapper.text-wrapper {
    padding: 0 1em;
  }

  .page-block__text--col4 .wrapper .content-wrapper.text-wrapper:first-of-type {
    padding-left: 3em;
  }

  .page-block__text--col4 .wrapper .content-wrapper.text-wrapper:last-of-type {
    padding-right: 3em;
  }
}

.hero {
  background-color: #fbfbfc;
}

.hero .hero-banner {
  max-width: 100%;
  height: auto;
}

.countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.5em 0;
  background-color: #0099da;
  color: #ffffff;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.countdown a,
.countdown a:focus,
.countdown a:visited {
  display: block;
  color: #ffffff;
  font-size: 1.625em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.countdown .date {
  font-size: 1.625em;
  padding-bottom: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.countdown .counter {
  font-size: 1.125em;
  padding: 0 0.75em;
}

.countdown .counter .section {
  margin-right: 0.8em;
}

.countdown .counter .section:last-of-type {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .countdown .date {
    font-size: 3.75em;
  }

  .countdown .counter {
    font-size: 2.5em;
    padding: 0;
  }
}

.gallery-block {
  /*.wrapper {*/
  /*}*/
}

.gallery-block .block-title {
  padding-bottom: 1em;
  text-align: center;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.75em;
  color: #1d1f20;
}

.gallery-block .block-title a {
  color: #1d1f20;
}

.gallery-block .grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gallery-block .grid-container .grid-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  width: 50%;
  border: 2px solid #ffffff;
}

.gallery-block .grid-container .grid-item .page-block-img {
  width: 100%;
  height: auto;
  -webkit-transition: all 1.2s;
  /* Safari */
  transition: all 1.2s;
}

.gallery-block .grid-container .grid-item:hover .page-block-img {
  /* IE 9 */
  -webkit-transform: scale(1.2) rotate(5deg);
  /* Safari */
  transform: scale(1.2) rotate(5deg);
}

@media screen and (min-width: 768px) {
  .gallery-block {
    /*.wrapper {*/
    /*}*/
  }

  .gallery-block .block-title {
    font-size: 2.8125em;
  }

  .gallery-block .grid-container .grid-item {
    width: 33%;
  }
}

@media screen and (min-width: 1024px) {
  .gallery-block {
    /*.wrapper {*/
    /*}*/
  }

  .gallery-block .grid-container .grid-item {
    width: 25%;
  }
}

.video-block .block-title {
  padding-bottom: 1em;
  text-align: center;
  font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 2.8125em;
  color: #1d1f20;
}

.video-block .video-wrapper {
  padding: 0 2em;
}

.video-block .video-wrapper .video {
  position: relative;
  height: 0;
  padding: 0px 0 56.25% 0;
  overflow: hidden;
}

.video-block .video-wrapper .video iframe,
.video-block .video-wrapper .video object,
.video-block .video-wrapper .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map-block {
  position: relative;
  text-align: left;
  /*.wrapper {
        position: relative;*/
  /*}*/
}

.map-block .map-overlay {
  display: none;
}

.map-block iframe {
  pointer-events: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
}

.map-block iframe .place-card {
  display: none;
}

@media screen and (min-width: 768px) {
  .map-block {
    /*.wrapper {*/
  }

  .map-block .map-overlay {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10em 0 5em 5em;
    padding: 4em 3em;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
  }

  .map-block .map-overlay .title {
    width: 100%;
    font-family: "VW Head", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.375em;
    color: #1d1f20;
    padding-bottom: 1em;
  }

  .map-block .map-overlay .address {
    width: 100%;
    line-height: 1.5;
    padding-bottom: 1em;
  }

  .map-block iframe {
    position: absolute;
    height: 100%;
  }

  /*}*/
}

.trackday-title {
  margin-bottom: 0.5em !important;
}

.trackday-subtitle {
  font-size: 2rem;
  margin: 0.5em 0;
}

.time-table h3 {
  font-size: 2em;
  margin: 0 0 1em;
}

.time-table table {
  display: block;
  width: 100%;
  margin: 0 0 2em;
  overflow: auto;
}

.time-table table thead th,
.time-table table tbody td {
  padding: 1em;
}

.time-table table thead th:last-of-type,
.time-table table tbody td:last-of-type {
  width: 100%;
}

.time-table table thead th {
  background-color: rgba(0, 153, 218, 0.25);
}

.time-table table tbody tr:nth-child(odd) {
  background-color: rgba(0, 153, 218, 0.1);
}

.time-table table tbody tr:nth-child(even) {
  background-color: rgba(0, 153, 218, 0.15);
}

.time-table table tbody tr td:nth-child(2) {
  min-width: 100px;
}

