.frontpage-hero{position:relative}.frontpage-hero__inner{display:block;width:100%}.frontpage-hero__content{display:flex;flex-direction:column;justify-content:center;padding-bottom:2.5rem;padding-left:var(--page-width-padding);padding-right:var(--page-width-padding);padding-top:2.5rem}.frontpage-hero__content h1{color:var(--color-primary);font-size:.875rem}.frontpage-hero__content h2{font-size:1.75rem;font-weight:800}.frontpage-hero__list{display:flex;flex-direction:column;margin:.75rem 0 0;padding:0;row-gap:.5rem}.frontpage-hero-list__item{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;list-style:none}.frontpage-hero-list__item svg{fill:var(--color-primary);flex-shrink:0}.frontpage-hero-list__item span{color:var(--color-on-background);font-size:1rem;font-weight:300}.frontpage-hero__cta-container{-moz-column-gap:1.75rem;column-gap:1.75rem;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1.75rem;row-gap:1rem}.frontpage-hero__media{bottom:0;left:0;opacity:.2;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.frontpage-hero__media .frontpage-hero__img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.02);width:100%}.frontpage-hero__media .frontpage-hero__img.frontpage-hero__img--mask{bottom:0;left:0;position:absolute;right:0;top:0;z-index:3}.frontpage-hero__media .frontpage-hero-media__overlay{animation:frontpage-hero-media-overlay 2s forwards;animation-delay:.8s;background-color:transparent;border-radius:0;bottom:0;color:#fff;font-size:1rem;font-weight:300;left:50%;opacity:0;padding:0;position:absolute;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;top:0;transform:translateX(-50%);transition:all .7s ease;width:0;z-index:2}@keyframes frontpage-hero-media-overlay{to{background-color:var(--color-primary);opacity:.7;padding:.25rem 2.5rem;width:100%}}.frontpage-intro{background-color:#fff;margin-top:7rem;padding-bottom:9rem}.frontpage-intro__title{background-color:var(--color-primary);color:var(--color-on-primary);display:block;font-size:1rem;font-weight:300;margin-bottom:3rem;padding:.5rem 1.75rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.frontpage-intro__body{align-items:center;-moz-column-gap:5rem;column-gap:5rem;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:2rem}.frontpage-intro__body img{flex:1.2 1 0;max-width:min(48rem,100%);-o-object-fit:cover;object-fit:cover}.frontpage-intro__content{display:flex;flex:1 1 0;flex-direction:column;min-width:min(25rem,100%)}.frontpage-intro-content__title{font-size:1.75rem;font-weight:800;line-height:1.2}.frontpage-intro-content__subtext{font-size:.875rem;font-weight:300;max-width:80ch}.frontpage-intro__content h4{font-size:1.25rem;margin-top:1rem}.frontpage-stock .frontpage-stock__title{background-color:var(--color-primary);color:var(--color-on-primary);display:block;font-size:1rem;font-weight:300;margin-bottom:1.5rem;padding:.5rem 1.75rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.frontpage-contact{background-color:var(--color-background);margin-top:0;padding-bottom:5rem}.frontpage-contact .frontpage-contact__title{background-color:var(--color-primary);color:var(--color-on-primary);display:block;font-size:1rem;font-weight:300;margin-bottom:3rem;padding:.5rem 1.75rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.frontpage-contact__body{-moz-column-gap:6.25rem;column-gap:6.25rem;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:0}.frontpage-contact__content{flex:1 1 0;min-width:min(27.5rem,100%)}.frontpage-contact__content svg{fill:var(--color-primary);margin-bottom:.5rem}.frontpage-contact__content h3{font-size:24px}.frontpage-contact__notice{border-left:4px solid var(--color-primary);color:var(--color-on-surface);margin-left:.25rem;margin-top:.75rem;padding-bottom:.75rem;padding-left:1rem;padding-top:.75rem;width:-moz-fit-content;width:fit-content}.frontpage-contact__notice>span{line-height:1.3}.frontpage-contact__notice>span:first-of-type{display:block;font-size:.875rem;font-weight:600;text-transform:uppercase}.frontpage-contact__notice>span:last-of-type{display:block;font-size:1rem;font-weight:300}.frontpage-contact__link{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:.25rem;-webkit-text-decoration:none;text-decoration:none}.frontpage-contact__link:first-of-type{margin-top:1rem}.frontpage-contact__link svg{fill:var(--color-primary);margin:0}.frontpage-contact__form{flex:1.5 1 0;margin-top:3rem;min-width:min(25rem,100%)}
@media (min-width:1200px){.frontpage-hero__inner{-moz-column-gap:2.5rem;column-gap:2.5rem;display:flex;flex-direction:row;margin-left:auto;margin-right:auto;width:var(--page-width)}.frontpage-hero__content{flex:1 1 0;padding:0;position:relative}.frontpage-hero__content:after{background-image:url(//hulseboschfietsen.nl/wp-content/themes/handelsonderneming-hulsebosch/assets/img/circles.svg);content:"";display:block;height:150px;left:-1rem;opacity:.5;position:absolute;top:1rem;width:150px;z-index:-1}.frontpage-hero__media{flex:1.5 1 0;opacity:1;position:relative;z-index:1}.frontpage-hero__media .frontpage-hero__img{height:27.5rem}.frontpage-hero-media__overlay{animation:frontpage-hero-media-overlay-desktop 2s forwards}@keyframes frontpage-hero-media-overlay-desktop{to{background-color:var(--color-primary);opacity:.4;padding:.25rem 2.5rem;width:100%}}}