@charset "UTF-8";
@import url("style-original.css");
strong, b {
  text-shadow: 0px 0px 0px #000; }

.wrapper.top {
  position: sticky;
  top: 0;
  z-index: 300;
  background: #fff; }

body.cms .wrapper.top {
  top: 39px; }

#logo {
  float: left;
  margin-top: -7px; }
  @media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    #logo {
      margin-left: 10px; } }
  #logo img {
    width: 170px; }
  @media (min-width: 1024px) {
    #logo {
      margin-top: -10px; }
      #logo img {
        width: 190px; } }
  @media (min-width: 1300px) {
    #logo {
      margin-top: -13px; }
      #logo img {
        width: 210px; } }

body {
  padding-top: 50px; }
  @media (min-width: 1024px) {
    body {
      padding-top: 80px; } }
  @media (min-width: 1300px) {
    body {
      padding-top: 100px; } }

#logo {
  margin-top: -60px;
  transition: all 0.3s ease; }
  #logo img {
    width: 113px; }
  @media (min-width: 1024px) {
    #logo {
      margin-top: -86px; }
      #logo img {
        width: 125px; } }
  @media (min-width: 1300px) {
    #logo {
      margin-top: -100px; }
      #logo img {
        width: 140px; } }

body.scrolled #logo {
  transform-origin: left bottom;
  transform: scale(0.5); }
  @media (min-width: 1024px) {
    body.scrolled #logo {
      transform: scale(0.5) translateY(20px); } }
  @media (min-width: 1300px) {
    body.scrolled #logo {
      transform: scale(0.5) translateY(30px); } }

#menu {
  margin-left: 40px;
  margin-right: 0;
  margin-top: 6px; }
  #menu ul li a {
    font-size: 20px; }
  @media (min-width: 1200px) {
    #menu {
      margin-left: 80px; }
      #menu ul li a {
        font-size: 22px; } }
  @media (min-width: 1300px) {
    #menu {
      margin-left: 120px; }
      #menu ul li a {
        font-size: 25px; } }
  #menu ul.submenu {
    top: 61px;
    background-size: contain; }
    @media (min-width: 1200px) {
      #menu ul.submenu {
        top: 60px; } }
    @media (min-width: 1300px) {
      #menu ul.submenu {
        top: 59px; } }

#zoeken {
  float: right;
  margin-right: 20px; }

#mobile-menu {
  float: right;
  margin-right: 20px; }

@media screen and (max-device-width: 475px), screen and (max-width: 475px) {
  .payoff.mobile {
    display: block;
    font-size: 18px; } }
/*

div {
  outline:1px solid green;
}

#sm {
  display:none;
}

*/
#expertise .wrapper.home {
  padding: 0; }
  #expertise .wrapper.home #home-content {
    padding: 1em; }
    #expertise .wrapper.home #home-content h1 {
      text-align: center;
      margin: 2em 0; }
    #expertise .wrapper.home #home-content .home-expertises {
      padding-bottom: 2em;
      font-size: 15px; }
      @media (min-width: 800px) {
        #expertise .wrapper.home #home-content .home-expertises {
          font-size: 16px; } }
      @media (min-width: 1000px) {
        #expertise .wrapper.home #home-content .home-expertises {
          font-size: 17px; } }
      @media (min-width: 1200px) {
        #expertise .wrapper.home #home-content .home-expertises {
          font-size: 18px; } }
      @media (min-width: 1400px) {
        #expertise .wrapper.home #home-content .home-expertises {
          font-size: 19px; } }
      #expertise .wrapper.home #home-content .home-expertises ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 2em;
        justify-content: center; }
        #expertise .wrapper.home #home-content .home-expertises ul li {
          list-style: none;
          margin: 0;
          padding: 0;
          max-width: 24em;
          position: relative; }
          #expertise .wrapper.home #home-content .home-expertises ul li a {
            display: block;
            position: relative;
            height: 100%;
            background: #fff; }
            #expertise .wrapper.home #home-content .home-expertises ul li a:hover {
              box-shadow: 0.3em 0.3em 0.6em rgba(0, 0, 0, 0.2); }
            #expertise .wrapper.home #home-content .home-expertises ul li a .the-image img {
              display: block;
              width: 100%; }
            #expertise .wrapper.home #home-content .home-expertises ul li a .the-text {
              padding: 1em; }
              @media (min-width: 800px) {
                #expertise .wrapper.home #home-content .home-expertises ul li a .the-text {
                  padding: 1.6em; } }
              @media (min-width: 1000px) {
                #expertise .wrapper.home #home-content .home-expertises ul li a .the-text {
                  padding: 2em; } }
              #expertise .wrapper.home #home-content .home-expertises ul li a .the-text h2 {
                font-size: 1.3em;
                margin-bottom: 0.5em; }
              #expertise .wrapper.home #home-content .home-expertises ul li a .the-text p {
                color: #000; }
            #expertise .wrapper.home #home-content .home-expertises ul li a:after {
              content: "›";
              position: absolute;
              bottom: 0.4em;
              right: 0.4em;
              font-size: 2em; }

.wrapper.justify.team {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 2em;
  padding-right: 2em; }
  @media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .wrapper.justify.team .medewerker {
      font-size: 15px; } }
  .wrapper.justify.team .medewerker .image {
    display: none; }
  .wrapper.justify.team .medewerker .image-hover {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    margin-bottom: 1em; }
    .wrapper.justify.team .medewerker .image-hover img {
      width: 100%;
      transition: all 0.15s ease; }
  .wrapper.justify.team .medewerker .functie {
    height: 70px; }
  .wrapper.justify.team .medewerker:hover .image-hover img {
    transform: scale(1.1); }

@media screen and (max-device-width: 740px), screen and (max-width: 740px) {
  #footerbalk .wrapper {
    width: 94%; } }

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