:root {
  --light_grey: #f1efeb;
  --dark_grey: #5f5f5f;
  --text_black: #3f3f3f;
  --border_grey: #c0bfbc;
  --side_category_grey: #969595;
  --active_menu_border_grey: #dfdedd;
  --block_border_top_grey: #e3e3e3;
  --trusted_source_grey: #d9d8d5;
  --menu_border_grey: #f1f1f1;
  --button_grey: #dedcd9;
  --text_grey: #888785;
  --mean_grey: #b5af9e;
  --tweet_grey: #808080;
  --purple: #56328c;
  --button_pink: #eb168b;
  --link_pink: #f49ecf;
  --arrow_pink: #ee5ea1;
  --over_purple_pink: #fe69bc;
  --checkbox_purple: #d6cce3;
  --link_blue: #1dafec;
  --status-online: #28ce13;

  --extra_bold: 800;
  --bold: 700;
  --semi_bold: 600;
  --regular: 400;

  --desktop_width: 75rem;
  --mobile_width: 23.4375rem;
  --mobile_max_width: 20.9375rem;
}

@keyframes appearin {
  0% {
    opacity: 0;
    transform: translateX(1.25rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.subheader .header_width {
  position: relative;
  height: 12.5rem;
}

@media (max-width: 920px) {

.subheader .header_width {
    /*height: calc(100vw / 2.8 + 110px);*/
    height: auto;
}
  }

.intro {
  font-size: 1.3125rem;
}

@media (max-width: 920px) {

.intro {
    font-size: 1.0625rem;
}
  }

.one_column--narrow {
  padding-bottom: 3.125rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.one_column--narrow .rich-text b {
      background-color: rgba(29, 175, 236, 0.2);
      border-radius: 1.25rem;
      padding: 0.125rem 0.9375rem;
      color: #1dafec;
      font-size: 1.1875rem;
      font-weight: bold;
      margin: 0;
    }

.one_column--narrow > .rich-text h3 {
      /*margin-top: 2em;*/
      /*margin-bottom: 0.5em;*/
      margin-top: 1em;
      margin-bottom: 0.25em;
      font-size: 1.75rem;
    }

@media (max-width: 920px) {

.one_column--narrow > .rich-text h3 {
        font-size: 1.125rem;
    }
      }

.one_column--narrow > .rich-text p {
      font-size: 1.0625rem;
      margin: 0;
      line-height: 1.5;
    }

@media (max-width: 920px) {

.one_column--narrow > .rich-text p {
        font-size: 0.875rem;
    }
      }

.layout_columns_block {
  padding-bottom: 3.125rem;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.layout_columns_block .block-two_columns > .content_width {
    padding: 0;
  }

.layout_columns_block .intro .rich-text {
      box-sizing: border-box;
      max-width: 66%;
      padding: 0 0.625rem;
    }

@media (max-width: 920px) {

.layout_columns_block .intro .rich-text {
        max-width: 20.9375rem;
        width: 100%;
    }
      }

.layout_columns_block .intro .rich-text p {
        font-size: 1.3125rem;
      }

@media (max-width: 920px) {

.layout_columns_block .intro .rich-text p {
          font-size: 1.0625rem;
      }
        }

.layout_columns_block .rich-text h3 {
      margin-top: 1em;
      margin-bottom: 0.25em;
      font-size: 1.75rem;
    }

@media (max-width: 920px) {

.layout_columns_block .rich-text h3 {
        font-size: 1.125rem;
    }
      }

.layout_columns_block .rich-text p {
      font-size: 1.0625rem;
      line-height: 1.5;
    }

@media (max-width: 920px) {

.layout_columns_block .rich-text p {
        font-size: 0.875rem;
    }
      }

.layout_columns_block .text_block > h1 {
    display: none;
  }

.layout--extract .title {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2.125rem;
  }

.onze_mensen_block h3 {
    font-size: 1.75rem;
    margin-bottom: 0.9375rem;
  }

@media (max-width: 920px) {

.onze_mensen_block h3 {
      font-size: 1.3125rem;
  }
    }

.people_overview.flex {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 3.125rem;
}

.people_overview.flex > * {
    margin-right: 1.5%;
  }

.people_overview.flex > *:nth-child(4n) {
      margin-right: 0;
    }

.people_overview.flex .person {
    border-radius: 0.3125rem;
    flex-basis: 17.5rem;
    max-width: 17.5rem;
    flex-shrink: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border: 0.0625rem solid #e3e3e3;
  }

.people_overview.flex .person:before {
      content: '';
      position: absolute;
      background-image: linear-gradient(
        -180deg,
        rgba(255, 255, 255, 0) 53%,
        rgba(255, 255, 255, 0.75) 85%
      );
      background-size: cover;
      height: 100%;
      width: 100%;
      left: 0;
      bottom: 0;
    }

.people_overview.flex .person .bottom {
      color: #56328c;
      display: block;
    }

@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {

.people_overview.flex .person {
      min-height: 17.5rem;
  }

      .people_overview.flex .person:before {
        display: none;
      }

      .people_overview.flex .person:hover .bottom,
      .people_overview.flex .person:hover:before {
        display: block;
      }
    }

@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {

.people_overview.flex .person .bottom {
        display: none;
    }
      }

.people_overview.flex .person .bottom .title {
        font-weight: bold;
        font-size: 1.75rem;
        line-height: 1.75rem;
        margin-bottom: 0.625rem;
      }

.people_overview.flex .person .bottom .position {
        font-weight: bold;
        font-size: 1rem;
        line-height: 1.25rem;
        display: block;
        hyphens: auto;
      }

.people_overview_footer {
  border: 0.0625rem solid #c0bfbc;
  border-radius: 0.3125rem;
  color: #eb168b;
  padding: 0.9375rem;
  margin-bottom: 2.5rem;
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  width: 48.75rem;
  max-width: 100%;
  box-sizing: border-box;
  hyphens: auto;
}

.initiative_overview_block.initiative_overview_block {
  max-width: 100%;
}

.initiative_overview_block.initiative_overview_block:before {
    content: '';
    position: absolute;
    background-color: #f1efeb;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    left: 0;
  }

@media (max-width: 920px) {

.initiative_overview_block.initiative_overview_block:before {
      width: 100%;
      left: 0;
  }
    }

.initiative_overview_block.initiative_overview_block .overview_link {
    margin: 0;
  }

.overview--initiatives {
  padding-top: 1em;
}

@media (max-width: 920px) {

.overview--initiatives {
    max-width: 20.9375rem;
    margin: 0 auto;
}
  }

.alloverview--initiatives,
.overview--initiatives {
  position: relative;
  padding-bottom: 3em;
}

.alloverview--initiatives .one_column--narrow, .overview--initiatives .one_column--narrow {
    padding-bottom: 1em;
  }

.alloverview--initiatives .one_column--narrow h3, .overview--initiatives .one_column--narrow h3 {
      margin-top: 1em;
      margin-bottom: 0.25em;
      font-size: 1.75rem;
    }

.alloverview--initiatives .initiatives_item, .overview--initiatives .initiatives_item {
    min-height: 19.375rem;
    color: white;
  }

.alloverview--initiatives .overview_link, .overview--initiatives .overview_link {
    margin-left: 0.625rem;
  }

@media (max-width: 920px) {

.alloverview--initiatives .flex, .overview--initiatives .flex {
      padding-right: 0;
      padding-left: 0;
  }
    }

.overview_link {
  color: #eb168b;
  font-size: 1rem;
}

.overview_link:hover {
    color: #56328c;
  }

.news_overview_block {
  margin-top: 2.5rem;
  margin-bottom: 3.125rem;
}

.news_overview_block .overview--news > .one_column--narrow {
      padding: 0;
    }

.news_overview_block .overview--news > .one_column--narrow > h3 {
        margin-top: 0;
      }

.news_overview_block .overview--news .overview_link {
      margin-top: 1.25rem;
    }

.overview_link:before {
  background-image: url("/static/images/arrow_triangle.2cdc70706cc3.svg");
  background-position: left;
  margin-right: 0.25em;
  width: 0.5em;
  height: 0.5em;
}

.news_item.flex {
  flex-wrap: nowrap;
  padding: 0;
  justify-content: flex-start;
  animation: appearin 2s;
  animation-fill-mode: forwards;
}

.news_item.flex > * {
    padding: 0;
  }

.news_item.flex img {
    margin-right: 1.25rem;
  }

@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {

.news_item.flex img {
      /* make sure picture proportion is kept for small desktop*/
      height: 10.625rem;
      width: 16.4375rem;
  }
    }

@media (max-width: 920px) {

.news_item.flex img {
      width: 100%;
      height: 100%;
      margin-bottom: 0.75em;
  }
    }

.news_item.flex .no_image {
    height: 10.625rem;
    width: 16.4375rem;
    background-size: 90% auto;
    background-repeat: no-repeat;
    background-position: center;
    border: 0.0625rem solid #56328c;
  }

.news_item.flex .text {
    flex-basis: 100%;
    max-width: calc(100% - 14.25rem);
    position: relative;
    flex-shrink: 1;
  }

@media (max-width: 920px) {

.news_item.flex .text {
      max-width: 100%;
  }
      .news_item.flex .text:after {
        height: 1.375rem;
      }
    }

.news_item.flex .text,
  .news_item.flex .text .title {
    font-size: 1.125rem;
    color: #56328c;
  }

.news_item.flex .title {
    font-weight: bold;
    max-height: 3em;
    overflow: hidden;
  }

@media (max-width: 920px) {

.news_item.flex .title {
      margin-bottom: 0.25em;
  }
    }

.news_item.flex .teaser_intro {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }

@media (min-width: 921px) {

.news_item.flex .teaser_intro {
      -webkit-line-clamp: 3;
  }
    }

.news_item.flex .teaser_intro p {
      margin: 0;
    }

.news_item.flex .link {
    color: #1dafec;
    position: absolute;
    bottom: 0;
  }

@media (max-width: 920px) {

.news_item.flex .link {
      position: relative;
  }
    }

.news_item.flex .link:before {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='var(--link_blue)' opacity='0.3'%3E %3Cpath d='M6.04 5.26A28.46 28.46 0 001.01.02a1.22 1.22 0 00-.5 0C.31.22.3.02 0 .5v10c.3.5.32.28.5.48.23.04.47.03.5 0 2.62-2 4.82-4.92 5.04-5.24-.04.07 0-.08 0-.48z'/%3E %3C/svg%3E");
      background-position: left;
      margin-right: 0.25em;
      width: 0.5em;
      height: 0.5em;
    }

@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {

.overflow_hidden {
    max-height: 8em;
    overflow: hidden;
}
  }

.alloverview--cursus,
.alloverview--vacancies {
  background-color: #f1efeb;
  padding-top: 1.875rem;
  padding-bottom: 3.125rem;
}

@media (max-width: 920px) {

.alloverview--cursus .content_width, .alloverview--vacancies .content_width {
      max-width: 20.9375rem;
      margin: 0 auto;
  }
      .alloverview--cursus .content_width.flex, .alloverview--vacancies .content_width.flex {
        padding-right: 0;
        padding-left: 0;
      }
    }

.alloverview--cursus .cursus_item,
  .alloverview--vacancies .cursus_item,
  .alloverview--cursus .vacancy_item,
  .alloverview--vacancies .vacancy_item {
    padding: 1.5625rem;
    min-height: 20.5625rem;
    width: 100%;
  }

.alloverview--cursus .cursus_item .page_preview, .alloverview--vacancies .cursus_item .page_preview, .alloverview--cursus .vacancy_item .page_preview, .alloverview--vacancies .vacancy_item .page_preview {
      max-height: 14rem; /* deduct parent padding and category*/
      overflow: hidden;
    }

.alloverview--cursus .cursus_item .button, .alloverview--vacancies .cursus_item .button, .alloverview--cursus .vacancy_item .button, .alloverview--vacancies .vacancy_item .button {
      width: 8em;
      text-align: center;
      margin: 0 auto;
      display: block;
    }

.alloverview--initiatives,
.alloverview--news {
  margin-top: 3.125rem;
}

@media (max-width: 920px) {

.alloverview--initiatives,
.alloverview--news {
    margin-top: 1.25rem;
}
  }

/* when there is no intro text on an overview page, give some space to the social block */

@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {

.subheader + [class*='alloverview--'] {
    margin-top: 6.25rem;
}
  }

@media (max-width: 920px) {

.subheader + [class*='alloverview--'] {
    margin-top: 1.25rem;
}
  }

.footercontact {
  border-top: 0.0625rem solid #e3e3e3;
}

.template-overviewpage .intro {
    padding-bottom: 1.875rem;
  }

@media (min-width: 1400px),(min-width: 921px) and (max-width: 1399px) {

.subheader .social_block {
    position: absolute;
}
    .subheader .social_block .share_links {
      padding-top: 0;
    }
  }