.team_categorie .nieuws_categorieen {
  margin: 20px 0; }
  .team_categorie .nieuws_categorieen ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .team_categorie .nieuws_categorieen ul li {
      border: 1px solid #CDD4DA;
      margin-right: 20px; }
      .team_categorie .nieuws_categorieen ul li.active a {
        pointer-events: none;
        color: #C94B42; }
      .team_categorie .nieuws_categorieen ul li a {
        padding: 15px 20px;
        display: block;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #CDD4DA;
        background: #fff; }
        .team_categorie .nieuws_categorieen ul li a:hover, .team_categorie .nieuws_categorieen ul li a:focus, .team_categorie .nieuws_categorieen ul li a:active {
          background: #CDD4DA;
          color: #000;
          text-decoration: none; }

.team_categorie .team_lijst {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 30px -20px; }
  @media (max-width: 768px) {
    .team_categorie .team_lijst {
      max-width: 100vw;
      margin: 30px 0; } }
  .team_categorie .team_lijst .leesmeer {
    min-width: 100%;
    padding: 20px;
    text-align: center; }

.team_categorie .team_member {
  position: relative;
  width: 33%;
  padding: 20px; }
  @media (max-width: 768px) {
    .team_categorie .team_member {
      width: 80%;
      margin: 0 10%; } }
  .team_categorie .team_member .image {
    padding-bottom: 120%;
    background: #F5EDE7;
    position: relative;
    overflow: hidden; }
    .team_categorie .team_member .image img {
      width: 100%;
      position: absolute;
      transition: 0.7s ease-in-out; }
  .team_categorie .team_member .titel_container {
    position: relative;
    padding: 0 0 0 18px;
    border-left: 2px solid #000;
    margin-left: 20px;
    margin-top: 20px;
    transition: 0.5s ease; }
    .team_categorie .team_member .titel_container .categorie {
      height: 25px; }
      .team_categorie .team_member .titel_container .categorie span {
        font-size: 12px;
        line-height: 13px;
        font-weight: 300;
        letter-spacing: 0.86px;
        background: #C94B42;
        color: #fff;
        text-transform: uppercase;
        padding: 5px 10px;
        display: inline-block;
        position: relative;
        top: -9px; }
    .team_categorie .team_member .titel_container .titel {
      margin-bottom: 40px; }
      @media (max-width: 768px) {
        .team_categorie .team_member .titel_container .titel {
          margin-bottom: 0; } }
      .team_categorie .team_member .titel_container .titel a, .team_categorie .team_member .titel_container .titel h4 {
        color: #000;
        font-size: 40px;
        font-weight: bold;
        line-height: 44px; }
        @media (max-width: 1200px) {
          .team_categorie .team_member .titel_container .titel a, .team_categorie .team_member .titel_container .titel h4 {
            font-size: 30px;
            line-height: 38px; } }
    .team_categorie .team_member .titel_container .functie {
      font-size: 22px;
      font-weight: 300;
      line-height: 30px; }
    .team_categorie .team_member .titel_container .omschrijving {
      font-size: 20px;
      font-style: italic;
      line-height: 25px; }
      @media (max-width: 768px) {
        .team_categorie .team_member .titel_container .omschrijving {
          display: none; } }
  .team_categorie .team_member:hover .titel_container {
    transform: translateY(-45px); }
    @media (max-width: 768px) {
      .team_categorie .team_member:hover .titel_container {
        transform: translateY(-105px); } }

.team_categorie .page__header {
  padding-top: 175px;
  position: relative; }
  @media (max-width: 768px) {
    .team_categorie .page__header {
      padding-top: 80px; } }
  .team_categorie .page__header .page__intro_color {
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    height: 270px;
    background: #CDD4DA; }
    @media (max-width: 768px) {
      .team_categorie .page__header .page__intro_color {
        height: 140px; } }
  .team_categorie .page__header .page__intro {
    position: relative;
    background: #fff; }
    .team_categorie .page__header .page__intro .crumb {
      padding: 50px 80px 20px;
      margin: 0; }
      @media (max-width: 768px) {
        .team_categorie .page__header .page__intro .crumb {
          display: none; } }
    .team_categorie .page__header .page__intro .titel {
      padding: 0 100px;
      margin: 30px 0; }
      @media (max-width: 768px) {
        .team_categorie .page__header .page__intro .titel {
          padding: 30px 20px 0;
          margin: 30px 0 0; } }
      .team_categorie .page__header .page__intro .titel h1 {
        position: relative;
        margin: 0;
        padding: 0 20px; }
        @media (max-width: 768px) {
          .team_categorie .page__header .page__intro .titel h1 {
            font-size: 32px;
            font-weight: 500;
            line-height: 40px;
            padding: 10px; } }
        .team_categorie .page__header .page__intro .titel h1:before {
          content: "";
          position: absolute;
          left: 0;
          top: 10px;
          height: 70%;
          border-left: 2px solid #000; }
          @media (max-width: 768px) {
            .team_categorie .page__header .page__intro .titel h1:before {
              top: 10%; } }
    .team_categorie .page__header .page__intro .intro_text {
      padding: 0 125px;
      margin: 20px 0 90px; }
      @media (max-width: 768px) {
        .team_categorie .page__header .page__intro .intro_text {
          padding: 0 20px;
          margin: 20px 0 30px; } }