<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.container {
  display: grid; }
  @media only screen and (orientation: portrait) {
    .container {
      grid-template-columns: 10% 20% 40% 20% 10%;
      grid-template-rows: 45vh 20vh 30vh 5vh; } }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    .container {
      grid-template-columns: 10% 30% 30% 20% 10%;
      grid-template-rows: 60vh 40vh 70vh 10vh; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    .container {
      grid-template-columns: 10% 30% 30% 20% 10%;
      grid-template-rows: 65vh 30vh 5vh; } }
  .container .header {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #1E1E1E;
    color: #FFFFFF; }
  .container .header-content {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #1E1E1E;
    color: #FFFFFF;
    text-align: center; }
  .container .maps-wrapper {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3;
    background-color: #F8F8F8; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .maps-wrapper {
        display: none; } }
  .container .maps {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    background-color: #F8F8F8; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .maps {
        grid-column-end: 3; } }
  .container .footer-info {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
    background-color: #F8F8F8; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .footer-info {
        grid-row-start: 2;
        grid-row-end: 3; } }
  .container .footer-text {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    background-color: #F8F8F8;
    margin-top: 4vh;
    border-right: 1px solid #D8D8D8;
    height: 80%;
    width: 90%; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .footer-text {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
        font-size: 20px;
        height: 80%;
        margin-top: 1.5vh; } }
  .container .footer-drupal {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    background-color: #F8F8F8; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .footer-drupal {
        grid-row-start: 2;
        grid-row-end: 3; } }
  .container .footer {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 5;
    background-color: #F8F8F8; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .footer {
        grid-row-start: 3;
        grid-row-end: 4; } }
  .container .logo-vdmi {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    background-color: #F8F8F8; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .logo-vdmi {
        grid-row-start: 3;
        grid-row-end: 4; } }
  .container .tekst-vdmi {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
    text-align: center;
    background-color: #F8F8F8; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .tekst-vdmi {
        grid-row-start: 3;
        grid-row-end: 4;
        text-align: left; } }
  .container .linkedin {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    background-color: #F8F8F8;
    text-align: right; }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .container .linkedin {
        grid-row-start: 3;
        grid-row-end: 4; } }

@font-face {
  font-family: "Droid Sans";
  src: url("../font/DroidSans.ttf"); }
body {
  margin: 0;
  font-family: "Droid Sans"; }
  @media only screen and (min-width: 320px) {
    body {
      font-size: calc(16px + 6 * ((100vw - 320px) / 680)); } }

#beeldmerk_oranje {
  width: 18%;
  margin-right: 2vw;
  margin-top: 15vh; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #beeldmerk_oranje {
      width: 10%;
      margin-top: 20vh; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #beeldmerk_oranje {
      width: 6%;
      margin-top: 20vh; } }

#woordmerk_white {
  width: 60%;
  margin-top: 12vh; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #woordmerk_white {
      width: 30%;
      margin-top: 20vh; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #woordmerk_white {
      width: 20%; } }

#head-text {
  font-size: 5vw; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #head-text {
      font-size: 3vw;
      margin-top: -0.1vh;
      margin-left: 1vw; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #head-text {
      font-size: 2vw; } }

#map {
  object-fit: cover;
  width: 100%;
  height: 80%;
  margin-top: 3vh; }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #map {
      margin-top: 2.5vh; } }

#vdmi_dark {
  width: 10%;
  margin-bottom: 1vh; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #vdmi_dark {
      width: 8%; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #vdmi_dark {
      width: 6%;
      margin-left: 1.4vw;
      margin-top: 2vh;
      margin-bottom: 1.5vh; } }

#vdmi_woord_dark {
  width: 30%;
  margin-bottom: 1vh;
  margin-left: 1.5vw; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #vdmi_woord_dark {
      width: 20%;
      margin-left: 2.5vw; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #vdmi_woord_dark {
      width: 20%;
      margin-bottom: 1.5vh;
      margin-left: 1vw; } }

.footer-text-item {
  display: flex;
  margin-bottom: 2.5vh; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    .footer-text-item {
      font-size: 2.5vw; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    .footer-text-item {
      margin-bottom: 2.5vh;
      margin-left: 1.5vw;
      font-size: 1vw; } }
  .footer-text-item .icon {
    width: 12%;
    height: 12%;
    padding-right: 3vw;
    margin-left: -4px; }
    @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
      .footer-text-item .icon {
        width: 10%; } }
    @media only screen and (min-width: 415px) and (min-height: 825px) {
      .footer-text-item .icon {
        width: 32px;
        height: 32px;
        padding-right: 1.5vw; } }

#phone {
  margin-bottom: 0; }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #phone {
      margin-bottom: 3.5vh; } }

#drupal {
  object-fit: cover;
  width: 100%;
  margin-top: 2.5vh; }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #drupal {
      width: 200px;
      margin-top: 0; } }

#site-text {
  margin-top: 1vw;
  font-size: 12px;
  width: 30vw;
  margin-left: -3vw;
  font-style: italic; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #site-text {
      font-size: 2vw;
      margin-top: 3vw; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #site-text {
      font-size: 16px;
      margin-left: -2vw; } }
  #site-text a {
    color: #000000; }
  #site-text:visited {
    color: #000000; }

#footer-divider {
  margin-top: -0.5%;
  width: 85%;
  border-top: 1px solid #D8D8D8; }

#vdmi_klein {
  width: 20%;
  margin-top: 10%; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #vdmi_klein {
      width: 10%;
      margin-top: 3%; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #vdmi_klein {
      width: 2vw;
      margin-top: 0; } }

.tekst-vdmi p {
  margin-top: 7%;
  font-size: 2vh; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    .tekst-vdmi p {
      font-size: 2.5vw;
      margin-left: -20%;
      margin-top: 5%; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    .tekst-vdmi p {
      margin-top: 1vh;
      font-size: 1vw;
      margin-left: 5vw; } }

#linkedin {
  width: 25%;
  margin-top: 8%; }
  @media only screen and (max-height: 414px) and (max-width: 823px) and (orientation: landscape) {
    #linkedin {
      width: 17%;
      margin-top: 5%; } }
  @media only screen and (min-width: 415px) and (min-height: 825px) {
    #linkedin {
      width: 2vw;
      margin-top: 0; } }

/*# sourceMappingURL=main.css.map */
</pre></body></html>