@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-content-image-bg__container{position:relative;margin:0 auto;width:100%;max-width:1920px;min-width:320px;padding:0 var(--dg-layout-margin);padding:56px 16px 56px 0;gap:32px;display:flex;flex-direction:column}
.cmp-content-image-bg__top{grid-area:top;padding:0 24px}
.cmp-content-image-bg__title{margin-bottom:20px}
.cmp-content-image-bg__title .cmp-title__text{font-weight:300;text-transform:uppercase;font-size:var(--dg-font-size-headline-m);line-height:var(--dg-font-height-headline-m);letter-spacing:var(--dg-font-letter-spacing-m);margin:0;word-break:break-word}
.cmp-content-image-bg__text .cmp-text,.cmp-content-image-bg__text .cmp-text p{font-weight:350;font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-content-image-bg__text .cmp-text a{text-decoration:underline}
.cmp-content-image-bg__image{grid-area:image;width:304px;height:304px}
.cmp-content-image-bg__image .cmp-image{height:100%}
.cmp-content-image-bg__image .cmp-image__image{height:100%;object-fit:cover;border-radius:0 var(--dg-border-radius-l,20px) var(--dg-border-radius-l,20px) 0}
.cmp-content-image-bg__blocks{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;grid-area:blocks-area;padding:0 var(--dg-layout-margin)}
.cmp-content-image-bg__block-text{position:relative;display:flex;margin:0;align-items:center;padding-left:46px}
.cmp-content-image-bg__block-text .cmp-text,.cmp-content-image-bg__block-text .cmp-text p{color:var(--dg-color-text-soft,#aeaeb7);font-weight:500;text-transform:uppercase;font-size:var(--dg-font-size-body-l);line-height:var(--dg-font-height-body-l);letter-spacing:var(--dg-font-letter-spacing-m)}
.cmp-content-image-bg__block-text .cmp-text a{color:var(--dg-color-text-soft,#aeaeb7);text-decoration:underline}
.cmp-content-image-bg__block-text:before{position:absolute;content:'';width:34px;height:34px;background-size:cover;background-position:center;background-repeat:no-repeat;top:50%;transform:translateY(-50%);background-color:var(--dg-global-color-neutral-10,#fafafa);left:0}
.cmp-content-image-bg__block-text--editable:before{content:none}
.cmp-content-image-bg__block-text--editable>.ico{position:absolute;left:0;width:34px;height:34px;top:50%;transform:translateY(-50%);mask:var(--ico-path) no-repeat 100% 100%;-webkit-mask:var(--ico-path) no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover;object-fit:cover;object-position:center;background-color:var(--dg-global-color-neutral-10,#fafafa)}
.cmp-content-image-bg__block-text--bullet{align-items:initial;padding-left:20px;min-height:auto}
.cmp-content-image-bg__block-text--bullet:before{content:"·";width:auto;height:auto;font-size:40px;line-height:40px;top:-10px;left:0;background-color:transparent;transform:none;position:absolute}
.cmp-content-image-bg__block-text--ico-time:before{mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-clock.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-clock.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.cmp-content-image-bg__block-text--ico-energy:before{mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-energy.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-energy.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.cmp-content-image-bg__block-text--ico-warranty:before{mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-warranty.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-warranty.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.cmp-content-image-bg__block-text--ico-mobile:before{mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-mobile.svg") no-repeat 100% 100%;-webkit-mask:url("../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/icons/ico-mobile.svg") no-repeat 100% 100%;-webkit-mask-size:cover;mask-size:cover}
.cmp-content-image-bg__cta{order:2;z-index:2;display:grid;grid-template-columns:repeat(1,1fr);gap:16px;grid-area:cta;padding:0 16px}
@media(min-width:480px){.cmp-content-image-bg__container{padding:64px 0}
.cmp-content-image-bg__image{width:416px;height:416px}
.cmp-content-image-bg__top,.cmp-content-image-bg__blocks,.cmp-content-image-bg__cta{padding:8px 24px 0}
}
@media(min-width:768px){.cmp-content-image-bg__container{grid-gap:32px;padding:80px 0}
.cmp-content-image-bg__top,.cmp-content-image-bg__blocks,.cmp-content-image-bg__cta{padding:0 32px}
.cmp-content-image-bg__title .cmp-title__text{font-weight:300;text-transform:uppercase;font-size:var(--dg-font-size-headline-m);line-height:var(--dg-font-height-headline-m);letter-spacing:var(--dg-font-letter-spacing-m);margin:0;word-break:break-word}
.cmp-content-image-bg__image{align-self:flex-end;width:613px;height:613px;border-radius:var(--dg-border-radius-l,20px) 0 0 var(--dg-border-radius-l,20px)}
.cmp-content-image-bg__image .cmp-image__image{border-radius:var(--dg-border-radius-l,20px) 0 0 var(--dg-border-radius-l,20px)}
.cmp-content-image-bg__blocks{grid-template-columns:repeat(2,1fr)}
.cmp-content-image-bg__button{margin:0;max-width:fit-content}
}
@media(min-width:1024px){.cmp-content-image-bg__container{display:grid;grid-gap:0 var(--dg-spacing-l-3);padding:80px 0 80px 32px;grid-template-areas:"top image" "blocks-area image" "cta image"}
.cmp-content-image-bg__image{width:413px;height:100%}
.cmp-content-image-bg__top,.cmp-content-image-bg__blocks,.cmp-content-image-bg__cta{padding:0}
.cmp-content-image-bg__top{margin-bottom:var(--dg-spacing-l-3)}
.cmp-content-image-bg__blocks{margin-bottom:var(--dg-spacing-l-3)}
}
@media(min-width:1440px){.cmp-content-image-bg__container{padding:54px 0 54px 40px;display:grid;grid-template-columns:repeat(2,1fr);gap:0;grid-column-gap:var(--dg-spacing-l-3);grid-template-rows:2fr auto 1fr}
.cmp-content-image-bg__image{grid-row:span 3 / span 3;grid-column-start:7;grid-column-end:13;grid-row-start:1;border-radius:var(--dg-border-radius-l,20px) 0 0 var(--dg-border-radius-l,20px);width:704px;height:704px}
.cmp-content-image-bg__top{grid-column-start:1;grid-column-end:7;grid-row-start:1;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:0}
.cmp-content-image-bg__blocks{grid-column-start:1;grid-column-end:7;margin-top:var(--dg-spacing-l-3);height:fit-content}
.cmp-content-image-bg__cta{grid-row-start:3;grid-column-start:1;grid-column-end:7;margin-top:0}
.cmp-content-image-bg__title .cmp-title__text{font-size:var(--dg-font-size-headline-m);line-height:var(--dg-font-height-headline-m);margin:0;word-break:break-word}
.cmp-content-image-bg__blocks{margin:var(--dg-spacing-l-3) 0;gap:32px}
.cmp-content-image-bg__block-text{padding-left:48px}
.cmp-content-image-bg__block-text:before{width:36px;height:36px}
.cmp-content-image-bg__block-text--editable>.ico{width:36px;height:36px}
}
@media(min-width:1920px){.cmp-content-image-bg__container{grid-gap:48px}
.cmp-content-image-bg__image{width:913px;height:913px}
}
@media(min-width:1921px){.cmp-content-image-bg__container{padding:80px var(--dg-layout-margin)}
.cmp-content-image-bg__image .cmp-image__image{border-radius:var(--dg-border-radius-l,20px)}
}