: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;
  }
}