@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@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{background-color:var(--color-bg-01);position:relative;padding:48px 0}
@media(min-width:764px){.cmp-content-image-bg{padding:64px 0}
}
@media(min-width:1016px){.cmp-content-image-bg{padding:64px 0}
}
@media(min-width:1436px){.cmp-content-image-bg{padding:96px 0}
}
.cmp-content-image-bg__container{margin:0 auto;width:100%;max-width:1436px;padding:0 16px;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:40px}
.cmp-content-image-bg__top{z-index:2;order:0}
.cmp-content-image-bg__title{margin:0}
.cmp-content-image-bg__title .cmp-title__text{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;text-transform:uppercase;font-size:30px;line-height:40px;margin:0}
.cmp-content-image-bg__text{margin:16px 0 0}
.cmp-content-image-bg__text .cmp-text,.cmp-content-image-bg__text .cmp-text p{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;font-size:18px;line-height:24px}
.cmp-content-image-bg__text .cmp-text a{color:var(--color-font-03);text-decoration:underline}
.cmp-content-image-bg__image{order:1;position:relative;margin:0;overflow:hidden;width:100%;height:375px}
.cmp-content-image-bg__image .cmp-image__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cmp-content-image-bg__image:before{z-index:1;position:absolute;content:'';width:100%;height:100%;background:linear-gradient(180deg,rgba(27,27,27,0) 13%,#1b1b1b 93%)}
.cmp-content-image-bg__blocks{order:2;z-index:2;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:32px;padding:0 16px}
.cmp-content-image-bg__block-text{position:relative;display:flex;margin:0;padding-left:56px;min-height:40px;align-items:center}
.cmp-content-image-bg__block-text .cmp-text p{color:var(--color-font-03);font-family:'CupraBook',sans-serif;font-weight:350;font-size:14px;line-height:16px}
.cmp-content-image-bg__block-text .cmp-text p>a{color:var(--color-font-03);text-decoration:underline}
.cmp-content-image-bg__block-text:before{position:absolute;content:'';width:40px;height:40px;background-size:cover;background-position:center;background-repeat:no-repeat;top:50%;transform:translateY(-50%);left:0;background-color:var(--color-font-03)}
.cmp-content-image-bg__block-text--editable:before{content:none}
.cmp-content-image-bg__block-text--editable>.ico{position:absolute;left:0;width:40px;height:40px;top:50%;transform:translateY(-50%);background-color:var(--color-font-03);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}
.cmp-content-image-bg__block-text--bullet{align-items:initial;color:var(--color-font-03);padding-left:12px;min-height:auto}
.cmp-content-image-bg__block-text--bullet:before{content:"·";width:auto;height:auto;font-size:14px;line-height:16px;font-family:'CupraBold',sans-serif;top:0;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);grid-gap:16px}
.cmp-content-image-bg__button{margin:0 auto;max-width:264px;width:100%}
@media(min-width:764px){.cmp-content-image-bg__container{grid-gap:32px;padding:0 24px}
.cmp-content-image-bg__top{position:relative;width:83%}
.cmp-content-image-bg__title{max-width:694px}
.cmp-content-image-bg__title .cmp-title__text{font-size:40px;line-height:48px;margin:0}
.cmp-content-image-bg__text{margin:24px 0 0}
.cmp-content-image-bg__text .cmp-text,.cmp-content-image-bg__text .cmp-text p{font-size:20px;line-height:24px}
.cmp-content-image-bg__text .cmp-text a{text-decoration:underline}
.cmp-content-image-bg__image{position:absolute;top:0;left:0;width:100%;height:100%}
.cmp-content-image-bg__image:before{background:linear-gradient(90deg,#1b1b1b 0,rgba(27,27,27,0) 100%),linear-gradient(180deg,rgba(27,27,27,0) 12.97%,#1b1b1b 92.82%)}
.cmp-content-image-bg__blocks{grid-template-columns:repeat(2,1fr);padding:0 16px;grid-gap:32px}
.cmp-content-image-bg__block-text{padding-left:64px;min-height:64px}
.cmp-content-image-bg__block-text:before{width:48px;height:48px}
.cmp-content-image-bg__block-text--editable>.ico{width:48px;height:48px}
.cmp-content-image-bg__block-text--bullet{padding-left:12px;min-height:auto}
.cmp-content-image-bg__block-text--bullet:before{width:auto;height:auto}
.cmp-content-image-bg__button{margin:0;max-width:146px}
}
@media(min-width:1016px){.cmp-content-image-bg__container{grid-gap:40px;padding:0 48px}
.cmp-content-image-bg__top{width:75%}
.cmp-content-image-bg__block-text .cmp-text p{font-size:16px;line-height:20px}
.cmp-content-image-bg__block-text .cmp-text p>a{text-decoration:underline}
.cmp-content-image-bg__block-text--bullet:before{font-size:16px;line-height:20px}
.cmp-content-image-bg__button{max-width:204px}
}
@media(min-width:1436px){.cmp-content-image-bg__container{grid-gap:64px;padding:0 58px}
.cmp-content-image-bg__top{width:66.7%}
.cmp-content-image-bg__title .cmp-title__text{font-size:48px;line-height:56px;margin:0}
.cmp-content-image-bg__text .cmp-text,.cmp-content-image-bg__text .cmp-text p{font-size:24px;line-height:32px}
.cmp-content-image-bg__text .cmp-text a{text-decoration:underline}
.cmp-content-image-bg__blocks{grid-gap:48px;width:66.7%}
.cmp-content-image-bg__block-text{padding-left:78px}
.cmp-content-image-bg__block-text .cmp-text p{font-size:20px;line-height:24px}
.cmp-content-image-bg__block-text .cmp-text p>a{text-decoration:underline}
.cmp-content-image-bg__block-text:before{width:62px;height:62px}
.cmp-content-image-bg__block-text--editable>.ico{width:62px;height:62px}
.cmp-content-image-bg__block-text--bullet{padding-left:12px;min-height:auto}
.cmp-content-image-bg__block-text--bullet:before{font-size:20px;line-height:24px;width:auto;height:auto}
}