.section-ivy-hero-kaart{display:block;padding:0 24px 24px}@media(max-width:991px){.section-ivy-hero-kaart{padding:0 20px 20px}}@media(max-width:767px){.section-ivy-hero-kaart{padding:0 16px 16px}}.hero__card{position:relative;height:calc(100vh - 66px);height:var(--ivy-hero-hoogte, calc(100svh - 66px) );min-height:40rem;overflow:clip;border-radius:6px}@media(max-width:767px){.hero__card{border-radius:6px;height:calc(100vh - 58px);height:var(--ivy-hero-hoogte, calc(100svh - 58px) )}}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center right;pointer-events:none;display:block}.hero__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#3a383580,#3a383500 34%),linear-gradient(to right,#3a383573,#3a383500 65%);pointer-events:none}.hero__content{position:absolute;left:5.2rem;bottom:5.2rem;display:flex;flex-direction:column;gap:6.4rem;align-items:flex-start;max-width:64.6rem;color:var(--ivy-white);z-index:1}.hero__main{display:flex;flex-direction:column;gap:4.8rem;align-items:flex-start}.hero__text{display:flex;flex-direction:column;gap:1.6rem}.hero__heading{color:var(--ivy-white);margin:0;font-size:var(--ivy-h1)}.hero__sub{font-family:var(--ivy-font-tekst);font-size:var(--ivy-tekst);line-height:var(--ivy-regelafstand);color:var(--ivy-white);max-width:49.8rem;margin:0}.hero__actions{display:flex;gap:1.2rem;flex-wrap:wrap}.hero__btn{height:5.6rem}.hero__social{display:flex;align-items:center;gap:2rem}.hero__social-tekst{display:flex;flex-direction:column;gap:.4rem}.hero__rating{display:flex;align-items:center;gap:1rem}.hero__score{font-family:var(--ivy-font-tekst);font-weight:500;font-size:2rem;line-height:1}.hero__sterren{position:relative;display:inline-flex;line-height:0}.hero__sterren-laag,.hero__sterren-vol{display:inline-flex;gap:.2rem}.hero__sterren-laag{color:#ffffff59}.hero__sterren-vol{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#e9b44c}.hero__ster{flex-shrink:0}.hero__avatars{display:flex;align-items:center}.hero__avatar{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid var(--ivy-white);margin-right:-2rem;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hero__avatar:last-child{margin-right:0}.hero__avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero__proof{font-family:var(--ivy-font-tekst);font-size:1.6rem;line-height:1.5;color:#ffffffe6;margin:0}.hero__proof strong{font-weight:500;color:var(--ivy-white)}@media(max-width:991px){.hero__content{left:4rem;bottom:4rem;max-width:51.2rem;gap:4.8rem}.hero__main{gap:4rem}.hero__avatar{width:4rem;height:4rem;margin-right:-1.8rem}}@media(max-width:767px){.hero__bg{object-position:70% center}.hero__card:after{background:linear-gradient(to bottom,#0000008c,#0000001f 34%),linear-gradient(to top,#0009,#0000 55%),#0003}.hero__sub{display:none}.hero__heading{font-size:2.8rem}.hero__score{font-size:1.6rem}.hero__ster{width:1.5rem;height:1.5rem}.hero__proof{font-size:1.2rem;white-space:nowrap}.hero__proof br{display:none}.hero__social{gap:1.4rem}.hero__content{left:2rem;right:2rem;bottom:2.4rem;max-width:none;gap:4rem}.hero__main{gap:3.2rem}.hero__sub{max-width:41.6rem}.hero__avatar{width:3.2rem;height:3.2rem;margin-right:-1.4rem}}@media(max-width:479px){.hero__content{left:1.6rem;right:1.6rem;bottom:1.6rem;gap:3.2rem}.hero__main{gap:2.8rem}.hero__actions{width:100%;flex-direction:column}.hero__actions .btn{width:100%}.hero__bg{object-position:75% center}}.hero--intro:not(.hero--klaar) .hero__bg{transform:scale(1.05);filter:blur(8px)}.hero--intro:not(.hero--klaar) .hero__heading,.hero--intro:not(.hero--klaar) .hero__sub,.hero--intro:not(.hero--klaar) .hero__btn,.hero--intro:not(.hero--klaar) .hero__social-tekst{opacity:0;visibility:hidden;transform:translate(60px)}.hero--intro:not(.hero--klaar) .hero__avatar{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){.hero--intro:not(.hero--klaar) .hero__bg,.hero--intro:not(.hero--klaar) .hero__heading,.hero--intro:not(.hero--klaar) .hero__sub,.hero--intro:not(.hero--klaar) .hero__btn,.hero--intro:not(.hero--klaar) .hero__social-tekst,.hero--intro:not(.hero--klaar) .hero__avatar{opacity:1;visibility:visible;transform:none;filter:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-ivy-hero-kaart.css.map */