.skeleton-loader{background-color:#e0e0e0;border-radius:4px;animation:shimmer 1.5s infinite linear;display:inline-block;width:100%;height:100%}.skeleton-breadcrumbs{height:24px;width:10%;margin-bottom:24px}.skeleton-label{height:24px;width:70%;margin-bottom:16px}.skeleton-title{display:block;height:60px;width:50%;margin-bottom:16px}.skeleton-text{height:16px;width:100%;margin-bottom:8px}.skeleton-profile{height:50px;width:50px;border-radius:50%}.skeleton-table{height:400px;width:100%}.skeleton-page{display:flex;flex-direction:column;justify-content:center;padding:3em;margin-bottom:5em}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.skeleton-loader{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%}@layer fonts{@font-face{font-family:VWAGTheSans-Regular;src:local("VWAGTheSans-Regular"),url(/assets/VWAGTheSans-Regular-PAdhRbaf.woff2) format("woff2"),url(/assets/VWAGTheSans-Regular-GSYoBt-E.woff) format("woff"),url(/assets/VWAGTheSans-Regular-n19tQszD.eot) format("eot"),url(/assets/VWAGTheSans-Regular-C19Krzzq.svg) format("svg")}@font-face{font-family:VWAGTheSans-Bold;src:local("VWAGTheSans-Bold"),url(/assets/VWAGTheSans-Bold-fzNK69BV.woff2) format("woff2"),url(/assets/VWAGTheSans-Bold-aP8JBcpI.woff) format("woff"),url(/assets/VWAGTheSans-Bold-DwpccQRZ.eot) format("eot"),url(/assets/VWAGTheSans-Bold-wWflc_28.svg) format("svg");font-weight:700}@font-face{font-family:VWAGTheSans-Light;src:local("VWAGTheSans-Light"),url(/assets/VWAGTheSans-Light-DKk35Ro1.woff2) format("woff2"),url(/assets/VWAGTheSans-Light-DjbgXwlH.woff) format("woff"),url(/assets/VWAGTheSans-Light-BJ-HO1Yr.eot) format("eot"),url(/assets/VWAGTheSans-Light-Fjpf7yXn.svg) format("svg")}@font-face{font-family:VWAGTheAntiqua-Regular;src:local("VWAGTheAntiqua-Regular"),url(/assets/VWAGTheAntiqua-Regular-DpW3Luep.woff2) format("woff2"),url(/assets/VWAGTheAntiqua-Regular-DCcUDjty.woff) format("woff"),url(/assets/VWAGTheAntiqua-Regular-Mtg-6OVM.eot) format("eot"),url(/assets/VWAGTheAntiqua-Regular-UlYq6g66.svg) format("svg")}@font-face{font-family:VWAGTheAntiqua-Bold;src:local("VWAGTheAntiqua-Bold"),url(/assets/VWAGTheAntiqua-Bold-D0vmDwM6.woff2) format("woff2"),url(/assets/VWAGTheAntiqua-Bold-DLffpKRo.woff) format("woff"),url(/assets/VWAGTheAntiqua-Bold-CSB6mBgg.eot) format("eot"),url(/assets/VWAGTheAntiqua-Bold-BxkrzD7p.svg) format("svg")}}:root{--primary-color: #004666;--primary-color-button: #20607e;--secondary-color: #ffffff;--tertiarty-color: #002d42;--disabled-color-primary: #006384;--disabled-color-secondary: #c8c8c8;--input-base-color: #a8adb3;--background-color: #edf0f2;--subtle-color: #4c5356;--dark-color: #34393b;--black-color: #000000;--light-color: #edf0f2;--shadow-color: #bdc1c7;--neutral-color: #a8adb3;--grey-color: #797b80;--danger-color: #a21e4d;--warning-color: #d8aa00;--success-color: #95a844;--info-color: #80b0c8;--card-border: #dfe2e6;--card-header: #565e61}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:vwag-the-sans-regular,sans-serif}body,html{line-height:1.5;background-color:var(--background-color);font-size:100%;font-family:VWAGTheSans-Regular}ol,ul{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-family:VWAGTheSans-Bold;letter-spacing:.1px}a{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:currentColor}h1:not([class]),h2:not([class]),h3:not([class]),h4:not([class]),h5:not([class]),h6:not([class]){margin-block:.25em;line-height:1.25;text-wrap:balance;letter-spacing:-.05ch}p:not([class]),ol:not([class]),ul:not([class]){margin-block:.5em}ol:not([class]),ul:not([class]){padding-inline-start:1.5em;list-style:revert}li:not([class]){margin-block:.5em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}}@layer styles{@layer text{h1{margin-top:.5em;font-style:normal;font-weight:700;font-size:46px;line-height:130%;color:#35718e;background-color:transparent;border:none}h2{font-style:normal;font-weight:700;font-size:20px;line-height:150%;color:#4c5356}h3{font-style:normal;font-weight:700;font-size:16px;line-height:150%;color:#4c5356}p{font-style:normal;font-weight:400;font-size:13px;line-height:150%;color:#565e61}}@layer layout{header{display:flex;padding:1em;flex-direction:row;align-items:center;justify-content:space-between;padding-inline:20px;border-bottom:4px solid var(--primary-color);color:var(--primary-color);background-color:#fff;font-size:medium;width:100%;top:0;z-index:10;height:10vh;grid-area:header}aside{display:flex;grid-area:drawer;box-shadow:0 2px 8px #0003;height:100vh;position:relative}aside nav{font-family:VWAGTheSans-Regular;width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-top:1rem;background-color:#fff;overflow-x:hidden;overflow-y:auto;max-height:100vh}aside nav ul{width:100%;list-style:none;padding:0;margin:0}aside nav li{width:100%;font-style:normal;font-size:16px;line-height:24px;display:flex;align-items:center;letter-spacing:.2px}aside nav li a{display:block;width:100%;padding:1rem;color:#20607e;text-decoration:none}aside nav li a:not(.active):hover{animation:slide__right .3s forwards}aside nav li .active{font-family:VWAGTheSans-Bold;font-weight:700;font-size:18px;line-height:24px;border-left:4px solid var(--primary-color)}}@layer links{a{transition-duration:.3s}a.a-btn{box-shadow:0 4px 6px #0000003d;color:var(--secondary-color);cursor:pointer;display:inline-block;font-family:VWAGTheSans-Bold;font-size:.875em;letter-spacing:5.8px;line-height:3.5em;text-align:center;text-decoration:none;text-transform:uppercase;touch-action:manipulation;vertical-align:middle;white-space:nowrap;background-color:var(--secondary-color);color:var(--primary-color);margin:8px 15%;width:70%;border-radius:2px}a.btn-secondary{font-size:.875em;letter-spacing:1.8px;line-height:3.5em;background-color:none;color:#fff;text-decoration:none;text-transform:uppercase;font-family:VWAGTheSans-Bold;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid #fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:0px 4px 6px 0px rgba(0,0,0,.24);-moz-box-shadow:0px 4px 6px 0px rgba(0,0,0,.24);-ms-box-shadow:0px 4px 6px 0px rgba(0,0,0,.24);-o-box-shadow:0px 4px 6px 0px rgba(0,0,0,.24);box-shadow:0 4px 6px #0000003d}a.btn-text{font-size:.875em;letter-spacing:1.8px;line-height:3.5em;width:100%;color:#006384;text-decoration:none;text-transform:uppercase;font-family:VWAGTheSans-Bold;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer}a.link{color:#006384;text-decoration:none;display:inline-block;white-space:nowrap;touch-action:manipulation;cursor:pointer}a.darkLink{color:gray;text-decoration:none;display:inline-block;white-space:nowrap;touch-action:manipulation;cursor:pointer}a.darkLink:hover{color:gray;opacity:.6}a.btn:hover{background-color:#004666}a.btn-text:hover,a.link:hover{color:#004666}}@layer table{div:has(>table){overflow-x:scroll}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px;text-align:left;background-color:#fff;border-radius:8px;overflow:hidden}thead{flex:none;order:0;flex-grow:0;font-style:normal;font-weight:700;font-size:16px;line-height:150%;color:#4c5356}tbody{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#565e61;flex:none;order:0;flex-grow:1}thead th{padding:12px;border-bottom:2px solid #ddd}tbody tr{border-bottom:1px solid #dfe2e6}tbody td{padding:12px}tbody tr:hover{background-color:#f1f1f1}tbody th{background-color:var(--primary-color)}tbody th p{display:flex;align-content:center;justify-content:center;padding:1em}tbody th p span{color:#fff}}@layer input{input{color:var(--text-color);display:inline-flex;align-items:center;cursor:pointer;gap:8px}input:checked{accent-color:var(--primary-color)}input[type=text],input[type=number]{width:100%;padding:.5em;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=checkbox]{opacity:1;width:20px;height:20px}input[type=checkbox]+.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:25px}input[type=checkbox]+.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3.5px;background-color:#fff;transition:.4s;border-radius:50%}input[type=checkbox]:checked+.slider{background-color:var(--primary-color)}input[type=checkbox]:checked+.slider:before{transform:translate(24px)}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus{border-color:var(--primary-color);outline:none}input[type=date]{width:100%;padding:.38em;font-size:1rem;line-height:150%;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}}@layer textarea{textarea{color:var(--text-color);display:inline-flex;align-items:center;cursor:pointer;gap:8px;width:100%;padding:.5em;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;resize:vertical}textarea:focus{border-color:var(--primary-color);outline:none}}@layer others{img{max-width:100%;height:"auto";width:"auto"}label{display:flex;font-size:1rem;flex-direction:column;color:var(--text-color)}select{font-style:normal;font-weight:700;font-size:18px;line-height:150%;width:100%;padding:.5em;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:"border-box"}select:focus{outline:none}form{display:flex;flex-direction:column;gap:1rem}.switch{position:relative;display:inline-block;width:50px;height:25px}}@media (max-width: 768px){table{font-size:14px}thead th,tbody td{padding:10px}}}@keyframes spinner__animation{to{transform:rotate(360deg)}}@keyframes slide__right{0%{transform:translate(0)}to{transform:translate(5px)}}.elem__hover{transform:scale(1)}.elem__hover:hover{transform:scale(1.1);transition:.25s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn .25s ease-in-out}.fade-out{animation:fadeOut .15s ease-in-out}.layout{overflow:hidden;display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "drawer content";max-height:100vh}.layout__content{flex-grow:1;padding:1rem;background-color:#ecf0f1;overflow-y:auto;width:100%;max-height:100vh;grid-area:content;position:relative}.breadcrumbs{font-size:14px;font-family:vwag-the-sans-bold;color:#555}.breadcrumb{display:flex;align-items:center;flex-direction:row;font-style:normal;font-weight:700;font-size:16px;line-height:150%;letter-spacing:.2px;color:#a8adb3;list-style:none}.breadcrumb a{text-decoration:none;font-style:normal;font-weight:700;font-size:16px;line-height:150%;letter-spacing:.2px;color:#20607e;margin-right:8px}.breadcrumb a:hover{color:#20607e;text-decoration:underline}.breadcrumb span{margin-right:8px}.card{margin-top:1em;filter:drop-shadow(0px 2px 6px rgba(0,0,0,.16));background:var(--secondary-color);border:1px solid var(--card-border);box-sizing:border-box;border-radius:8px;font-style:normal;font-weight:400;font-size:12px;line-height:150%}.card hr{border:1px solid var(--neutral-color)}.card__login{padding:1em;display:flex;flex-direction:column;gap:1em;align-items:center;justify-content:center;text-align:center;color:var(--neutral-color);font-style:normal;font-weight:400;font-size:12px;line-height:150%;text-decoration:none;background:var(--secondary-color);border:1px solid var(--card-border);box-sizing:border-box;border-radius:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:10px}.pagination button{border:none;color:#35718e;cursor:pointer;transition:background .3s;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;border-radius:25px;flex:none;order:1;flex-grow:0}.pagination .button__next{background-color:transparent;color:#35708ea7;font-size:larger}.toast{position:fixed;background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 2px 5px #0003;font-size:14px;opacity:0;transition:.3s ease-in-out;display:flex;align-items:center;justify-content:space-between}.fadeIn{opacity:1;transition:.3s}.fadeOut{opacity:0;transition:.3s}.closeButton{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;margin-right:10px}.closeButton:hover{color:#aaa}.bottomRight{bottom:20px;right:20px}.bottomLeft{bottom:20px;left:20px}.topRight{top:20px;right:20px}.topLeft{top:20px;left:20px}.container__input{display:flex;align-items:center;gap:5px}.container__input--groups{display:flex;justify-content:space-between;align-items:flex-end;gap:1em}.container__input--group{display:flex;justify-content:flex-start;align-items:flex-end;gap:1em}.shadow{box-shadow:0 3px 5px #e9e9e9}.btn{display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;padding:8px 10px;transition:all .3s ease;font-weight:500;justify-content:space-evenly;width:8rem;height:1.5rem}.btn__primary{background-color:var(--primary-color-button);color:var(--secondary-color)}.btn__primary:hover{background-color:var(--primary-color);color:var(--secondary-color);box-shadow:0 4px 12px #0006;cursor:pointer}.btn__secondary{background-color:var(--secondary-color);color:var(--primary-color);border:1px solid var(--primary-color)}.btn__secondar:hover{background-color:var(--disabled-color-primary);box-shadow:none;cursor:not-allowed}.btn__icon{width:20px;height:20px}.btn__simple{border:none;background-color:transparent}.btn__simple:hover{cursor:pointer}.btn__close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.button__group{display:flex;justify-content:flex-end;gap:1rem;padding:1em;width:100%}.modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal__content{background:#fff;padding:20px;border-radius:8px;max-width:600px;width:100%;position:relative;box-shadow:0 4px 6px #0000001a}.modal__title{margin:0 0 15px;font-size:1.5rem;font-weight:700}.modal__close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal__actions{display:flex;justify-content:center;align-items:center;gap:1em}.modal__body{margin-top:10px}.logo{display:block;margin:0 auto;width:288px}.app-icon{width:80px;height:80px;background:#fff;margin:0 auto 8px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);-ms-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);-o-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);box-shadow:0 0 10px #0000003d}.app-icon-small{width:60px;height:60px;background:#fff;margin:0 auto 8px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);-ms-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);-o-box-shadow:0px 0px 10px 0px rgba(0,0,0,.24);box-shadow:0 0 10px #0000003d}.app-title{height:75px}.app-title-small{width:60%}.darkFooter{color:gray}.card-pf h2{margin:24px 0 8px;text-align:center}.card-pf a.btn{width:70%;margin:8px 15%;background-color:#fff;color:#004666}.card-pf a.btn-secondary{width:70%;margin:8px 15%;background-color:unset;color:#fff}.card-pf a.btn:hover{font-size:.875em;background-color:#edf0f2}.bg{z-index:1;position:fixed;height:100%;width:100%;left:0;right:0;top:0;bottom:0;background-image:url(/assets/bg-image-landingpage-BVc6iihZ.png);background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#004666}.landing-content{color:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%;z-index:2}.landing-content:before{-webkit-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;content:"";display:block;height:128px}.landing-content:after{-webkit-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;content:"";display:block;height:32px}.card-pf{flex-shrink:0;-webkit-flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0 0 48px;width:375px}.block{margin-top:24px}.landing-footer{z-index:2;bottom:24px;left:0;right:0;position:absolute;width:100%;height:48px;color:#fff;font-size:.875em;line-height:3em;text-align:center}.landing-footer nav{margin-bottom:0;line-height:22px}.landing-footer a.link{color:#fff}.landing-footer a.link:hover{color:#fff;opacity:.6}.iphone-container{position:relative;display:flex;flex-direction:column;width:100vw;max-width:900px;overflow-x:hidden}.iphone-content{flex-grow:1;padding-top:40px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.iphone-seperator{border-left:1px solid #e9e9e9;min-width:1px;height:400px}.content-box{min-height:250px;width:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:330px}.content-box:last-child{border:0px solid #e9e9e9}@media (max-width: 768px){.iphone-content{flex-direction:column;margin-left:30px;margin-right:30px}.iphone-seperator{border-bottom:1px solid #e9e9e9;height:1px;width:400px}.content-box{width:100%;border-right:0px solid #e9e9e9!important}.content-box:last-child{padding-top:24px}}.content-box>h2{color:#4c5356;font-family:VWAGTheSans-Bold;font-size:16px;line-height:20px}.content-box>p{max-width:500px;margin:0;padding:0 40px;color:#4c5356;font-family:VWAGTheSans-Light;font-size:16px;line-height:24px;margin-inline-end:0;margin-block-end:0;text-align:center}.content-box>.btn{padding:0 32px;margin:16px}.content-box>.qrcode{margin:20px}.qrcode{width:110px;height:110px}.legal-container{text-align:left;max-width:960px;margin:120px auto auto;padding:0 16px;line-height:24px}.legal-container h1{margin-top:24px;margin-bottom:16px;color:#004666;font-family:VWAGTheAntiqua-Regular;font-size:24px;line-height:32px}.legal-container h2{font-family:VWAGTheAntiqua-Bold;color:#4c5356}.legal-container h2{font-size:18px;padding:8px 0}.legal-container h3{font-size:16px}.legal-container p{font-family:VWAGTheSans-Light;font-size:16px;color:#4c5356;padding-bottom:24px}.legal-container strong{font-family:VWAGTheSans-Bold;color:#4c5356;font-size:16px}.legal-container li{font-family:VWAGTheSans-Light;font-size:16px;color:#4c5356}.legal-container a{color:#006384;font-family:VWAGTheSans-Regular;text-decoration-line:none}@media only screen and (max-width: 375px){.card-pf{width:100%;max-width:375px}.card-pf h2{margin:8px 0}.volkswagen-logo{width:100%}}@media only screen and (max-height: 540px){.iphoneModal .modalContainer{display:block;height:100%}}