:host{position:fixed;inset:0;z-index:10000;display:block;width:100%;max-width:100vw;height:100vh;font:normal normal 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;color:#fbfcff;text-wrap:balance;opacity:0;visibility:hidden;pointer-events:none;transition:background-color .3s ease,opacity .3s ease,transform .3s ease,visibility 0s linear .3s}:host(.is-open){background-color:#0e0e12f2;opacity:1;visibility:visible;pointer-events:auto;transition:background-color .3s ease,opacity .3s ease,transform .3s ease,visibility 0s}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul[role=list],ol[role=list],ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;background:none;border:none;outline:none}html{line-height:1.5;-webkit-text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeSpeed;background-color:#fff;color:#000}a:not([class]){text-decoration-skip-ink:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus{outline:none}:focus-visible{outline:2px solid Highlight;outline-offset:2px}}@layer base{h1,.p-recommender-h1{font:normal normal 600 clamp(1.42rem,.94vw + 1.23rem,2.37rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif}h2,.p-recommender-h2{font:normal normal 600 clamp(1.27rem,.51vw + 1.16rem,1.78rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif}h3,.p-recommender-h3{font:normal normal 600 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif}h4,.p-recommender-h4{font: 600 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif}p{font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;white-space:pre-line}.p-recommender--btn-actions{margin-top:2rem}button,p-button{outline:4px solid transparent;outline-offset:0;transition:outline-color .25s cubic-bezier(.25,.1,.25,1),outline-offset .25s cubic-bezier(.25,.1,.25,1);cursor:pointer}button:focus-visible,p-button:focus-visible{outline-color:#1a44ea;outline-offset:-4px}ul li::marker{content:none}}@layer base{#app-root{height:100%;padding-block:2rem;overflow:clip auto;scrollbar-width:none}.pds-grid{--pds-grid-basic-span-one-fourth: span 3;margin:0 var(--pds-internal-grid-margin, 0);display:grid;padding:0 calc(50% - var(--pds-internal-grid-margin, 0px) - 1280px);grid-gap:clamp(16px,1.25vw + 12px,36px);max-width:var(--pds-internal-grid-width-max, 2560px);min-width:var(--pds-internal-grid-width-min, 320px);box-sizing:content-box;grid-template-columns:[full-start] minmax(0,var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start extended-start basic-start narrow-start] repeat(6,minmax(0,1fr)) [narrow-end basic-end extended-end wide-end] minmax(0,var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];--pds-internal-grid-safe-zone: max(22px, 10.625vw - 12px);--pds-grid-basic-span-one-half: span 3;--pds-grid-basic-span-one-third: span 2;--pds-grid-narrow-span-one-half: span 3;--pds-grid-basic-span-two-thirds: span 4;--pds-grid-extended-span-one-half: span 3}@media (min-width: 760px){.pds-grid{grid-template-columns:[full-start] minmax(0,var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [wide-start] minmax(0,1fr) [extended-start] minmax(0,1fr) [basic-start] repeat(2,minmax(0,1fr)) [narrow-start] repeat(8,minmax(0,1fr)) [narrow-end] repeat(2,minmax(0,1fr)) [basic-end] minmax(0,1fr) [extended-end] minmax(0,1fr) [wide-end] minmax(0,var(--pds-internal-grid-outer-column, calc(var(--pds-internal-grid-safe-zone) - clamp(16px, 1.25vw + 12px, 36px)))) [full-end];--pds-internal-grid-safe-zone: calc(5vw - 16px) ;--pds-grid-basic-span-one-half: span 6;--pds-grid-basic-span-one-third: span 4;--pds-grid-narrow-span-one-half: span 4;--pds-grid-basic-span-two-thirds: span 8;--pds-grid-extended-span-one-half: span 7}}@media (min-width: 1920px){.pds-grid{--pds-internal-grid-safe-zone: min(50vw - 880px, 400px)}}.pds-grid--basic{grid-column:basic-start/basic-end}.pds-grid--narrow{grid-column:narrow-start/narrow-end}.pds-grid-one-half{grid-column:basic-start/basic-end}@media (min-width: 1000px){.pds-grid-one-half:nth-child(odd){grid-column:basic-start/var(--pds-grid-basic-span-one-half)}.pds-grid-one-half:nth-child(2n){grid-column:var(--pds-grid-basic-span-one-half)/basic-end}}.pds-grid-one-third{grid-column:basic-start/basic-end}@media (min-width: 1000px) and (max-width: 1299px){.pds-grid-one-third:nth-child(odd){grid-column:basic-start/var(--pds-grid-basic-span-one-half)}.pds-grid-one-third:nth-child(2n){grid-column:var(--pds-grid-basic-span-one-half)/basic-end}}@media (min-width: 1300px){.pds-grid-one-third{grid-column:var(--pds-grid-basic-span-one-third)}.pds-grid-one-third:first-child,.pds-grid-one-third:nth-child(3n+1){grid-column:basic-start/var(--pds-grid-basic-span-one-third)}}.pds-grid-one-fourth{grid-column:basic-start/basic-end}@media (min-width: 1000px) and (max-width: 1299px){.pds-grid-one-fourth:nth-child(odd){grid-column:basic-start/var(--pds-grid-basic-span-one-half)}.pds-grid-one-fourth:nth-child(2n){grid-column:var(--pds-grid-basic-span-one-half)/basic-end}}@media (min-width: 1300px) and (max-width: 1759px){.pds-grid-one-fourth{grid-column:var(--pds-grid-basic-span-one-third)}.pds-grid-one-fourth:first-child,.pds-grid-one-fourth:nth-child(3n+1){grid-column:basic-start/var(--pds-grid-basic-span-one-third)}}@media (min-width: 1760px){.pds-grid-one-fourth{grid-column:var(--pds-grid-basic-span-one-fourth)}.pds-grid-one-fourth:first-child,.pds-grid-one-fourth:nth-child(4n+1){grid-column:basic-start/var(--pds-grid-basic-span-one-fourth)}}.p-recommender--actions{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:clamp(32px,2.75vw + 23px,76px)}#close-recommender{position:fixed;top:2rem;right:2rem;z-index:10001;width:40px;height:40px;background-color:#0e0e12;line-height:1;transition:background-color .25s cubic-bezier(.25,.1,.25,1)}#close-recommender:hover{background-color:#9495982e}}@layer components{.p-recommender-image-card--content{padding:1rem 1.5rem}}@layer components{.p-recommender-image-card{position:relative;display:grid;align-items:flex-end;aspect-ratio:2/1.5;border-radius:12px;outline:4px solid transparent;outline-offset:0;overflow:hidden;transition:opacity .25s cubic-bezier(.25,.1,.25,1),border .25s cubic-bezier(.25,.1,.25,1),outline-color .25s cubic-bezier(.25,.1,.25,1),outline-offset .25s cubic-bezier(.25,.1,.25,1)}@media (min-width: 1000px){.p-recommender-image-card{aspect-ratio:2/1.25}}.p-recommender-image-card:not(:has(button[disabled])):hover img{transform:scale3d(1.05,1.05,1.05)}.p-recommender-image-card:has(button[disabled]){opacity:.5}.p-recommender-image-card:has(button[disabled]) button{cursor:default}.p-recommender-image-card--image{position:relative;z-index:-1;grid-row:1/-1;grid-column:1/-1;width:100%;height:100%;overflow:hidden}.p-recommender-image-card--image:after{position:absolute;inset:50% 0 0;z-index:1;content:"";background:linear-gradient(to top,#000c 0% 8.1%,#000c 15.5% 22.5%,#000000c7 29%,#000000ba 35.3%,#000000ab,#0009 47.1%,#00000085 52.9%,#00000070,#00000054 64.7%,#00000038 71%,#0000001f 77.5%,#0000000d 84.5%,#00000003 91.9%,#0000)}.p-recommender-image-card--image img{width:100%;height:100%;object-fit:cover;transition:transform .25s cubic-bezier(.25,.1,.25,1)}.p-recommender-image-card--content{display:grid;gap:1rem;grid-row:1/-1;grid-column:1/-1;padding:2rem;color:#fbfcff}.p-recommender-image-card--button,.p-recommender-image-card--additional-car-button{position:absolute;inset:0;border-radius:12px}.p-recommender-image-card.is-selected{outline:4px solid #fbfcff;outline-offset:-4px}.p-recommender-image-card.is-selected:has(button[disabled]){opacity:1}}@layer components{@media screen and (min-width: 1000px){.pds-grid-one-half:nth-child(odd):last-child{grid-column:7/var(--pds-grid-basic-span-one-half)}}}@layer components{.p-recommender-loading-screen{display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center}.p-recommender-loading-screen--wrapper{display:grid;justify-content:center}.p-recommender-loading-screen p-spinner{justify-content:center;margin-top:clamp(8px,.5vw + 6px,16px)}.p-recommender--error-overlay{position:absolute;top:50%;left:50%;translate:-50% -50%}}@layer components{.p-recommender-start-screen{display:flex;flex-direction:column;justify-content:center;height:100%;text-align:center}.p-recommender-start-screen h1{margin-bottom:clamp(8px,.5vw + 6px,16px)}.p-recommender-start-screen .p-recommender-h2,.p-recommender-start-screen .p-recommender-description{margin-bottom:clamp(16px,1.25vw + 12px,36px)}}@layer components{@media screen and (max-width: 1300px){.p-recommender-step-titles.pds-grid--narrow{grid-column:basic-start/basic-end}}.p-recommender-heading-group{row-gap:clamp(8px,.5vw + 6px,16px);margin-bottom:2rem;text-align:center}.p-recommender-heading-group p{font-weight:400}}@layer components{.p-recommender-teaser-card{display:flex;flex-direction:column;height:100%;color:#010205;background-color:#fff;border-radius:12px;overflow:hidden;transition:background-color .25s cubic-bezier(.25,.1,.25,1)}.p-recommender-teaser-card:hover img{transform:scale3d(1.05,1.05,1.05)}.p-recommender-teaser-card--image{position:relative;z-index:0;flex-shrink:0;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden}.p-recommender-teaser-card--image:after{position:absolute;inset:50% 0 0;z-index:1;content:"";background:linear-gradient(to top,#000c 0% 8.1%,#000c 15.5% 22.5%,#000000c7 29%,#000000ba 35.3%,#000000ab,#0009 47.1%,#00000085 52.9%,#00000070,#00000054 64.7%,#00000038 71%,#0000001f 77.5%,#0000000d 84.5%,#00000003 91.9%,#0000)}.p-recommender-teaser-card--image img{width:100%;height:100%;object-fit:cover;transition:transform .25s cubic-bezier(.25,.1,.25,1)}.p-recommender-teaser-card--content{display:flex;flex-direction:column;gap:clamp(16px,1.25vw + 12px,36px);height:100%;padding:clamp(16px,1.25vw + 12px,36px) clamp(8px,.5vw + 6px,16px)}.p-recommender-teaser-card--content p-button,.p-recommender-teaser-card--content p-link{align-self:flex-start;margin-top:auto}.p-recommender-teaser-card--headline{margin-bottom:-1.25rem}.p-recommender-teaser-card--description-wrapper ul{list-style:none;padding:0;margin:16px 0}.p-recommender-teaser-card--description-wrapper ul li{position:relative;padding-left:22px;margin-bottom:8px}.p-recommender-teaser-card--description-wrapper ul li:before{content:"";position:absolute;left:5px;top:10px;width:5px;height:5px;background-color:currentColor}.p-recommender-teaser-card--description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-bottom:clamp(4px,.25vw + 3px,8px);white-space:pre-line;overflow:hidden;font:normal normal 400 clamp(.81rem,.23vw + .77rem,.88rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.p-recommender-teaser-card--description p{font:normal normal 400 clamp(.81rem,.23vw + .77rem,.88rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.p-recommender-teaser-card--modal-body,.p-recommender-teaser-card--modal-body p{font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.p-recommender-teaser-card--modal-action{margin-top:2rem}.p-recommender-teaser-card p-modal p{white-space:pre-line}.p-recommender-teaser-card--infos{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 760px){.p-recommender-teaser-card--infos{grid-template-columns:1fr 1fr}}@media (min-width: 1300px){.p-recommender-teaser-card--infos{grid-template-columns:1fr}}@media (min-width: 1760px){.p-recommender-teaser-card--infos{grid-template-columns:1fr 1fr}}.p-recommender-teaser-card--infos-item{display:flex;gap:.5rem}.p-recommender-teaser-card--infos-item p-icon{flex-shrink:0}.p-recommender-teaser-card--infos-item .values{line-height:1}.p-recommender-teaser-card--infos-item .value{font: 400 1rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.p-recommender-teaser-card--infos-item .value--extra{font:normal normal 400 clamp(.81rem,.23vw + .77rem,.88rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.p-recommender-teaser-card--own-car-info{display:flex;gap:.5rem}.p-recommender-teaser-card--own-car-info-text{font:normal normal 400 clamp(.81rem,.23vw + .77rem,.88rem)/ calc(6px + 2.125ex) "Porsche Next","Arial Narrow",Arial,"Heiti SC",SimHei,sans-serif;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}@layer reset,base,components;