@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-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-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 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}}