/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/header-pdf-koppeling/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
:root {
  --medewerker-header-margin-bottom: 40px;
  --medewerker-content-padding: 1rem 2rem;
  --medewerker-bottom-overflow: -90px;
}

.wp-block-indrukwekkend-header-medewerker .functieomschrijving {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .wp-block-indrukwekkend-header-medewerker {
    --medewerker-header-margin-bottom: 120px;
    --medewerker-bottom-overflow: -90px;
    --medewerker-content-padding: 1rem 2rem;
  }
  .wp-block-indrukwekkend-header-medewerker img.mobile {
    display: none;
  }
  .wp-block-indrukwekkend-header-medewerker .afbeelding-container__content {
    position: absolute;
    z-index: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: var(--medewerker-bottom-overflow);
    width: calc(100% - 4rem);
  }
  .wp-block-indrukwekkend-header-medewerker .afbeelding-container__content p.opdrachtgever {
    font-size: 2.6rem;
  }
  .wp-block-indrukwekkend-header-medewerker .afbeelding-container__content p.verklaring {
    float: left;
    max-width: 70%;
  }
  .wp-block-indrukwekkend-header-medewerker .afbeelding-container__content .wp-block-button {
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  .wp-block-indrukwekkend-header-medewerker {
    --medewerker-header-margin-bottom: 150px;
    --medewerker-bottom-overflow: -110px;
    --medewerker-content-padding: 4rem 10rem;
  }
  .wp-block-indrukwekkend-header-medewerker .afbeelding-container {
    height: 60vh;
    max-height: 650px;
  }
  .wp-block-indrukwekkend-header-medewerker .afbeelding-container__content h1 {
    margin: 0;
    font-size: 4rem;
  }
}
@media only screen and (min-width: 1200px) {
  .wp-block-indrukwekkend-header-medewerker {
    --medewerker-header-margin-bottom: 150px;
    --medewerker-bottom-overflow: -110px;
    --medewerker-content-padding: 4rem 16rem;
  }
}

/*# sourceMappingURL=style-index.css.map*/