/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./components/blocks/algemene-hero/styles/src/algemene-hero.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
:root{
  --spacing-m:clamp(10rem, 35vh, 20rem);
  --spacing-s:calc(var(--spacing-m)/2);
  --col-default:content;
  --col-full:1 / -1;
  --col-left:full-width-start / center-start;
  --col-right:center-start / content-end;
  --col-right-extended:center-start / -1;
  --border-radius-l:10rem;
  --border-radius-ml:6rem;
  --border-radius-m:4rem;
  --border-radius-s:2rem;
  --border-l:0 0 var(--border-radius-l) 0;
  --border-ml:0 0 var(--border-radius-ml) 0;
  --border-m:0 0 var(--border-radius-m) 0;
  --border-s:0 0 var(--border-radius-s) 0;
  --ease-smooth:cubic-bezier(0.5, 0.05, 0, 1);
}

[data-wp-router-region=content].is-loading{
  opacity:.7;
  pointer-events:none;
  position:relative;
  transition:opacity .3s ease-in-out;
}

[data-wp-router-region=content].is-loading:after{
  background:hsla(0,0%,100%,.8);
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:100;
}

.footer__menu a.is-active,.footer__sub-menu a.is-active,.header__menu a.is-active{
  font-weight:700;
  position:relative;
}

.footer__menu a.is-active:after,.footer__sub-menu a.is-active:after,.header__menu a.is-active:after{
  background-color:currentColor;
  bottom:-4px;
  content:"";
  height:2px;
  left:0;
  position:absolute;
  right:0;
}

.footer__menu a,.footer__sub-menu a,.header__menu a{
  transition:all .2s ease-in-out;
}

.footer__menu a:hover,.footer__sub-menu a:hover,.header__menu a:hover{
  opacity:.8;
}

.hero-section{
  background-color:var(--color-green);
  clip-path:polygon(0 0, 100% 0, 100% 80%, 0 100%);
  left:50%;
  margin-bottom:calc(-30% + 6rem);
  margin-left:-50vw;
  margin-right:-50vw;
  padding-bottom:30%;
  padding-top:12rem;
  position:relative;
  right:50%;
  width:100vw;
}
.hero-section__shape{
  height:calc(100% + 10rem);
  -o-object-position:bottom center;
     object-position:bottom center;
  z-index:-1;
}
.hero-section__background-image,.hero-section__shape{
  left:0;
  -o-object-fit:cover;
     object-fit:cover;
  position:absolute;
  top:0;
  width:100%;
}
.hero-section__background-image{
  height:100%;
}
.hero-section .content{
  align-items:end;
  position:relative;
  z-index:1;
}
.hero-section h1,.hero-section p{
  --row:1;
}
.hero-section h1{
  --column:var(--col-left);
  color:var(--color-gold-100);
  margin-bottom:0;
}
.hero-section p{
  --column:var(--col-right);
  color:#fff;
  margin-bottom:0;
}
.hero-section--has-background:before{
  background-color:var(--color-green);
  content:"";
  display:block;
  height:100%;
  left:0;
  opacity:.9;
  position:absolute;
  top:0;
  transition:opacity .5s var(--ease-smooth);
  width:100%;
  z-index:1;
}
.hero-section--has-background .hero-section__shape{
  display:none;
}

/*! Add Soul */
/*# sourceMappingURL=algemene-hero.css.map*/