/*
Theme Name: EELTweb 2018
Author: Max Gruson
Author URI: https://www.maxgruson.com/
Description: Een WordPress-thema gemaakt speciaal voor EELT Theatercollectief.
License: Nobody else may use, copy, distribute, or modify this work.
Version: 2.0
*/
@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 200;
  src: local("Raleway ExtraLight"), local("Raleway-ExtraLight"),
    url(fonts/raleway-v12-latin-200.woff2) format("woff2"),
    url(fonts/raleway-v12-latin-200.woff) format("woff");
}
@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 200;
  src: local("Raleway ExtraLight Italic"), local("Raleway-ExtraLightItalic"),
    url(fonts/raleway-v12-latin-200italic.woff2) format("woff2"),
    url(fonts/raleway-v12-latin-200italic.woff) format("woff");
}
@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"),
    url(fonts/raleway-v12-latin-regular.woff2) format("woff2"),
    url(fonts/raleway-v12-latin-regular.woff) format("woff");
}
@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 400;
  src: local("Raleway Italic"), local("Raleway-Italic"),
    url(fonts/raleway-v12-latin-italic.woff2) format("woff2"),
    url(fonts/raleway-v12-latin-italic.woff) format("woff");
}
@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  src: local("Raleway Medium"), local("Raleway-Medium"),
    url(fonts/raleway-v12-latin-500.woff2) format("woff2"),
    url(fonts/raleway-v12-latin-500.woff) format("woff");
}
@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 500;
  src: local("Raleway Medium Italic"), local("Raleway-MediumItalic"),
    url(fonts/raleway-v12-latin-500italic.woff2) format("woff2"),
    url(fonts/raleway-v12-latin-500italic.woff) format("woff");
}
@font-face {
  font-family: Arca Majora\3;
  font-style: normal;
  font-weight: 500;
  src: local("Arca Majora 3 Bold"), local("ArcaMajora3-Bold"),
    url(fonts/arcamajora3-bold-webfont.woff2) format("woff2"),
    url(fonts/arcamajora3-bold-webfont.woff) format("woff");
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
  appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
[hidden],
template {
  display: none;
}
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style-type: none;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure,
.justified-gallery > li {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  filter: "alpha(opacity=10)";
  opacity: 0.1;
  margin: 0;
  padding: 0;
}
.justified-gallery > a > a > img,
.justified-gallery > a > img,
.justified-gallery > div > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > a > img,
.justified-gallery > figure > img,
.justified-gallery > li > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: 0;
  filter: "alpha(opacity=0)";
  opacity: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption,
.justified-gallery > figure > .caption,
.justified-gallery > li > .caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000;
  left: 0;
  right: 0;
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible,
.justified-gallery > figure > .caption.caption-visible,
.justified-gallery > li > .caption.caption-visible {
  display: initial;
  filter: "alpha(opacity=70)";
  opacity: 0.7;
  -webkit-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.justified-gallery > .entry-visible {
  filter: "alpha(opacity=100)";
  opacity: 1;
  background: 0;
}
.justified-gallery > .entry-visible > a > img,
.justified-gallery > .entry-visible > img {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0;
  left: 50%;
  filter: "alpha(opacity=100)";
  opacity: 1;
  overflow: initial;
}
.justified-gallery > .spinner > span {
  display: inline-block;
  filter: "alpha(opacity=0)";
  opacity: 0;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background-color: #000;
  border-radius: 6px;
}
body.hidden-scroll {
  overflow: hidden;
}
.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 1050;
}
.sl-wrapper {
  z-index: 1040;
}
.sl-wrapper button {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.sl-wrapper button:hover {
  background-color: transparent !important;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.sl-wrapper button:hover path {
  fill: #fff !important;
}
.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 1em;
  top: 1em;
  z-index: 1060;
  height: 1em;
  width: 1em;
  font-family: Raleway, sans-serif;
  color: #fff;
}
.sl-wrapper .sl-close:focus {
  outline: 0;
}
.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 1.5em;
  left: 1.5em;
  z-index: 1060;
  color: #fff;
  font-size: 1em;
}
.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}
.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  height: 1.5em;
  width: 1.5em;
  display: block;
  z-index: 1060;
}
.sl-wrapper .sl-navigation button.sl-next {
  right: 0.25em;
  font-size: 1em;
}
.sl-wrapper .sl-navigation button.sl-prev {
  left: 0.25em;
  font-size: 1em;
}
.sl-wrapper .sl-navigation button:focus {
  outline: 0;
}
@media (min-width: 790px) {
  .sl-wrapper .sl-navigation button.sl-next {
    right: 0.5em;
    font-size: 1em;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 0.5em;
    font-size: 1em;
  }
}
@media (min-width: 870px) {
  .sl-wrapper .sl-navigation button.sl-next {
    right: 1em;
    font-size: 1em;
  }
  .sl-wrapper .sl-navigation button.sl-prev {
    left: 1em;
    font-size: 1em;
  }
}
.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}
.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0;
}
@media (min-width: 790px) {
  .sl-wrapper .sl-image img {
    border: 0;
  }
}
@media (min-width: 870px) {
  .sl-wrapper .sl-image img {
    border: 0;
  }
}
.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0;
}
@media (min-width: 790px) {
  .sl-wrapper .sl-image iframe {
    border: 0;
  }
}
@media (min-width: 870px) {
  .sl-wrapper .sl-image iframe {
    border: 0;
  }
}
.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}
.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
body,
html {
  width: 100%;
  min-height: 100dvh;
}
body {
  font-family: Raleway, sans-serif;
  color: #2c2c2c;
  font-size: 20px;
  font-weight: 200;
  background-color: #f9f9f9;
  display: grid;
  grid-template-rows: 1fr auto auto;
}
body.noscroll {
  overflow: hidden;
}
@media screen and (min-width: 1600px) {
  body {
    font-size: 22px;
  }
}
@media screen and (max-width: 870px) {
  body {
    font-size: 20px;
  }
}
@media screen and (max-width: 790px) {
  body {
    font-size: 18px;
  }
}
main {
  padding: 3em 1.5em 0;
  background-image: url("images/bg.jpg");
  background-size: 100%;
  width: 100vw;
}
@media screen and (max-width: 1040px) {
  main {
    padding-top: 2.5em !important;
  }
}
.basic-content,
.basic-title {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  width: 100%;
  max-width: 33em;
}
.basic-title {
  text-align: center;
}
.basic-content {
  text-align: left;
  margin-bottom: 3em;
  background-color: #fff;
  padding: 2em;
}
b,
strong {
  font-weight: 600;
  font-style: inherit;
}
blockquote,
em,
i {
  font-weight: inherit;
  font-style: italic;
  margin: 0;
}
iframe {
  display: block;
}
a {
  color: inherit;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
p a:hover {
  font-weight: bold;
}
p {
  margin: 0.6em 0;
  line-height: 1.4em;
  font-size: 0.9em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arca Majora\3, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #ea632b;
}
button {
  font-family: inherit;
  background-color: #2c2c2c;
  color: #fff;
  border: 0;
  cursor: pointer;
  padding: 1em 1.471em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
button[disabled] {
  cursor: default;
  opacity: 0.7;
  pointer-events: none !important;
}
button:not([disabled]):hover {
  background-color: #f5f5f5;
  color: #2c2c2c;
}
button:not([disabled]):hover svg path {
  fill: #2c2c2c;
}
button > :nth-child(2) {
  margin-left: 0.8em;
}
button > :nth-child(2) > svg {
  height: 1em !important;
  width: 1em;
  margin-bottom: -0.16em !important;
  fill: #fff;
}
label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: auto;
}
label input[type="radio"] {
  display: none;
}
label input[type="radio"]:checked + .replacement {
  border: 0;
  background-color: #ea632b;
}
label input[type="radio"]:hover + .replacement {
  border-color: #ea632b;
}
label input[type="radio"] + .replacement {
  display: inline-block;
  height: 1em;
  width: 1em;
  border-radius: 100%;
  border: 0.05em solid;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
label input[type="radio"] + .replacement,
label input[type="radio"] + .replacement ~ * {
  opacity: 0.7;
}
label input[type="radio"]:checked + .replacement,
label input[type="radio"]:checked + .replacement ~ * {
  opacity: 1;
}
label input[type="checkbox"] {
  display: none;
}
label input[type="checkbox"]:checked + .replacement {
  border: 0;
  background-color: #ea632b;
}
label input[type="checkbox"]:checked + .replacement svg {
  opacity: 1;
  height: 0.8em !important;
  width: 0.8em;
  margin: 0 !important;
  position: relative;
  right: -0.059em;
  top: 0;
}
label input[type="checkbox"] + .replacement {
  display: inline-block;
  height: 1em;
  width: 1em;
  border: 0.05em solid;
  margin: 0 1em 0 0;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
label input[type="checkbox"] + .replacement svg {
  opacity: 0;
}
label input[type="checkbox"] + .replacement,
label input[type="checkbox"] + .replacement ~ * {
  opacity: 0.7;
  float: left;
}
label input[type="checkbox"] + .replacement ~ * {
  width: calc(100% - 2em);
}
label input[type="checkbox"]:checked + .replacement,
label input[type="checkbox"]:checked + .replacement ~ * {
  opacity: 1;
}
input[type="email"],
input[type="number"],
input[type="text"],
textarea {
  background-color: #f5f5f5;
  border: 0;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-style: italic;
  color: inherit;
  opacity: 0.7;
}
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
  font-style: italic;
  color: inherit;
  opacity: 0.7;
}
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-style: italic;
  color: inherit;
  opacity: 0.7;
}
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-style: italic;
  color: inherit;
  opacity: 0.7;
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="text"]::placeholder,
textarea::placeholder {
  font-style: italic;
  color: inherit;
  opacity: 0.7;
}
#overlay {
  display: none;
  z-index: 100;
  height: 100vh;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
#overlay,
.overlay-content {
  position: fixed;
  width: 100vw;
  left: 0;
}
.overlay-content {
  height: calc(100vh - 4em);
  top: 4em;
  overflow: scroll;
  z-index: 200;
}
.left {
  float: left;
}
.right {
  float: right;
}
#eelt-op-je-ziel {
  background-color: #ea632b;
  text-align: center;
  color: #fff;
  padding: 2em 1.5em;
  margin: 0;
  font-style: italic;
  font-size: 0.8em;
}
@media screen and (max-width: 705px) {
  #eelt-op-je-ziel {
    font-size: 0.9em;
  }
}
footer {
  background-color: #2c2c2c;
  color: #fff;
  padding: 3em 1em;
  position: relative;
  overflow: auto;
}
footer > div:last-child {
  position: absolute;
  bottom: 1em;
  left: 0;
  width: 100%;
  opacity: 0.4;
  font-size: 0.7em;
}
footer > div:last-child i {
  display: inline-block;
}
footer > div:last-child > span:first-child {
  position: absolute;
  left: 3.333em;
  bottom: 0;
}
footer > div:last-child > span:last-child {
  position: absolute;
  right: 3.333em;
  bottom: 0;
}
@media screen and (max-width: 875px) {
  footer > div:last-child {
    font-size: 0.9em;
  }
  footer > div:last-child > span {
    display: block;
    position: static !important;
    line-height: 1.4;
  }
  footer > div:last-child > span:last-child {
    margin-top: 1em;
  }
}
footer > :not(:last-child) {
  font-size: 0.8em;
  display: inline-block;
  width: calc(20% - 3em);
  margin: 0 1.37em;
  vertical-align: top;
}
@media screen and (max-width: 875px) {
  footer > :not(:last-child) {
    font-size: 0.9em;
  }
}
footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer a {
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 875px) {
  footer {
    padding: 2em 1.5em;
    text-align: center;
  }
  footer > * {
    display: block !important;
    position: static !important;
    margin: 2em 0 0 !important;
    width: 100% !important;
  }
  footer > :first-child {
    margin-top: 0 !important;
  }
}
footer #social {
  height: 1.25em;
  margin-top: 2em;
}
@media screen and (max-width: 875px) {
  footer #social {
    margin-top: 1em;
  }
}
footer #social li {
  float: left;
  margin-right: 1em;
}
@media screen and (max-width: 875px) {
  footer #social li {
    float: none;
    display: inline-block;
  }
  footer #social li:last-child {
    margin-right: 0;
  }
}
footer #social a,
footer #social img,
footer #social li,
footer #social svg {
  height: 1.25em;
  width: 1.25em;
}
footer #social svg path {
  fill: #fff !important;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
footer #social a:hover svg path {
  opacity: 0.7;
}
footer .link-list > li {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 875px) {
  footer .link-list ~ .link-list {
    margin-top: 1em !important;
  }
}
footer .subpages {
  font-size: 0.9em;
}
footer .subpages li {
  margin-bottom: 0.5em;
}
footer #footer_partners {
  text-align: center;
}
footer #footer_partners img {
  max-width: 100%;
  max-height: 2.5em;
}
@media screen and (max-width: 875px) {
  footer #footer_partners img {
    max-height: 2em;
  }
}
footer #footer_partners li {
  margin-bottom: 0.5em;
}
#mainnav {
  position: fixed;
  z-index: 200;
  height: 3em;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1040px) {
  #mainnav {
    font-size: 0.84em;
  }
}
@media screen and (max-width: 875px) {
  #mainnav #menu-container {
    position: relative;
    top: 3em;
    -webkit-box-shadow: 0 -6px 0 #fff, 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -6px 0 #fff, 0 0 6px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 876px) {
  #mainnav #menu-container {
    height: 100% !important;
  }
}
#mainnav #home-icon {
  position: absolute;
  height: 5em;
  width: 9.759em;
  top: 15px;
  left: 15px;
  z-index: 999;
}
#mainnav #home-icon a {
  display: block;
  height: 100%;
}
#mainnav #home-icon svg {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 875px) {
  #mainnav #home-icon {
    height: 4em;
    width: 7.8em;
  }
}
#mainnav #menu,
#mainnav #submenu {
  list-style-type: none;
  margin: 0;
  display: inline-block;
  height: 100%;
}
#mainnav #menu > li,
#mainnav #submenu > li {
  float: left;
  height: 100%;
}
#mainnav #menu > li > #donate-button,
#mainnav #menu > li > a,
#mainnav #submenu > li > #donate-button,
#mainnav #submenu > li > a {
  display: inline-block;
  color: #ea632b;
  font-weight: 400;
  text-decoration: none;
  height: 100%;
}
#mainnav #menu > li > #donate-button:hover,
#mainnav #menu > li > a:hover,
#mainnav #submenu > li > #donate-button:hover,
#mainnav #submenu > li > a:hover {
  border-bottom: 2px solid !important;
}
@media screen and (max-width: 875px) {
  #mainnav #menu > li,
  #mainnav #submenu > li {
    height: auto;
  }
}
@media screen and (max-width: 875px) {
  #mainnav #menu,
  #mainnav #submenu {
    height: auto;
    display: block !important;
    float: none !important;
    width: 100%;
    background-color: #fff;
    text-align: center;
  }
  #mainnav #menu > li,
  #mainnav #submenu > li {
    display: block;
    float: none;
    height: auto;
  }
  #mainnav #menu #submenu_fb,
  #mainnav #menu #submenu_insta,
  #mainnav #menu #submenu_twitter,
  #mainnav #submenu #submenu_fb,
  #mainnav #submenu #submenu_insta,
  #mainnav #submenu #submenu_twitter {
    display: inline-block;
  }
}
#mainnav #menu {
  float: left;
  padding-left: 11.5em;
}
#mainnav #menu > li {
  height: 100%;
}
#mainnav #menu > li > #donate-button,
#mainnav #menu > li > a {
  font-size: 0.8em;
  line-height: 3.75em;
  padding: 0 0.5em;
}
@media screen and (max-width: 875px) {
  #mainnav #menu > li > #donate-button,
  #mainnav #menu > li > a {
    font-size: 1em;
  }
}
@media screen and (max-width: 875px) {
  #mainnav #menu {
    padding: 2em 0 0 0 !important;
  }
}
#mainnav #submenu {
  float: right;
  font-size: 0.75em;
}
@media screen and (max-width: 875px) {
  #mainnav #submenu {
    font-size: 1em;
    padding-left: 0 !important;
  }
}
#mainnav #submenu > li > #donate-button,
#mainnav #submenu > li > a {
  line-height: 4em;
  padding: 0 0.8em;
}
#mainnav #submenu svg {
  height: 1.333em;
  width: 1.333em;
  fill: #ea632b;
}
#mainnav #submenu > li > a > svg {
  margin-bottom: -0.25em;
}
#mainnav #submenu #donate-button {
  display: inline-block;
  background-color: transparent;
  border: 0;
  font-family: inherit;
}
#mainnav #submenu #search-button {
  position: relative;
  z-index: 0;
  border: 0;
  background-color: #ea632b;
  padding: 0;
  width: 4em;
  height: 100%;
  cursor: pointer;
}
#mainnav #submenu #search-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -0.6em;
  fill: #fff;
}
#mainnav #submenu #search-button,
#mainnav #submenu #search-button svg,
#mainnav #submenu #search-button svg path {
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#mainnav #submenu #search-button:hover {
  background-color: #fff;
}
#mainnav #submenu #search-button:hover svg path {
  fill: #ea632b !important;
}
#mainnav #submenu #search-button #icon-close {
  opacity: 0;
}
#mainnav #submenu #search-overlay.visible + #search-button > #icon-close {
  opacity: 1;
}
#mainnav #submenu #search-overlay.visible + #search-button > #icon-search {
  opacity: 0;
}
#mainnav #submenu > li:last-child {
  margin-left: 0.8em;
}
#mainnav #mobile-menu-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  height: 3em;
  width: 4.3em;
}
#mainnav #mobile-menu-button path {
  fill: #ea632b;
}
@media screen and (max-width: 875px) {
  #mainnav #mobile-menu-button {
    display: initial;
  }
}
#mainnav #mobile-menu-button svg {
  position: absolute;
  right: 1.471em;
  top: 1em;
}
#mainnav #mobile-menu-open {
  width: 1.333em;
}
#mainnav #mobile-menu-close {
  display: none;
  width: 1em;
  margin: 0;
}
#search-overlay {
  color: #fff;
  display: none;
}
#search-overlay #search-input {
  display: block;
  width: 100%;
  max-width: 45em;
  margin: 5em auto 3em;
  padding: 0 3em;
}
#search-overlay #search-input #search-text {
  padding: 0.35em 0.2em;
  width: calc(100% - 1.4em);
  display: inline-block;
  font-size: 1.5em;
  font-weight: 400;
  background-color: transparent;
  border-bottom: 2px solid;
}
#search-overlay #search-input #search-text::-webkit-input-placeholder {
  color: inherit;
}
#search-overlay #search-input #search-text::-moz-placeholder {
  color: inherit;
}
#search-overlay #search-input #search-text:-ms-input-placeholder {
  color: inherit;
}
#search-overlay #search-input #search-text::-ms-input-placeholder {
  color: inherit;
}
#search-overlay #search-input #search-text::placeholder {
  color: inherit;
}
#search-overlay #search-input #search-submit {
  display: inline-block;
  padding: 0;
  background-color: transparent;
}
#search-overlay #search-input #search-submit svg {
  fill: #fff;
}
#search-overlay #search-input #search-submit:hover {
  background-color: transparent;
}
#search-overlay #search-results {
  display: block;
  width: 100%;
  max-width: 45em;
  margin: 0 auto;
  padding: 0 1.5em 3em;
}
#search-overlay #search-results,
#search-overlay #search-results ul {
  list-style-type: none;
}
#search-overlay #search-results ul {
  padding: 0;
}
#search-overlay #search-results a {
  text-decoration: none;
  display: block;
  padding: 1.2em 1.5em;
}
#search-overlay #search-results a:hover {
  background-color: #ea632b;
}
#search-overlay #search-results h3 {
  font-size: 1em;
  color: grey;
  margin: 1.5em 0 0;
  padding: 0 1.5em;
}
#search-overlay #search-results h4 {
  color: #fff;
  font-size: 1.5em;
  margin: 0 0 0.2em;
}
#search-overlay #search-results p {
  font-size: 1.1em;
}
#donate-overlay {
  display: none;
  color: #fff;
}
#donate-overlay #donate-container {
  width: 100%;
  max-width: 45em;
  margin: 4em auto;
  padding: 0 3em;
}
#donate-overlay #donate-container.donate-slide-1 #donate-slide-container {
  left: 0;
}
#donate-overlay #donate-container.donate-slide-2 #donate-slide-container {
  left: -100%;
}
#donate-overlay #donate-container.donate-slide-3 #donate-slide-container {
  left: -200%;
}
#donate-overlay #donate-container svg {
  fill: #fff;
}
#donate-overlay #donate-title {
  background-color: #ea632b;
  display: block;
  overflow: auto;
}
#donate-overlay #donate-title > div > * {
  float: left;
}
#donate-overlay #donate-title #donate-close {
  float: right;
}
#donate-overlay #donate-title h3 {
  color: #fff;
  display: inline-block;
  margin: 1.05em 0 0 0.525em;
  font-size: 1.333em;
}
#donate-overlay #donate-title p {
  display: inline-block;
  margin-top: 1.4em;
  margin-right: 0.7em;
  opacity: 0.7;
}
#donate-overlay #donate-title button {
  height: 4em;
  width: 4em;
  border: 0;
  padding: 0;
  background-color: #ea632b;
}
#donate-overlay #donate-title button,
#donate-overlay #donate-title button svg path {
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#donate-overlay #donate-title button:hover:not([disabled]) {
  background-color: #fff;
}
#donate-overlay #donate-title button:hover:not([disabled]) svg path {
  fill: #ea632b !important;
}
#donate-overlay #donate-title button[disabled] {
  opacity: 0.5;
}
#donate-overlay #donate-slide-view {
  overflow: hidden;
}
#donate-overlay #donate-slide-container {
  background-color: #fff;
  position: relative;
  width: 300%;
  overflow: auto;
  -webkit-transition: left 0.4s ease-in-out;
  -o-transition: left 0.4s ease-in-out;
  transition: left 0.4s ease-in-out;
}
#donate-overlay #donate-slide-container > div {
  overflow: hidden;
}
#donate-overlay #donate-slide-container > * {
  width: 33.333%;
  float: left;
  background-color: #fff;
  color: #2c2c2c;
}
#donate-overlay #donate-slide-container > * > * {
  padding: 1.375em 2em 0;
  font-size: 1.133em;
}
#donate-overlay #donate-slide-container > * > :last-child {
  padding: 2em;
}
#donate-overlay #donate-slide-container #donate-1 div:first-child {
  text-align: center;
  background-color: #f9f9f9;
  padding: 2em;
}
#donate-overlay #donate-slide-container #donate-1 label {
  overflow: visible;
  display: block;
  max-width: 10.792em;
  width: 100%;
  margin: 0.625em auto;
  font-size: 1.412em;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
}
#donate-overlay #donate-slide-container #donate-1 label > .euroamount,
#donate-overlay #donate-slide-container #donate-1 label > .eurosign {
  position: relative;
  top: -0.167em;
}
#donate-overlay #donate-slide-container #donate-1 label:last-child {
  max-width: 13.583em;
  margin: 1.905em auto 0.667em;
  font-size: 1.235em;
}
#donate-overlay #donate-slide-container #donate-1 span.eurosign {
  margin: 0 0.207em 0 0.621em;
}
#donate-overlay #donate-slide-container #donate-1 input.euroamount {
  width: 8em;
  left: -0.167em;
  padding: 0.207em;
  background-color: transparent;
  border-bottom: 0.05em solid;
}
#donate-overlay #donate-slide-container #donate-1 #donate-amount-error {
  position: relative;
  display: block;
  opacity: 0;
  top: -1em;
  height: 0;
  color: #e30513;
  font-size: 0.8em;
  font-style: italic;
  text-align: center;
  -webkit-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
#donate-overlay #donate-slide-container #donate-1 #donate-amount-error.visible {
  opacity: 1;
}
#donate-overlay
  #donate-slide-container
  #donate-1
  input[name="recurring"]
  ~ span:nth-child(2),
#donate-overlay
  #donate-slide-container
  #donate-1
  input[name="recurring"]
  ~ span:nth-child(3) {
  background-color: #ea632b;
  color: #fff;
}
#donate-overlay
  #donate-slide-container
  #donate-1
  input[name="recurring"]:checked
  ~ span:nth-child(2),
#donate-overlay
  #donate-slide-container
  #donate-1
  input[name="recurring"]
  ~ span:nth-child(3) {
  background-color: #f5f5f5;
  color: #2c2c2c;
}
#donate-overlay
  #donate-slide-container
  #donate-1
  input[name="recurring"]:checked
  ~ span:nth-child(3) {
  background-color: #ea632b;
  color: #fff;
}
#donate-overlay
  #donate-slide-container
  #donate-1
  input[name="recurring"]
  ~ span {
  padding: 0.714em 1.19em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#donate-overlay
  #donate-slide-container
  #donate-1
  input[name="recurring"]
  ~ span:hover {
  background-color: #ea632b !important;
  color: #fff !important;
}
#donate-overlay #donate-slide-container #donate-2 > div:first-child {
  font-size: 1.333em;
  text-align: center;
}
#donate-overlay #donate-slide-container #donate-2 > div:nth-child(2) > * {
  display: block;
  width: 100%;
}
#donate-overlay
  #donate-slide-container
  #donate-2
  > div:nth-child(2)
  > :first-child {
  margin-top: 0 !important;
}
#donate-overlay
  #donate-slide-container
  #donate-2
  > div:nth-child(2)
  > :last-child {
  margin-bottom: 0 !important;
}
#donate-overlay
  #donate-slide-container
  #donate-2
  > div:nth-child(2)
  input[type="email"],
#donate-overlay
  #donate-slide-container
  #donate-2
  > div:nth-child(2)
  input[type="text"],
#donate-overlay #donate-slide-container #donate-2 > div:nth-child(2) textarea {
  font-size: 1.176em;
  padding: 0.625em;
  margin: 0.625em auto;
}
#donate-overlay #donate-slide-container #donate-2 > div:nth-child(2) textarea {
  resize: none;
}
#donate-overlay
  #donate-slide-container
  #donate-2
  > div:nth-child(2)
  > label:first-of-type {
  margin: 0.625em 0;
}
#donate-overlay #donate-slide-container #donate-3 > div {
  padding-top: 2.2em;
}
#donate-overlay #donate-slide-container #donate-3 > div:first-child {
  font-size: 1.333em;
  text-align: center;
}
#donate-overlay #donate-slide-container #donate-3 label {
  overflow: visible;
  display: block;
  max-width: 7.083em;
  width: 100%;
  margin: 1em auto;
  font-size: 1.412em;
}
#donate-overlay #donate-slide-container #donate-3 label > .payment-name {
  position: relative;
  top: -0.167em;
  margin: 0 0 0 0.621em;
  padding: 0.207em;
}
#donate-overlay #donate-slide-container #donate-3 > div:nth-child(2) {
  padding-bottom: 1em;
}
#donate-overlay #donate-slide-container #donate-3 > div:last-child {
  text-align: center;
  font-style: italic;
  opacity: 0.8;
}
#donate-overlay #donate-button-container {
  background-color: #fff;
  text-align: center;
  padding: 0 2.267em 2.267em;
}
#donate-overlay #donate-button-container #donate-pay {
  display: none;
}
#donate-overlay .donate-slide-3 #donate-button-container #donate-pay {
  display: inline-block;
  font-size: 1.2em;
}
#donate-overlay .donate-slide-3 #donate-button-container .donate-next {
  display: none;
}
#home main {
  padding-bottom: 1.5em;
}
#home #intro {
  margin-left: -1.5em;
  width: 100vw;
  height: calc(100vh - 3em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 875px) {
  #home #intro {
    height: calc(82vh - 3em);
  }
}
#home #uitgelicht {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
#home #uitgelicht.translate-right > li {
  left: -100%;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
#home #uitgelicht li {
  display: inline-block;
  height: 100%;
  width: 100%;
  white-space: normal;
  position: relative;
  left: 0;
}
#home #uitgelicht a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#home #uitgelicht .project-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
#home #uitgelicht .project-bg-overlay {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(20%, rgba(0, 0, 0, 0.3)),
    color-stop(60%, transparent)
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.3) 20%,
    transparent 60%
  );
  background-image: linear-gradient(0, rgba(0, 0, 0, 0.3) 20%, transparent 60%);
  z-index: 1;
}
@media screen and (max-width: 790px) {
  #home #uitgelicht .project-bg-overlay {
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(30%, rgba(0, 0, 0, 0.3)),
      color-stop(80%, transparent)
    );
    background-image: -o-linear-gradient(
      bottom,
      rgba(0, 0, 0, 0.3) 30%,
      transparent 80%
    );
    background-image: linear-gradient(
      0,
      rgba(0, 0, 0, 0.3) 30%,
      transparent 80%
    );
  }
}
#home #uitgelicht .project-bg-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
#home #uitgelicht a:hover .project-bg {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
#home #uitgelicht .project-button {
  display: inline-block;
  position: relative;
  background-color: #ea632b;
  height: 1.6em;
  width: 1.6em;
  overflow: hidden;
  margin-left: 0.3em;
  margin-bottom: -0.4em;
}
#home #uitgelicht .project-button svg {
  position: absolute;
  height: 0.7em;
  width: 0.7em;
  top: 0.45em;
  left: 0.45em;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#home #uitgelicht .project-button svg path {
  fill: #fff;
}
#home #uitgelicht .project-button > :first-child {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
#home #uitgelicht .project-button > :last-child,
#home #uitgelicht a:hover .project-button > :first-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
#home #uitgelicht a:hover .project-button > :last-child {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
#home #uitgelicht .project-text {
  position: absolute;
  bottom: 1.5em;
  width: 100%;
  text-align: center;
  z-index: 2;
  padding: 0 1em;
}
#home #uitgelicht h3 {
  color: #fff;
  text-decoration: none;
  font-size: 3em;
  margin: 0 auto;
  max-width: 16em;
  width: 100%;
  word-break: break-word;
}
@media screen and (max-width: 790px) {
  #home #uitgelicht h3 {
    font-size: 1.8em;
  }
}
#home #uitgelicht p {
  color: #fff;
  text-decoration: none;
  font-style: italic;
  font-size: 1.1em;
  margin: 0.3em auto 0;
  max-width: 30em;
  width: 100%;
}
@media screen and (max-width: 790px) {
  #home #uitgelicht p {
    font-size: 1em;
  }
}
#home #direct-naar {
  background-color: #ea632b;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 790px) {
  #home #direct-naar {
    display: initial;
    padding: 0.9em 1em;
  }
}
#home #direct-naar span {
  color: #fff;
  font-size: 1.1em;
  padding-right: 2em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1140px) {
  #home #direct-naar span {
    padding-right: 1em;
  }
}
@media screen and (max-width: 790px) {
  #home #direct-naar span {
    font-size: 1em;
    padding: 0 0.3em;
    margin: 0 auto;
    width: 100%;
    max-width: 26em;
    display: block;
  }
}
#home #direct-naar ul {
  list-style-type: none;
  padding: 0.8em 0;
  margin: 0;
}
@media screen and (max-width: 1040px) {
  #home #direct-naar ul {
    max-width: 26em;
  }
}
@media screen and (max-width: 790px) {
  #home #direct-naar ul {
    margin: 0 auto;
  }
}
#home #direct-naar ul li {
  float: left;
  padding: 0.3em;
}
#home #direct-naar ul a {
  display: block;
  font-size: 0.8em;
  font-weight: 400;
  padding: 0.3em 1em 0.8em;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#home #direct-naar ul a:hover {
  background-color: #2c2c2c;
  color: #fff;
}
#home #direct-naar ul a:hover path {
  fill: #fff !important;
}
#home #direct-naar ul svg {
  height: 1.5em;
  width: 1.5em;
  position: relative;
  top: 0.375em;
  padding: 0.35em 0;
  margin-left: 0.625em;
}
#home #direct-naar ul svg path {
  fill: #2c2c2c !important;
}
#home #ook-uitgelicht {
  margin-top: 1.5em;
  margin-left: -1.5em;
  width: 100vw;
}
@media screen and (max-width: 790px) {
  #home #ook-uitgelicht {
    margin-top: 0;
  }
}
#home #ook-uitgelicht ul {
  list-style-type: none;
  margin: 0 0.75em;
  padding: 0;
  width: calc(100vw - 1.5em);
  overflow: auto;
}
@media screen and (max-width: 790px) {
  #home #ook-uitgelicht ul {
    margin: 0;
    width: 100%;
  }
}
#home #ook-uitgelicht li {
  display: inline-block;
  float: left;
  width: 33.333%;
  height: 19.7vw;
  padding: 0 0.75em;
}
@media screen and (max-width: 790px) {
  #home #ook-uitgelicht li {
    display: block;
    float: none;
    padding: 0;
    width: 100%;
    height: 46.6vh;
  }
}
#home #ook-uitgelicht a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ea632b;
  position: relative;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
#home #ook-uitgelicht .project-button {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ea632b;
  height: 2em;
  width: 2em;
}
#home #ook-uitgelicht .project-button svg {
  position: absolute;
  height: 0.8em;
  width: 0.8em;
  top: 0.6em;
  left: 0.65em;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#home #ook-uitgelicht .project-button svg path {
  fill: #fff;
}
#home #ook-uitgelicht .project-button > :first-child {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
#home #ook-uitgelicht .project-button > :last-child,
#home #ook-uitgelicht a:hover .project-button > :first-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
#home #ook-uitgelicht a:hover .project-button > :last-child {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
#home #ook-uitgelicht .project-bg-placeholder {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
#home #ook-uitgelicht .project-bg,
#home #ook-uitgelicht .project-bg-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
#home #ook-uitgelicht .project-bg {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
#home #ook-uitgelicht .project-bg-overlay {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(30%, rgba(0, 0, 0, 0.3)),
    color-stop(60%, transparent)
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.3) 30%,
    transparent 60%
  );
  background-image: linear-gradient(0, rgba(0, 0, 0, 0.3) 30%, transparent 60%);
}
@media screen and (max-width: 790px) {
  #home #ook-uitgelicht .project-bg-overlay {
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(30%, rgba(0, 0, 0, 0.3)),
      color-stop(80%, transparent)
    );
    background-image: -o-linear-gradient(
      bottom,
      rgba(0, 0, 0, 0.3) 30%,
      transparent 80%
    );
    background-image: linear-gradient(
      0,
      rgba(0, 0, 0, 0.3) 30%,
      transparent 80%
    );
  }
}
#home #ook-uitgelicht a:hover .project-bg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#home #ook-uitgelicht .project-text {
  position: absolute;
  left: 1.5em;
  right: 1.5em;
  bottom: 1.4em;
}
#home #ook-uitgelicht h3 {
  color: #fff;
  margin: 0;
  font-size: 1em;
}
@media screen and (max-width: 790px) {
  #home #ook-uitgelicht h3 {
    font-size: 1.5em;
  }
}
#home #ook-uitgelicht p {
  margin-top: 0;
  margin-right: 2em;
  font-style: italic;
  font-size: 0.85em;
}
@media screen and (max-width: 790px) {
  #home #ook-uitgelicht p {
    font-size: 1em;
  }
}
#home #widgets {
  margin-top: 1.5em;
  margin-left: -1.5em;
  width: 100vw;
  padding: 0 0.75em;
  overflow: auto;
}
@media screen and (max-width: 790px) {
  #home #widgets {
    margin: 1.5em 0 0;
    width: 100%;
    padding: 0;
  }
}
#home #widgets > * {
  width: calc(50% - 1.5em);
  margin: 0 0.75em;
  float: left;
}
@media screen and (max-width: 790px) {
  #home #widgets > * {
    width: 100% !important;
    margin: 0 0 1.5em;
  }
}
@media screen and (max-width: 790px) {
  #home #widgets > :last-child {
    margin: 0;
  }
}
#home #widgets > * > :nth-child(2) {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
#home #widgets #facebook > h2,
#home #widgets #nieuwsbrief > h2 {
  font-size: 0.8em;
  text-transform: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#home #widgets #facebook > h2 a,
#home #widgets #nieuwsbrief > h2 a {
  display: inline-block;
  padding: 1em 3em 1em 1.25em;
  background-color: #ea632b;
  color: #fff;
  text-decoration: none;
  position: relative;
}
#home #widgets #facebook .project-button,
#home #widgets #nieuwsbrief .project-button {
  display: inline-block;
  position: absolute;
  background-color: #ea632b;
  height: 1.6em;
  width: 1.6em;
  top: 0.8em;
  right: 0.8em;
}
#home #widgets #facebook .project-button svg,
#home #widgets #nieuwsbrief .project-button svg {
  position: absolute;
  height: 1em;
  width: 1em;
  top: 0.28em;
  left: 0.45em;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#home #widgets #facebook .project-button svg path,
#home #widgets #nieuwsbrief .project-button svg path {
  fill: #fff;
}
#home #widgets #facebook .project-button > :first-child,
#home #widgets #nieuwsbrief .project-button > :first-child {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
#home #widgets #facebook .project-button > :last-child,
#home #widgets #facebook a:hover .project-button > :first-child,
#home #widgets #nieuwsbrief .project-button > :last-child,
#home #widgets #nieuwsbrief a:hover .project-button > :first-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
#home #widgets #facebook a:hover .project-button > :last-child,
#home #widgets #nieuwsbrief a:hover .project-button > :last-child {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
#home #widgets #agenda ul,
#home #widgets #facebook ul {
  list-style-type: none;
}
#home #widgets #agenda li,
#home #widgets #facebook li {
  display: block;
}
#home #widgets #agenda li:nth-child(2n),
#home #widgets #facebook li:nth-child(2n) {
  background-color: #f9f9f9;
}
#home #widgets #agenda li > a,
#home #widgets #facebook li > a {
  padding: 1em;
  display: block;
  overflow: auto;
  text-decoration: none;
}
#home #widgets #facebook div {
  float: left;
  height: 3.4em;
}
#home #widgets #facebook li:first-child div {
  height: 11vw;
  width: 50%;
}
@media screen and (max-width: 790px) {
  #home #widgets #facebook li:first-child div {
    height: 21vw;
  }
}
#home #widgets #facebook li:first-child p {
  height: calc(11vw - 1.5em);
}
@media screen and (max-width: 790px) {
  #home #widgets #facebook li:first-child p {
    height: 16vw;
  }
}
#home #widgets #facebook div:first-child {
  width: 3.4em;
  background-size: cover;
  background-position: 50%;
}
#home #widgets #facebook div:last-child {
  padding-left: 1em;
  width: calc(100% - 3.4em);
}
#home #widgets #facebook time {
  font-style: italic;
  font-size: 0.7em;
  opacity: 0.7;
}
#home #widgets #facebook p {
  font-size: 0.8em;
  margin-top: 0.3em;
  height: 2.875em;
  line-height: 1.25em;
  word-break: break-word;
}
#home #widgets #agenda > h2 {
  font-size: 0.8em;
  text-transform: none;
  display: inline-block;
  margin: 0;
  padding: 1em 1.25em;
  background-color: #ea632b;
  color: #fff;
  text-decoration: none;
}
#home #widgets #agenda li {
  overflow: auto;
}
#home #widgets #agenda time {
  display: block;
  font-size: 0.8em;
  margin-bottom: 0.625em;
}
#home #widgets #agenda p:nth-child(3),
#home #widgets #agenda time {
  opacity: 0.7;
}
#home #widgets #agenda p:nth-child(2) {
  float: left;
  font-size: 0.85em;
  font-family: Arca Majora\3, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.059em;
  margin: 0;
}
#home #widgets #agenda p:nth-child(3) {
  float: right;
  font-size: 0.8em;
  font-style: italic;
  margin: 0;
}
#home #widgets #nieuwsbrief {
  margin-top: 1.5em;
}
#home #widgets #nieuwsbrief > div {
  font-size: 0.8em;
  padding: 1.875em;
}
#home #widgets #nieuwsbrief input {
  display: block;
  width: 100%;
  padding: 1em;
  margin: 1.34em 0;
}
#home #widgets #nieuwsbrief #are-we-human {
  display: none;
}
#home #widgets #nieuwsbrief #news-returnmessage.success {
  color: green;
}
#home #widgets #nieuwsbrief #news-returnmessage.error {
  color: red;
}
#alle-projecten main {
  padding: 3em 2.3em 1.55em;
}
#alle-projecten main > * {
  margin-top: 2.3em;
}
#alle-projecten #intro {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  width: 100%;
  max-width: 33em;
}
#alle-projecten #intro h3 {
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media screen and (max-width: 705px) {
  #alle-projecten #intro h3 {
    font-size: 1.5em;
  }
}
#alle-projecten #intro p {
  font-weight: 500;
}
#alle-projecten #intro > div:not(:first-child) {
  display: none;
}
#alle-projecten #intro #intro__container > h1 {
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media screen and (max-width: 500px) {
  #alle-projecten #intro #intro__container > h1 {
    font-size: 6vw;
  }
}
#alle-projecten #sorteer-projecten {
  background-color: #fff;
  width: 100vw;
  margin-left: -2.3em;
  padding: 0.1em 0.4em 0.4em;
}
#alle-projecten #sorteer-projecten form {
  text-align: center;
}
#alle-projecten #sorteer-projecten form > * {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.4em;
  margin-right: 0.2em;
  font-size: 0.8em;
  font-weight: 400;
  background-color: #f5f5f5;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#alle-projecten #sorteer-projecten form > label:hover {
  background-color: #2c2c2c;
  color: #fff;
}
#alle-projecten #sorteer-projecten form > label:hover path {
  fill: #fff !important;
}
#alle-projecten #sorteer-projecten input[type="checkbox"] {
  display: none;
}
#alle-projecten #sorteer-projecten label.categorie {
  padding: 0.8em 1em;
}
#alle-projecten #sorteer-projecten label.categorie svg {
  position: relative;
  height: 0.7em;
  width: 0.7em;
  top: 0.07em;
  padding: 1px;
  margin-left: 0.6em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#alle-projecten #sorteer-projecten input[type="checkbox"]:checked + label {
  background-color: #ea632b;
  color: #fff;
}
#alle-projecten #sorteer-projecten input[type="checkbox"]:checked + label svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#alle-projecten
  #sorteer-projecten
  input[type="checkbox"]:checked
  + label
  svg
  path {
  fill: #fff !important;
}
#alle-projecten #sorteer-projecten select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: inherit;
  cursor: pointer;
  background-color: transparent;
  color: inherit;
  padding: 0.8em 2.5em 0.8em 1em;
}
#alle-projecten #sorteer-projecten label.jaar {
  position: relative;
  overflow: visible;
}
#alle-projecten #sorteer-projecten label.jaar svg {
  position: absolute;
  pointer-events: none;
  height: 0.7em;
  width: 0.7em;
  top: 1.09em;
  right: 0.8em;
  padding: 1px;
  margin-left: 0.6em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#alle-projecten #sorteer-projecten label.jaar .hidden_select_container {
  display: none;
}
#alle-projecten #sorteer-projecten label.jaar .simpleselect {
  position: relative;
}
#alle-projecten #sorteer-projecten label.jaar .simpleselect .placeholder {
  padding: 0.8em 2.5em 0.8em 1em;
  text-align: left;
}
#alle-projecten #sorteer-projecten label.jaar .simpleselect .options {
  position: absolute;
  z-index: 999;
  top: 100% !important;
  width: 100%;
  list-style-type: none;
  display: none;
  padding: 0;
  margin: 0;
  background-color: #f5f5f5;
}
#alle-projecten #sorteer-projecten label.jaar .simpleselect .option {
  padding: 0.8em 1em;
  background-color: transparent;
  display: block;
  width: 100%;
  color: #2c2c2c;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#alle-projecten #sorteer-projecten label.jaar .simpleselect .option.active,
#alle-projecten #sorteer-projecten label.jaar .simpleselect .option:hover {
  background-color: #2c2c2c;
  color: #fff;
}
#alle-projecten #sorteer-projecten input[type="text"] {
  margin-right: 0;
  padding: 0.8em 1.2em;
}
#alle-projecten #actuele-projecten {
  margin-top: 0.75em;
}
#alle-projecten #actuele-projecten ul {
  display: block;
  list-style-type: none;
  width: calc(100% + 2.3em);
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 -1.15em;
}
#alle-projecten #actuele-projecten li {
  height: 29vw;
  width: 50%;
  padding: 0.75em;
  float: left;
}
@media screen and (max-width: 705px) {
  #alle-projecten #actuele-projecten li {
    width: 100%;
    height: 50vw;
  }
}
#alle-projecten #actuele-projecten a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ea632b;
  position: relative;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
#alle-projecten #actuele-projecten .project-button {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ea632b;
  height: 2.5em;
  width: 2.5em;
  overflow: hidden;
}
#alle-projecten #actuele-projecten .project-button svg {
  position: absolute;
  height: 1em;
  width: 1em;
  top: 0.75em;
  left: 0.75em;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#alle-projecten #actuele-projecten .project-button svg path {
  fill: #fff;
}
#alle-projecten #actuele-projecten .project-button > :first-child {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
#alle-projecten #actuele-projecten .project-button > :last-child,
#alle-projecten #actuele-projecten a:hover .project-button > :first-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
#alle-projecten #actuele-projecten a:hover .project-button > :last-child {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
#alle-projecten #actuele-projecten .project-bg-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
#alle-projecten #actuele-projecten .project-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
#alle-projecten #actuele-projecten .project-bg-overlay {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(30%, rgba(0, 0, 0, 0.3)),
    color-stop(60%, transparent)
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.3) 30%,
    transparent 60%
  );
  background-image: linear-gradient(0, rgba(0, 0, 0, 0.3) 30%, transparent 60%);
}
#alle-projecten #actuele-projecten a:hover .project-bg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#alle-projecten #actuele-projecten .project-text {
  position: absolute;
  left: 1.5em;
  right: 1.5em;
  bottom: 1.5em;
}
#alle-projecten #actuele-projecten h3 {
  color: #fff;
  margin: 0;
  font-size: 1.3em;
  word-break: break-word;
}
@media screen and (max-width: 705px) {
  #alle-projecten #actuele-projecten h3 {
    font-size: 1.1em;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
}
#alle-projecten #actuele-projecten p {
  margin-top: 0;
  margin-right: 2em;
  font-style: italic;
}
@media screen and (max-width: 440px) {
  #alle-projecten #actuele-projecten p {
    display: none;
  }
}
#alle-projecten #voorbije-projecten h2 {
  margin: 0 0 0.2em;
  text-align: center;
}
#alle-projecten #voorbije-projecten ul {
  display: block;
  list-style-type: none;
  width: calc(100% + 2.3em);
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 -1.15em;
}
#alle-projecten #voorbije-projecten li {
  height: 19.7vw;
  width: 33.333%;
  padding: 0.75em;
  float: left;
}
@media screen and (max-width: 1040px) {
  #alle-projecten #voorbije-projecten li {
    width: 50%;
    height: 29vw;
  }
}
@media screen and (max-width: 670px) {
  #alle-projecten #voorbije-projecten li {
    width: 100%;
    height: 50vw;
  }
}
#alle-projecten #voorbije-projecten a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ea632b;
  position: relative;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
#alle-projecten #voorbije-projecten .project-button {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ea632b;
  height: 2em;
  width: 2em;
}
#alle-projecten #voorbije-projecten .project-button svg {
  position: absolute;
  height: 0.8em;
  top: 0.6em;
  left: 0.65em;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#alle-projecten #voorbije-projecten .project-button svg path {
  fill: #fff;
}
#alle-projecten #voorbije-projecten .project-button > :first-child {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
#alle-projecten #voorbije-projecten .project-button > :last-child,
#alle-projecten #voorbije-projecten a:hover .project-button > :first-child {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
#alle-projecten #voorbije-projecten a:hover .project-button > :last-child {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
}
#alle-projecten #voorbije-projecten .project-bg-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
#alle-projecten #voorbije-projecten .project-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
#alle-projecten #voorbije-projecten .project-bg-overlay {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(30%, rgba(0, 0, 0, 0.3)),
    color-stop(60%, transparent)
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.3) 30%,
    transparent 60%
  );
  background-image: linear-gradient(0, rgba(0, 0, 0, 0.3) 30%, transparent 60%);
}
#alle-projecten #voorbije-projecten a:hover .project-bg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#alle-projecten #voorbije-projecten .project-text {
  position: absolute;
  left: 1.5em;
  right: 1.5em;
  bottom: 1.4em;
}
#alle-projecten #voorbije-projecten h3 {
  color: #fff;
  margin: 0;
  font-size: 1em;
  word-break: break-word;
}
@media screen and (max-width: 705px) {
  #alle-projecten #voorbije-projecten h3 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 1.1em;
  }
}
#alle-projecten #voorbije-projecten p {
  margin-top: 0;
  margin-right: 2em;
  font-style: italic;
  font-size: 0.85em;
}
@media screen and (max-width: 440px) {
  #alle-projecten #voorbije-projecten p {
    display: none;
  }
}
#alle-projecten #no-results {
  margin: 0;
  text-align: center;
  font-style: italic;
  height: 14.5vw;
  color: #ea632b;
  display: table;
  width: 100%;
}
#alle-projecten #no-results > * {
  display: table-cell;
  vertical-align: middle;
}
#single-project main {
  padding: 3em 0 0;
}
#single-project main > section {
  clear: both;
}
#single-project #project-intro {
  width: 100%;
  height: calc(100vh - 3em);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1040px) {
  #single-project #project-intro {
    height: calc(100vh - 2.5em);
  }
}
#single-project #project-bg-placeholder {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
#single-project #project-bg,
#single-project #project-bg-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
#single-project #project-bg-overlay {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(20%, rgba(0, 0, 0, 0.3)),
    color-stop(60%, transparent)
  );
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.3) 20%,
    transparent 60%
  );
  background-image: linear-gradient(0, rgba(0, 0, 0, 0.3) 20%, transparent 60%);
}
#single-project #project_title {
  position: absolute;
  left: 0;
  bottom: 5em;
  width: 100%;
  text-align: center;
  padding: 0 1em;
}
#single-project #project_title h1 {
  color: #fff;
  text-decoration: none;
  font-size: 3em;
  margin: 0 auto;
  max-width: 16em;
  width: 100%;
  word-break: break-word;
}
@media screen and (max-width: 705px) {
  #single-project #project_title h1 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 7vw;
  }
}
#single-project #project_title p {
  color: #fff;
  text-decoration: none;
  font-style: italic;
  font-size: 1.1em;
  margin: 0.3em auto 0;
  max-width: 30em;
  width: 100%;
}
#single-project #project_chapters {
  position: fixed;
  left: 0;
  top: 9em;
  z-index: 10;
}
@media screen and (max-width: 705px) {
  #single-project #project_chapters {
    display: none;
  }
}
#single-project #project_chapters ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
#single-project #project_chapters li {
  float: left;
  clear: both;
  height: 1.5em;
  margin: 0.2em 0;
  position: relative;
  border-left: 0.2em solid #fff;
  white-space: nowrap;
  width: 1.15em;
  overflow: visible;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#single-project #project_chapters li.initial a,
#single-project #project_chapters li:hover > a {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#single-project #project_chapters li.initial a {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
}
#single-project #project_chapters li.initial a:after {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
#single-project #project_chapters li.initial:hover a {
  color: #2c2c2c;
  text-shadow: none;
}
#single-project #project_chapters li.initial:hover a:after {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#single-project #project_chapters li.under {
  border-color: #2c2c2c;
}
#single-project #project_chapters li.under a {
  color: #2c2c2c;
}
#single-project #project_chapters li.under:hover a {
  color: #fff;
}
#single-project #project_chapters li.under a:after {
  background-color: #2c2c2c;
}
#single-project #project_chapters a {
  display: inline-block;
  vertical-align: top;
  padding-top: 0.61em;
  font-family: Arca Majora\3, sans-serif;
  color: #fff;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.7em;
  padding-left: 0.571em;
  padding-right: 1.143em;
  position: relative;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 15em;
}
#single-project #project_chapters a,
#single-project #project_chapters a:after {
  height: 100%;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#single-project #project_chapters a:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
#single-project #project_extra-buttons {
  position: absolute;
  top: 6em;
  right: 0;
  z-index: 0;
}
#single-project #project_extra-buttons ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#single-project #project_extra-buttons li {
  float: right;
  clear: both;
  height: 1.5em;
  margin: 0.2em 0;
  position: relative;
}
#single-project #project_extra-buttons li:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  z-index: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#single-project #project_extra-buttons li:hover:after {
  right: 0;
}
#single-project #project_extra-buttons li:hover > a {
  color: #2c2c2c;
  text-shadow: none;
}
#single-project #project_extra-buttons li:hover path {
  fill: #2c2c2c !important;
}
#single-project #project_extra-buttons a {
  display: inline-block;
  vertical-align: top;
  padding-right: 0.571em;
  padding-left: 1.143em;
  height: 100%;
  font-family: Arca Majora\3, sans-serif;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.7em;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border-right: 0.286em solid #fff;
  position: relative;
  z-index: 2;
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
}
#single-project #project_extra-buttons a#project_english {
  padding-top: 0.61em;
}
#single-project #project_extra-buttons a#facebook_event {
  padding-top: 0.357em;
  padding-bottom: 0.357em;
}
#single-project #project_extra-buttons svg {
  height: 1.4em;
  width: 1.4em;
}
#single-project #project_extra-buttons svg path {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  fill: #fff;
}
#single-project #project_dates-location {
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2.75rem;
}
#single-project #project_dates-location > * {
  float: left;
  display: inline-block;
}
#single-project #project_dates-location > ul {
  list-style-type: none;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 1em;
  margin: 0;
  width: auto;
  background-color: rgba(0, 0, 0, 0.45);
  height: 100%;
}
#single-project #project_dates-location > button + ul {
  padding: 0;
  width: calc(100% - 13.41em);
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
@media screen and (max-width: 600px) {
  #single-project #project_dates-location > button + ul {
    width: calc(100% - 11.4em) !important;
  }
}
#single-project #project_dates-location > ul > li {
  position: relative;
  display: inline-block;
  white-space: normal;
  min-width: 25%;
  vertical-align: top;
  left: 0;
  border-right: 1px solid #d3d3d3;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#single-project #project_dates-location > ul > li:last-child {
  border-right: 0;
}
@media screen and (max-width: 1140px) {
  #single-project #project_dates-location > ul > li {
    min-width: 33.333%;
  }
}
@media screen and (max-width: 910px) {
  #single-project #project_dates-location > ul > li {
    min-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  #single-project #project_dates-location > ul > li {
    min-width: 100%;
  }
}
#single-project #project_dates-location > ul > li > * {
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-family: Arca Majora\3, sans-serif;
  font-size: 0.67em;
  display: inline-block;
  height: 2.8rem;
  width: 100%;
  padding: 1.25em 4em 0.9em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0.8;
}
@media screen and (max-width: 600px) {
  #single-project #project_dates-location > ul > li > * {
    padding: 0.6em 0 0.47em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.8rem;
  }
}
#single-project #project_dates-location > button + ul > li {
  opacity: 1;
}
#single-project #project_dates-location > button + ul > li:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#single-project #project_dates-location > button {
  height: 2.8rem;
  background-color: rgba(0, 0, 0, 0.45);
  padding: 1.15em 1.15em 0.85em;
  font-family: Arca Majora\3, sans-serif;
  font-size: 0.67em;
  text-transform: uppercase;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#single-project #project_dates-location > button svg {
  height: 1em;
  width: 1em;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
#single-project #project_dates-location > button path {
  fill: #fff !important;
}
#single-project
  #project_dates-location
  > button:not(#project_location-button):hover
  svg {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
#single-project #project_dates-location > ul > li > * > time > span:last-child {
  color: #d3d3d3;
  margin-left: 0.5em;
}
@media screen and (max-width: 600px) {
  #single-project #project_dates-location time {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #single-project #project_dates-location time > span {
    display: block;
  }
}
#single-project #project-content > #project_dates-location {
  position: relative !important;
  margin: 0;
}
#single-project #project-content > :last-child {
  margin-bottom: 4.5em;
}
#single-project #project_location-button {
  float: right;
  padding: 0 !important;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: 13.4em;
}
@media screen and (max-width: 600px) {
  #single-project #project_location-button {
    width: 10.405em;
  }
}
#single-project #project_location-button span {
  padding: 1.25em 4em 0.9em !important;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  display: block;
}
#single-project #project_location-button span:hover {
  color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 600px) {
  #single-project #project_location-button span {
    padding: 1.25em 0 0.9em !important;
  }
}
#single-project #project_location-button:first-child {
  border: 0;
}
#single-project button + #project_location-button {
  border-left: 1px solid #d3d3d3;
}
#single-project #project_location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 2.3em;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background-color: #ea632b;
  color: #fff;
  min-height: 14em;
  width: auto;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  pointer-events: none;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  #single-project #project_location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#single-project #project_location.visible {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  pointer-events: auto;
}
#single-project #project_location > * {
  display: inline-block;
}
#single-project #project_location #location-text {
  padding: 2em;
  width: auto;
  max-width: 19em;
  -ms-flex-item-align: center;
  align-self: center;
}
#single-project #project_location #location-text > * {
  color: #fff !important;
  text-align: center;
}
#single-project #project_location #location-text h6 {
  font-family: Arca Majora\3, sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  margin: 0 0 0.8em;
}
#single-project #project_location #location-text p {
  margin: 0;
}
#single-project #project_location #map_wrapper {
  position: relative;
  width: 21em;
}
@media screen and (max-width: 600px) {
  #single-project #project_location #map_wrapper {
    height: 15em;
    width: 100vw;
  }
}
#single-project #project_location #map_wrapper button img {
  margin: 0;
}
#single-project #project_location #map_wrapper #map_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#single-project #project_in-het-kort {
  margin: 0 auto;
  width: 100%;
  max-width: 35em;
  padding: 2.25em 3em;
  background-color: #fff;
}
@media screen and (max-width: 705px) {
  #single-project #project_in-het-kort {
    padding: 1.5em 2em;
  }
}
#single-project #project_main-content h3 {
  font-size: 1.25em;
}
#single-project #project_main-content > div {
  padding-top: 0;
  position: relative;
}
#single-project #project_main-content .text-block {
  margin: 0 auto;
  width: 100%;
  max-width: 35em;
  padding: 0 3em 2.25em;
  background-color: #fff;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .text-block {
    padding: 0 2em 1.5em;
  }
}
#single-project #project_main-content .text-block + .media-wrapper_side {
  margin-top: 0;
}
#single-project #project_main-content .text-block h1,
#single-project #project_main-content .text-block h2,
#single-project #project_main-content .text-block h3,
#single-project #project_main-content .text-block h4,
#single-project #project_main-content .text-block h5,
#single-project #project_main-content .text-block h6 {
  margin-bottom: 0;
}
#single-project #project_main-content .text-block > * {
  position: relative;
}
#single-project #project_main-content .text-block ol,
#single-project #project_main-content .text-block ul {
  font-size: 0.9em;
  line-height: 1.4em;
}
#single-project #project_main-content .link-file {
  margin: 0 auto;
  width: 100%;
  max-width: 35em;
  padding: 0 3em 2.25em;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .link-file {
    padding: 0 2em 1.5em;
  }
}
#single-project #project_main-content .link-file a {
  display: inline-block;
  text-decoration: none;
}
#single-project #project_main-content .link-file svg {
  height: 2.2em;
  width: 1.7em;
  display: inline-block;
  vertical-align: middle;
  fill: #2c2c2c;
}
#single-project #project_main-content .link-file span {
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
  font-style: italic;
  margin-left: 0.5em;
  text-decoration: underline;
}
#single-project #project_main-content div[class^="media-wrapper_"] iframe,
#single-project #project_main-content div[class^="media-wrapper_"] img {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
#single-project #project_main-content div[class^="media-wrapper_"] [data-src] {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
#single-project #project_main-content .media-wrapper_single {
  margin: 0 auto;
  width: 100%;
  max-width: 35em;
  padding: 0 3em 2.25em;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .media-wrapper_single {
    padding: 0 2em 1.5em;
  }
}
#single-project #project_main-content .media-wrapper_single > a,
#single-project #project_main-content .media-wrapper_single > div {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#single-project #project_main-content .media-wrapper_single > a {
  width: auto !important;
}
#single-project #project_main-content .media-wrapper_single > a > img {
  max-width: 100%;
  max-height: 29em;
  display: block;
}
@media screen and (max-width: 790px) {
  #single-project #project_main-content .media-wrapper_single > a > img {
    max-height: 20em;
  }
}
#single-project #project_main-content .media-wrapper_single > div {
  padding-top: 56.25%;
}
#single-project #project_main-content .media-wrapper_single > div > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#single-project #project_main-content .media-wrapper_single > p {
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
  color: #8a8a8a;
  padding: 0 1em;
}
#single-project #project_main-content .media-wrapper_side {
  float: right;
  width: 100%;
  max-width: 22em;
  margin: 0 0 2.25em 2.25em;
  clear: right;
  position: relative;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .media-wrapper_side {
    margin: 0 0 1.5em 1.5em;
  }
}
#single-project #project_main-content .media-wrapper_side > a,
#single-project #project_main-content .media-wrapper_side > div {
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: block;
}
#single-project #project_main-content .media-wrapper_side iframe,
#single-project #project_main-content .media-wrapper_side img {
  width: 100%;
  display: block;
}
#single-project #project_main-content .media-wrapper_side iframe {
  height: 12.4em;
}
#single-project #project_main-content .media-wrapper_side > p {
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
  color: #8a8a8a;
  padding: 0 1em;
  position: relative;
  z-index: 1;
}
#single-project #project_main-content .media-wrapper_side:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100vw;
  max-width: 35em;
  background-color: #fff;
  top: 0;
  right: 50vw;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
  padding-bottom: 2.25em;
  z-index: 0;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .media-wrapper_side:before {
    padding-bottom: 1.5em;
  }
}
@media screen and (max-width: 790px) {
  #single-project #project_main-content .media-wrapper_side {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 35em;
    padding: 0 3em 2.25em;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 790px) and (max-width: 705px) {
  #single-project #project_main-content .media-wrapper_side {
    padding: 0 2em 1.5em;
  }
}
@media screen and (max-width: 790px) {
  #single-project #project_main-content .media-wrapper_side > a,
  #single-project #project_main-content .media-wrapper_side > div {
    overflow: hidden;
    position: relative;
  }
  #single-project #project_main-content .media-wrapper_side > a {
    width: auto !important;
  }
  #single-project #project_main-content .media-wrapper_side > a > img {
    max-width: 100%;
    max-height: 29em;
    display: block;
    width: auto;
  }
  #single-project #project_main-content .media-wrapper_side > div {
    width: 100%;
    padding-top: 56.25%;
  }
  #single-project #project_main-content .media-wrapper_side > div > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  #single-project #project_main-content .media-wrapper_side > p {
    text-align: center;
    font-size: 0.8em;
    font-style: italic;
    color: #8a8a8a;
    padding: 0 1em;
  }
  #single-project #project_main-content .media-wrapper_side:before {
    display: none;
  }
}
#single-project #project_main-content .media-wrapper_double {
  width: 100%;
  overflow: auto;
  position: relative;
  padding-bottom: 2.25em;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .media-wrapper_double {
    padding-bottom: 1.5em;
  }
}
#single-project #project_main-content .media-wrapper_double > div {
  width: 50%;
  float: left;
  position: relative;
  z-index: 2;
}
#single-project #project_main-content .media-wrapper_double > div > div {
  overflow: hidden;
}
#single-project #project_main-content .media-wrapper_double > div > a,
#single-project
  #project_main-content
  .media-wrapper_double
  > div
  > div
  > iframe {
  width: 100%;
  height: 28.15vw;
  overflow: hidden;
  display: block;
  background-size: cover;
  background-position: 50%;
}
#single-project #project_main-content .media-wrapper_double > div > a > div {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50%;
}
#single-project #project_main-content .media-wrapper_double > div > p {
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
  color: #8a8a8a;
  padding: 0 1em;
}
#single-project #project_main-content .media-wrapper_double:after {
  content: "";
  position: absolute;
  background-color: #fff;
  max-width: 35em;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  z-index: 1;
}
#single-project #project_main-content .media-wrapper_triple {
  width: 100%;
  overflow: auto;
  position: relative;
  padding-bottom: 2.25em;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .media-wrapper_triple {
    padding-bottom: 1.5em;
  }
}
#single-project #project_main-content .media-wrapper_triple > div {
  width: 33.333%;
  float: left;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#single-project #project_main-content .media-wrapper_triple > div > div {
  overflow: hidden;
}
#single-project #project_main-content .media-wrapper_triple > div > a,
#single-project
  #project_main-content
  .media-wrapper_triple
  > div
  > div
  > iframe {
  width: 100%;
  height: 18.7vw;
  overflow: hidden;
  display: block;
  background-size: cover;
  background-position: 50%;
}
#single-project #project_main-content .media-wrapper_triple > div > a > div {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50%;
}
#single-project #project_main-content .media-wrapper_triple div > p {
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
  color: #8a8a8a;
  padding: 0 1em;
}
#single-project #project_main-content .media-wrapper_triple:after {
  content: "";
  position: absolute;
  background-color: #fff;
  max-width: 35em;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  z-index: 1;
}
#single-project #project_main-content .media-wrapper_gallery {
  padding-bottom: 2.25em;
  position: relative;
}
@media screen and (max-width: 705px) {
  #single-project #project_main-content .media-wrapper_gallery {
    padding-bottom: 1.5em;
  }
}
#single-project #project_main-content .media-wrapper_gallery h3 {
  margin: 0 auto;
  width: 100%;
  max-width: 28em;
  padding: 0 3em 0.6em;
  text-align: center;
  background-color: #fff;
  z-index: 2;
  position: relative;
}
#single-project
  #project_main-content
  .media-wrapper_gallery
  .gallery-container {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  z-index: 2;
  line-height: 0;
  list-style-type: none;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  position: relative;
}
#single-project #project_main-content .media-wrapper_gallery li {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: 50%;
}
#single-project #project_main-content .media-wrapper_gallery li a {
  display: block;
  overflow: hidden;
}
#single-project #project_main-content .media-wrapper_gallery li a:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
#single-project #project_main-content .media-wrapper_gallery li img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
#single-project #project_main-content .media-wrapper_gallery:after {
  content: "";
  position: absolute;
  background-color: #fff;
  max-width: 35em;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  z-index: 1;
}
#single-project #project_educatie {
  text-align: center;
  position: relative;
  margin-top: 2.25em;
  margin-bottom: 2.25em;
}
#single-project #project_educatie.edu-multiple > div:nth-child(2) > div,
#single-project #project_educatie.edu-multiple > div:nth-child(3) > div {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2.25em;
  -moz-column-gap: 2.25em;
  column-gap: 2.25em;
}
@media screen and (max-width: 705px) {
  #single-project #project_educatie.edu-multiple > div:nth-child(2) > div,
  #single-project #project_educatie.edu-multiple > div:nth-child(3) > div {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
  }
}
#single-project #project_educatie.edu-multiple > div:nth-child(2) > div {
  max-width: 52em;
}
#single-project #project_educatie.edu-multiple > div:nth-child(2) > div > p {
  margin: 0;
}
@media screen and (max-width: 705px) {
  #single-project #project_educatie {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
#single-project #project_educatie h2 {
  display: inline-block;
  background-color: #ea632b;
  color: #fff;
  padding: 0.7em 1em 0.65em;
  font-size: 1em;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
#single-project #project_educatie h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.75em;
  height: 0.75em;
  -webkit-transform: rotate(45deg) translateY(50%);
  -ms-transform: rotate(45deg) translateY(50%);
  transform: rotate(45deg) translateY(50%);
  background-color: #ea632b;
}
#single-project #project_educatie > div > * {
  position: relative;
  z-index: 2;
}
#single-project #project_educatie #edu-text {
  background-color: #fff;
}
#single-project #project_educatie #edu-text > div {
  padding: 2.25em 3em;
  text-align: left;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 100%;
  max-width: 35em;
}
@media screen and (max-width: 705px) {
  #single-project #project_educatie #edu-text > div {
    padding: 1.5em 2em;
  }
}
#single-project #project_educatie #edu-text > div > p:nth-child(2) {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
#single-project #project_educatie #edu-text ol,
#single-project #project_educatie #edu-text ul {
  font-size: 0.9em;
  line-height: 1.4em;
}
#single-project #project_educatie #edu-rows {
  background-color: #f5f5f5;
}
#single-project #project_educatie #edu-rows > div {
  text-align: left;
  padding: 2.25em 3em;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 100%;
  max-width: 52em;
}
@media screen and (max-width: 705px) {
  #single-project #project_educatie #edu-rows > div {
    padding: 1.5em 2em;
  }
}
#single-project #project_educatie table {
  padding: 0 0.25em;
  margin: 0 auto;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
@media screen and (max-width: 705px) {
  #single-project #project_educatie table:nth-child(2) {
    margin-top: 2em;
  }
}
#single-project #project_educatie table,
#single-project #project_educatie tbody {
  vertical-align: top;
}
#single-project #project_educatie caption {
  font-family: Arca Majora\3, sans-serif;
  text-align: center;
  margin-bottom: 0.5em;
}
#single-project #project_educatie th {
  font-style: italic;
  font-weight: inherit;
  white-space: nowrap;
  padding-right: 1.5em;
}
#single-project #project_educatie td,
#single-project #project_educatie th {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  font-size: 0.9em;
  line-height: 1.4em;
}
#single-project #project_reacties {
  background-color: #ea632b;
  color: #fff !important;
  padding: 2.3em 4.2em;
  position: relative;
  overflow: auto;
}
#single-project #project_reacties button {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4.2em;
  background-color: transparent;
}
#single-project #project_reacties button:first-child {
  left: 0;
}
#single-project #project_reacties button:last-child {
  right: 0;
}
#single-project #project_reacties button:hover {
  background-color: transparent;
}
#single-project #project_reacties button:hover svg {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
#single-project #project_reacties button svg {
  height: 1.15em;
  width: 1.15em;
  -webkit-transform-origin: middle middle;
  -ms-transform-origin: middle middle;
  transform-origin: middle middle;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#single-project #project_reacties button path {
  fill: #fff;
}
#single-project #project_reacties > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
}
#single-project #project_reacties .reactie {
  display: inline-block;
  width: 33.333%;
  white-space: normal;
  position: relative;
  vertical-align: top;
  padding: 0 1em;
}
@media screen and (max-width: 705px) {
  #single-project #project_reacties .reactie {
    width: 50%;
  }
}
@media screen and (max-width: 520px) {
  #single-project #project_reacties .reactie {
    width: 100%;
  }
}
#single-project #project_reacties ul.translate-left > .reactie {
  left: -33.333%;
}
@media screen and (max-width: 705px) {
  #single-project #project_reacties ul.translate-left > .reactie {
    left: -50%;
  }
}
@media screen and (max-width: 520px) {
  #single-project #project_reacties ul.translate-left > .reactie {
    left: -100%;
  }
}
#single-project #project_reacties ul.translate-right > .reactie {
  left: 0;
}
#single-project #project_reacties .reactie > * {
  margin: 0.5em 0;
}
#single-project #project_reacties .reactie > :first-child {
  margin-top: 0;
}
#single-project #project_reacties .reactie > :last-child {
  margin-bottom: 0;
}
#single-project #project_reacties .reactie_bron {
  font-size: 1.1em;
  text-transform: none;
  color: #fff;
  margin: 0;
}
#single-project #project_reacties .reactie_bron:after {
  content: ":";
  display: inline;
}
#single-project #project_reacties .reactie_datum {
  font-family: Arca Majora\3, sans-serif;
  font-size: 0.7em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
}
#single-project #project_reacties .reactie_citaat q {
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 0.9em;
}
#single-project #project_team {
  background-color: #f5f5f5;
}
#single-project #project_team dl {
  margin: 0 auto;
  width: 100%;
  max-width: 52em;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 1.5em;
  -moz-column-gap: 1.5em;
  column-gap: 1.5em;
  padding: 2.25em 3em;
}
@media screen and (max-width: 705px) {
  #single-project #project_team dl {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    padding: 1.5em 2em;
  }
}
@media screen and (max-width: 660px) {
  #single-project #project_team dl {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: center;
  }
}
@media screen and (max-width: 520px) {
  #single-project #project_team dl {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
#single-project #project_team dl > div {
  margin: 0.8em 0;
  -webkit-column-break-inside: auto;
  -moz-column-break-inside: auto;
  break-inside: auto;
}
#single-project #project_team dl > div:first-child {
  margin-top: 0;
}
#single-project #project_team dl > div:last-child {
  margin-bottom: 0;
}
#single-project #project_team dl > div > div {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
#single-project #project_team dt {
  font-size: 1em;
  font-family: Arca Majora\3, sans-serif;
  margin: 0.182em 0;
}
#single-project #project_team dd {
  font-size: 0.9em;
  margin: 0.222em 0;
}
#single-project #project_partners {
  background-color: #fff;
  padding: 2.25em 3em;
}
@media screen and (max-width: 705px) {
  #single-project #project_partners {
    padding: 1.5em 2em;
  }
}
#single-project #project_partners p {
  font-style: italic;
  text-align: center;
  font-size: 0.9em;
  margin: 1.111em 0;
}
#single-project #project_partners ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  background-color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#single-project #project_partners li {
  width: 16.666%;
  padding: 1em;
}
@media screen and (max-width: 660px) {
  #single-project #project_partners li {
    width: 33.333%;
  }
}
@media screen and (max-width: 500px) {
  #single-project #project_partners li {
    width: 50%;
  }
}
#single-project #project_partners img {
  max-width: 100%;
  max-height: 7em;
  vertical-align: middle;
}
#over-eelt main > * {
  margin-top: 2.3em;
}
#over-eelt h2 {
  font-size: 1.1em;
}
#over-eelt #locaties ul,
#over-eelt #organisatie ul,
#over-eelt #visie-missie ul {
  font-size: 0.9em;
  max-width: 27em;
}
#over-eelt #intro {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  width: 100%;
  max-width: 33em;
}
#over-eelt #intro p {
  font-weight: 500;
}
#over-eelt #visie-missie {
  width: 100vw;
  margin-left: -1.5em;
  display: table;
}
@media screen and (max-width: 705px) {
  #over-eelt #visie-missie {
    display: block;
  }
}
#over-eelt #missie,
#over-eelt #visie {
  background-color: #fff;
  padding: 2.3em;
  width: 50%;
  display: table-cell;
  vertical-align: top;
  background-clip: padding-box;
}
#over-eelt #missie > *,
#over-eelt #visie > * {
  width: 100%;
  max-width: 33em;
  clear: both;
}
#over-eelt #missie > :nth-child(2),
#over-eelt #visie > :nth-child(2) {
  margin-top: 0;
}
@media screen and (max-width: 705px) {
  #over-eelt #missie,
  #over-eelt #visie {
    display: block;
    border: none !important;
    text-align: left;
    width: 100%;
  }
  #over-eelt #missie > *,
  #over-eelt #visie > * {
    text-align: left;
    float: none !important;
    max-width: none !important;
  }
}
#over-eelt #visie {
  border-right: 1.15em solid transparent;
  text-align: right;
}
#over-eelt #visie > * {
  float: right;
}
#over-eelt #missie {
  border-left: 1.15em solid transparent;
}
@media screen and (max-width: 705px) {
  #over-eelt #missie {
    margin-top: 2.3em;
  }
}
#over-eelt #locaties {
  width: 100vw;
  margin-left: -1.5em;
  display: table;
}
@media screen and (max-width: 705px) {
  #over-eelt #locaties {
    display: block;
  }
}
#over-eelt #locaties_tekst,
#over-eelt #map_wrapper {
  display: table-cell;
}
@media screen and (max-width: 705px) {
  #over-eelt #locaties_tekst,
  #over-eelt #map_wrapper {
    display: block;
    width: 100% !important;
  }
}
#over-eelt #locaties_tekst {
  padding: 2.3em;
  background-color: #ea632b;
}
#over-eelt #locaties_tekst > * {
  width: 100%;
  max-width: 33em;
  color: #fff;
}
@media screen and (max-width: 705px) {
  #over-eelt #locaties_tekst > * {
    max-width: none;
  }
}
#over-eelt #map_wrapper {
  width: calc(100vw - 25.6em);
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 705px) {
  #over-eelt #map_wrapper {
    height: 40vh;
  }
}
#over-eelt #map_wrapper button img {
  margin: 0;
}
#over-eelt #map_canvas {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
}
#over-eelt #map_canvas a.info_content {
  font-size: 1.2em;
  text-decoration: none;
}
#over-eelt #map_canvas a.info_content h3 {
  font-size: 1.17em;
  font-family: Arca Majora\3, sans-serif;
  font-weight: 700;
  color: #ea632b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0.42em 0 0.1em;
}
#over-eelt #map_canvas a.info_content p {
  font-family: Raleway, sans-serif;
  margin: 0;
}
#over-eelt #organisatie {
  width: 100vw;
  margin-left: -1.5em;
  background-color: #fff;
  grid-template-columns: 2fr 1fr;
  display: grid;
}
@media screen and (max-width: 705px) {
  #over-eelt #organisatie {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
#over-eelt #organisatie > * {
  width: 100%;
  padding: 2.3em;
}
#over-eelt #organisatie > *:first-child {
  max-width: 33em;
}
#over-eelt #organisatie > *:last-child {
  background-color: #ea632b;
  color: #fff;
}
#over-eelt #organisatie .organisatie_list {
  margin: 0;
  padding: 0 0 0 0.9em;
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  list-style-type: square;
}
#over-eelt #organisatie .organisatie_list-item {
  font-family: "Arca Majora\3", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#over-eelt #organisatie .organisatie_list-item:hover {
  color: #2c2c2c;
}
#over-eelt #organisatie .organisatie_list-item a {
  text-decoration: none;
}
#over-eelt #organisatie .organisatie_list-item a:hover {
  text-decoration: underline;
}
#over-eelt #organisatie #over-eelt #nav_over-eelt {
  margin-bottom: 2.3em;
}
#over-eelt #articles {
  display: flex;
  gap: 2.3em;
  flex-direction: column;
}
#over-eelt #articles h2 {
  text-align: center;
  margin-bottom: calc(-2.3rem + 0.83em);
  line-height: 0.8;
}
#over-eelt #articles .article {
  display: grid;
  background-color: white;
  width: 100vw;
  margin-left: -1.5em;
  grid-template-columns: 40% 1fr;
  overflow: clip;
  position: relative;
}
#over-eelt #articles .article:nth-child(odd) {
  grid-template-columns: 1fr 40%;
}
@media screen and (max-width: 705px) {
  #over-eelt #articles .article {
    grid-template-columns: 1fr !important;
  }
}
#over-eelt #articles .article-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  align-self: center;
  width: 40%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 705px) {
  #over-eelt #articles .article-cover {
    position: relative;
    width: 100%;
    max-height: 50dvh;
    overflow: clip;
  }
}
#over-eelt #articles .article-title {
  padding-right: 4.5em;
}
#over-eelt #articles .article:nth-child(odd) .article-cover {
  right: 0;
  left: initial;
}
#over-eelt #articles .article:has(details:open) .article-cover {
  background-image: none !important;
}
#over-eelt #articles .article-cover img {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  height: 100%;
  object-fit: cover;
}
#over-eelt #articles .article:has(details:open) .article-cover img {
  position: sticky;
  top: 10em;
  translate: 0;
  scroll-margin-top: 5rem;
  height: auto;
}
@media screen and (max-width: 705px) {
  #over-eelt #articles .article-cover img {
    position: relative !important;
    top: 50% !important;
    translate: 0 -50% !important;
  }
}
#over-eelt #articles .article-link {
  position: absolute;
  top: 1.85em;
  right: calc(1.85em + 2em);
  text-decoration: none;
  color: white;
  background-color: #ea632b;
  height: 1.5em;
  font-size: 1.25em;
  width: 1.5em;
  text-align: center;
  line-height: 1.6em;
  overflow: hidden;
  transition: background-color 0.1s ease-in-out;
}
#over-eelt #articles .article-link:hover {
  background-color: #2c2c2c;
}
#over-eelt #articles .article-image {
  margin-left: 0;
  margin-right: 0;
}
#over-eelt #articles .article-image div {
  background-size: cover;
  background-repeat: no-repeat;
  height: fit-content;
}
#over-eelt #articles .article-image img {
  width: 100%;
  display: block;
}
#over-eelt #articles .article-image figcaption {
  text-align: center;
  opacity: 0.7;
  font-style: italic;
  font-size: 0.8em;
  margin-top: 0.5em;
}
#over-eelt #articles .article-content {
  width: 100%;
  padding: 2.3em;
  grid-column: 2/3;
  position: relative;
}
#over-eelt #articles .article-content h4 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
#over-eelt #articles .article:nth-child(odd) .article-content {
  grid-column: 1/2;
}
@media screen and (max-width: 705px) {
  #over-eelt #articles .article-content {
    grid-column: 1/2 !important;
  }
}
#over-eelt #articles .article-content details,
#over-eelt #articles .article-content summary {
  min-height: 100%;
  display: block;
  max-width: 38em;
}
#over-eelt #articles .article-content summary {
  cursor: pointer;
  user-select: none;
}
#over-eelt #articles .article-content summary:hover::before {
  background-color: #2c2c2c;
}
#over-eelt #articles .article-content summary::before {
  content: "+";
  background-color: #ea632b;
  color: #fff;
  font-size: 2.5em;
  font-weight: 300;
  letter-spacing: 0.05em;
  display: block;
  width: fit-content;
  line-height: 0.75em;
  height: 0.75em;
  width: 0.75em;
  text-align: right;
  padding-right: 0.12em;
  box-sizing: border-box;
  position: absolute;
  top: 0.925em;
  right: 0.925em;
  transition: background-color 0.1s ease-in-out;
}
#over-eelt #articles .article-content:has(details:open) summary::before {
  content: "-";
  line-height: 0.6em;
}
@media screen and (max-width: 705px) {
  #over-eelt #nav_over-eelt {
    margin-left: 0.8em;
    margin-right: 0.8em;
  }
}
#over-eelt #nav_over-eelt {
  padding-bottom: 2.3em;
}
#over-eelt #nav_over-eelt ul {
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
#over-eelt #nav_over-eelt li {
  display: inline-block;
  background-color: #ea632b;
  width: 100%;
  max-width: 17em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
#over-eelt #nav_over-eelt li:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
#over-eelt #nav_over-eelt a {
  display: block;
  padding: 2.3em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: Arca Majora\3, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#over-eelt #nav_over-eelt li:first-child {
  margin-right: 1.15em;
}
@media screen and (max-width: 705px) {
  #over-eelt #nav_over-eelt li:first-child {
    margin-right: 0;
    margin-bottom: 1.15em;
  }
}
#over-eelt #nav_over-eelt li:last-child {
  margin-left: 1.15em;
}
@media screen and (max-width: 705px) {
  #over-eelt #nav_over-eelt li:last-child {
    margin-left: 0;
  }
}
#over-eelt #nav_over-eelt svg {
  max-width: 9em;
  fill: #fff;
}
#over-eelt #nav_over-eelt p {
  margin-top: 1.15em;
}
#team main {
  padding: 3em 2.3em 2.3em;
}
#team main > * {
  margin-top: 2.3em;
}
#team #intro {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  width: 100%;
  max-width: 33em;
}
#team #intro p {
  font-weight: 500;
}
#team #team-lijst {
  margin-top: 1.725em;
}
@media screen and (max-width: 705px) {
  #team #rvt-lijst,
  #team #team-lijst {
    width: 100vw;
    margin-left: -2.3em;
  }
}
#team #rvt-lijst > h2 {
  text-align: center;
}
#team #rvt-lijst > ul,
#team #team-lijst > ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#team li.persoon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(50% - 0.575em);
  min-height: 25vw;
  margin: 0.575em 0;
  background-color: #ea632b;
  color: #fff;
}
@media screen and (max-width: 660px) {
  #team li.persoon {
    min-height: 45vw;
    width: 100%;
  }
}
#team .persoon_portret {
  background-size: cover;
  background-position: 50%;
  width: 40%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
#team .persoon_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1.15em;
  position: relative;
}
#team .persoon_info h3,
#team .persoon_info p {
  margin: 10px 0;
  line-height: 1.25em;
}
#team .persoon_info h3:first-child,
#team .persoon_info p:first-child {
  margin-top: 0;
}
#team .persoon_info p:last-child {
  margin-bottom: 0;
}
#team .persoon_info .persoon_naam {
  font-size: 1.1em;
  text-transform: none;
  color: #fff;
}
#team .persoon_info .persoon_functie {
  font-family: Arca Majora\3, sans-serif;
  font-size: 0.7em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#team .persoon_citaat q {
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 0.9em;
}
#team .persoon_contact {
  margin-top: auto;
  font-size: 0.9em;
  display: flex;
  gap: 0.5em;
  justify-content: space-between;
  flex-wrap: wrap;
}
#team .persoon_contact > p {
  margin: 0;
}
#team .persoon_mail,
#team .persoon_tel {
  font-style: italic;
}
#team .persoon_socials {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  gap: 0.5em;
}
#team .persoon_socials a {
  display: block;
}
#team .persoon_socials a::before {
  content: "";
  background-color: white;
  height: 1.2rem;
  width: 1.2rem;
  display: block;
  transition: all ease-in-out 0.1s;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
#team .persoon_socials .socials_facebook {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
}
#team .persoon_socials .socials_instagram {
  mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
}
#team .persoon_socials .socials_linkedin {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z'/%3E%3C/svg%3E");
}
#team .persoon_socials .socials_twitter {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3E%3C/svg%3E");
}
#team .persoon_socials .socials_threads {
  mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.321 6.016c-.27-.18-1.166-.802-1.166-.802.756-1.081 1.753-1.502 3.132-1.502.975 0 1.803.327 2.394.948s.928 1.509 1.005 2.644q.492.207.905.484c1.109.745 1.719 1.86 1.719 3.137 0 2.716-2.226 5.075-6.256 5.075C4.594 16 1 13.987 1 7.994 1 2.034 4.482 0 8.044 0 9.69 0 13.55.243 15 5.036l-1.36.353C12.516 1.974 10.163 1.43 8.006 1.43c-3.565 0-5.582 2.171-5.582 6.79 0 4.143 2.254 6.343 5.63 6.343 2.777 0 4.847-1.443 4.847-3.556 0-1.438-1.208-2.127-1.27-2.127-.236 1.234-.868 3.31-3.644 3.31-1.618 0-3.013-1.118-3.013-2.582 0-2.09 1.984-2.847 3.55-2.847.586 0 1.294.04 1.663.114 0-.637-.54-1.728-1.9-1.728-1.25 0-1.566.405-1.967.868ZM8.716 8.19c-2.04 0-2.304.87-2.304 1.416 0 .878 1.043 1.168 1.6 1.168 1.02 0 2.067-.282 2.232-2.423a6.2 6.2 0 0 0-1.528-.161'/%3E%3C/svg%3E%0A");
}
#team .persoon_socials .socials_bluesky {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z'/%3E%3C/svg%3E");
}
#team .persoon_socials a:hover::before {
  background-color: #2c2c2c;
}
#team #nav_over-eelt {
  margin-top: 2.875em;
}
#team #nav_over-eelt ul {
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
#team #nav_over-eelt li {
  display: inline-block;
  background-color: #ea632b;
  width: 100%;
  max-width: 17em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
#team #nav_over-eelt li:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
#team #nav_over-eelt a {
  display: block;
  padding: 2.3em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: Arca Majora\3, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#team #nav_over-eelt li:first-child {
  margin-right: 1.15em;
}
@media screen and (max-width: 705px) {
  #team #nav_over-eelt li:first-child {
    margin-right: 0;
    margin-bottom: 1.15em;
  }
}
#team #nav_over-eelt li:first-child svg {
  max-width: 10em;
  margin: 0.75em 0;
  fill: #fff;
}
#team #nav_over-eelt li:last-child {
  margin-left: 1.15em;
}
#team #nav_over-eelt li:last-child svg {
  fill: #fff;
  max-width: 9em;
}
@media screen and (max-width: 705px) {
  #team #nav_over-eelt li:last-child {
    margin-left: 0;
  }
}
#team #nav_over-eelt p {
  margin-top: 1.15em;
}
#partners main {
  padding: 3em 2.3em 2.3em;
}
#partners main > * {
  margin-top: 2.3em;
}
#partners #intro {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  width: 100%;
  max-width: 33em;
}
#partners #intro p {
  font-weight: 500;
}
#partners #referenties {
  width: 100vw;
  margin-left: -2.3em;
  background-color: #ea632b;
  color: #fff !important;
  padding: 2.3em 4.2em;
  position: relative;
  overflow: auto;
}
#partners #referenties button {
  position: absolute;
  top: 0;
  height: 100%;
  width: 4.2em;
  background-color: transparent;
}
#partners #referenties button:first-child {
  left: 0;
}
#partners #referenties button:last-child {
  right: 0;
}
#partners #referenties button:hover {
  background-color: transparent;
}
#partners #referenties button:hover svg {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
#partners #referenties button:hover svg path {
  fill: #fff !important;
}
#partners #referenties button svg {
  height: 1.15em;
  width: 1.15em;
  -webkit-transform-origin: middle middle;
  -ms-transform-origin: middle middle;
  transform-origin: middle middle;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#partners #referenties button svg path {
  fill: #fff !important;
}
#partners #referenties > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
#partners #referenties .referentie {
  display: inline-block;
  width: 33.333%;
  white-space: normal;
  position: relative;
  vertical-align: top;
  padding: 0 1em;
}
@media screen and (max-width: 705px) {
  #partners #referenties .referentie {
    width: 50%;
  }
}
@media screen and (max-width: 520px) {
  #partners #referenties .referentie {
    width: 100%;
  }
}
#partners #referenties ul.translate-left > .referentie {
  left: -33.333%;
}
@media screen and (max-width: 705px) {
  #partners #referenties ul.translate-left > .referentie {
    left: -50%;
  }
}
@media screen and (max-width: 520px) {
  #partners #referenties ul.translate-left > .referentie {
    left: -100%;
  }
}
#partners #referenties ul.translate-right > .referentie {
  left: 0;
}
#partners #referenties p {
  margin: 0.5em 0;
}
#partners #referenties p:first-child {
  margin-top: 0;
}
#partners #referenties p:last-child {
  margin-bottom: 0;
}
#partners #referenties .referentie_persoon {
  font-size: 1.1em;
  text-transform: none;
  color: #fff;
  margin: 0;
}
#partners #referenties .referentie_persoon:after {
  content: ":";
  display: inline;
}
#partners #referenties .referentie_organisatie {
  font-family: Arca Majora\3, sans-serif;
  font-size: 0.7em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#partners #referenties .referentie_citaat q {
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 0.9em;
}
#partners #referenties + #logo-lijst {
  margin-top: 0;
}
#partners #logo-lijst ul {
  list-style: none;
  width: 100vw;
  margin: 0 0 0 -2.3em;
  padding: 0;
  overflow: auto;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1300px) {
  #partners #logo-lijst ul {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (max-width: 1050px) {
  #partners #logo-lijst ul {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 900px) {
  #partners #logo-lijst ul {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 800px) {
  #partners #logo-lijst ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 700px) {
  #partners #logo-lijst ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
#partners #logo-lijst li {
  padding: 1.15em;
  height: fit-content;
}
#partners #logo-lijst li a {
  display: block;
}
#partners #logo-lijst li a:hover {
  scale: 1.1;
}

#partners #logo-lijst img {
  max-width: 100%;
  vertical-align: middle;
}
#partners #nav_over-eelt ul {
  width: 100%;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
#partners #nav_over-eelt li {
  display: inline-block;
  background-color: #ea632b;
  width: 100%;
  max-width: 17em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
#partners #nav_over-eelt li:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
#partners #nav_over-eelt a {
  display: block;
  padding: 2.3em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: Arca Majora\3, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#partners #nav_over-eelt li:first-child {
  margin-right: 1.15em;
}
#partners #nav_over-eelt li:first-child svg {
  width: 9em;
  fill: #fff;
}
@media screen and (max-width: 705px) {
  #partners #nav_over-eelt li:first-child {
    margin-right: 0;
    margin-bottom: 1.15em;
  }
}
#partners #nav_over-eelt li:last-child {
  margin-left: 1.15em;
}
#partners #nav_over-eelt li:last-child svg {
  fill: #fff;
  width: 10em;
  margin: 0.75em 0;
}
@media screen and (max-width: 705px) {
  #partners #nav_over-eelt li:last-child {
    margin-left: 0;
  }
}
#partners #nav_over-eelt p {
  margin-top: 1.15em;
}
#nieuwsbrief main > * {
  margin-top: 2.3em;
}
#nieuwsbrief h2 {
  font-size: 1.1em;
}
#nieuwsbrief #intro {
  text-align: center;
  margin: 3em auto 2.3em;
  width: 100%;
  max-width: 33em;
}
#nieuwsbrief #intro p {
  font-weight: 500;
}
#nieuwsbrief #intro button {
  font-size: 0.9em;
  margin-top: 1.1em;
}
#nieuwsbrief #intro + #nieuwsbrief-embed {
  margin-top: 0;
}
#nieuwsbrief #news-overlay {
  display: none;
  font-size: 0.75em;
}
#nieuwsbrief #news-container {
  width: 100%;
  max-width: 29.25em;
  margin: 3em auto;
  background-color: #fff;
  font-size: 1.333em;
}
#nieuwsbrief #news-container #news-title {
  background-color: #ea632b;
  position: relative;
}
#nieuwsbrief #news-container #news-title h3 {
  font-size: 1em;
  display: inline-block;
  color: #fff;
  padding: 1em 1em 0.902em;
  margin: 0;
}
#nieuwsbrief #news-container #news-title button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ea632b;
  height: 3.335em;
  width: 3.335em;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#nieuwsbrief #news-container #news-title button svg {
  height: 1.111em;
  width: 1.111em;
}
#nieuwsbrief #news-container #news-title button svg path {
  fill: #fff;
}
#nieuwsbrief #news-container #news-title button:hover {
  background-color: #fff;
}
#nieuwsbrief #news-container #news-title button:hover svg path {
  fill: #ea632b !important;
}
#nieuwsbrief #news-container #news-returnmessage {
  font-weight: 200;
  margin: 1.556em 1.889em;
  padding: 0;
}
#nieuwsbrief #news-container #news-returnmessage.success {
  color: green;
}
#nieuwsbrief #news-container #news-returnmessage.error {
  color: red;
}
#nieuwsbrief #news-container form {
  margin: 1.556em 1.889em 0;
  padding-bottom: 1.556em;
}
#nieuwsbrief #news-container form input {
  display: block;
  width: 100%;
  padding: 0.694em;
  margin: 0.694em 0;
}
#nieuwsbrief #news-container form #are-we-human {
  display: none;
}
#nieuwsbrief #news-container form button {
  margin-top: 1em;
  font-size: 0.75em;
}
#nieuwsbrief-embed table {
  table-layout: fixed;
}
#nieuwsbrief-embed img {
  max-width: 100% !important;
  height: auto !important;
}
#nieuwsbrief #nieuwsbrief-embed {
  position: relative;
  width: 100vw;
  margin-left: -1.5em;
}
#nieuwsbrief #nieuwsbrief-embed > div {
  white-space: nowrap;
  overflow: hidden;
  padding-top: 3.75em;
  -webkit-box-shadow: inset 0 3.75em 0 #ea632b;
  box-shadow: inset 0 3.75em 0 #ea632b;
}
#nieuwsbrief #nieuwsbrief-embed > div.translate-left > article {
  left: -100%;
}
#nieuwsbrief #nieuwsbrief-embed > div.translate-right > article {
  left: 0;
}
#nieuwsbrief
  #nieuwsbrief-embed
  > div:not(.translate-left):not(.translate-right)
  > article:not(:first-child) {
  display: none;
}
#nieuwsbrief #nieuwsbrief-embed article {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  width: 100%;
  position: relative;
}
#nieuwsbrief #nieuwsbrief-embed header {
  position: relative;
  left: 0;
  width: 100%;
  margin-top: -3.75em;
  background-color: #ea632b;
}
#nieuwsbrief #nieuwsbrief-embed header > h1 {
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  padding: 1em 3em;
}
#nieuwsbrief #nieuwsbrief-embed .news-next,
#nieuwsbrief #nieuwsbrief-embed .news-prev {
  background-color: #ea632b;
  height: 3.75em;
  width: 3.75em;
  padding: 0;
  position: absolute;
  z-index: 5;
}
#nieuwsbrief #nieuwsbrief-embed .news-next svg,
#nieuwsbrief #nieuwsbrief-embed .news-prev svg {
  height: 1.2em;
  width: 1.2em;
  position: absolute;
  top: 1.275em;
  left: 1.3em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  fill: #fff;
}
#nieuwsbrief #nieuwsbrief-embed .news-next:hover > svg,
#nieuwsbrief #nieuwsbrief-embed .news-prev:hover > svg {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
#nieuwsbrief #nieuwsbrief-embed .news-next:hover > svg path,
#nieuwsbrief #nieuwsbrief-embed .news-prev:hover > svg path {
  fill: #fff !important;
}
#nieuwsbrief #nieuwsbrief-embed .news-prev {
  left: 0;
}
#nieuwsbrief #nieuwsbrief-embed .news-next {
  right: 0;
}
#nieuwsbrief #nieuwsbrief-embed #bodyTable {
  max-width: 33em !important;
  width: 100% !important;
  margin: 0 auto !important;
}
@media only screen and (min-width: 768px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .templateContainer {
    width: 600px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable a,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable blockquote,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable body,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable li,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable p,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable table,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable td {
    -webkit-text-size-adjust: none !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable body {
    width: 100% !important;
    min-width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnRetinaImage {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImage {
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnBoxedTextContentContainer,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnCaptionBottomContent,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionLeftImageContentContainer,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionLeftTextContentContainer,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionRightImageContentContainer,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionRightTextContentContainer,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnCaptionTopContent,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnCartContainer,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnImageCardLeftImageContentContainer,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnImageCardLeftTextContentContainer,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnImageCardRightImageContentContainer,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnImageCardRightTextContentContainer,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageGroupContentContainer,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnRecContentContainer,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnTextContentContainer {
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnBoxedTextContentContainer {
    min-width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageGroupContent {
    padding: 9px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionLeftContentOuter
    .mcnTextContent,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionRightContentOuter
    .mcnTextContent {
    padding-top: 9px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionBlockInner
    .mcnCaptionTopContent:last-child
    .mcnTextContent,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnCaptionBottomContent:last-child
    .mcnCaptionBottomImageContent,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageCardTopImageContent {
    padding-top: 18px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageCardBottomImageContent {
    padding-bottom: 9px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageGroupBlockInner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageGroupBlockOuter {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnBoxedTextContentColumn,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnTextContent {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageCardLeftImageContent,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcnImageCardRightImageContent {
    padding-right: 18px !important;
    padding-bottom: 0 !important;
    padding-left: 18px !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .mcpreview-image-uploader {
    display: none !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable h1 {
    font-size: 30px !important;
    line-height: 125% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable h2 {
    font-size: 26px !important;
    line-height: 125% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable h3 {
    font-size: 20px !important;
    line-height: 150% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable h4 {
    font-size: 18px !important;
    line-height: 150% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnBoxedTextContentContainer
    .mcnTextContent,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .mcnBoxedTextContentContainer
    .mcnTextContent
    p {
    font-size: 14px !important;
    line-height: 150% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .bodyContainer .mcnTextContent,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .bodyContainer .mcnTextContent p,
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .headerContainer .mcnTextContent,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .headerContainer
    .mcnTextContent
    p {
    font-size: 16px !important;
    line-height: 150% !important;
  }
}
@media only screen and (max-width: 480px) {
  #nieuwsbrief #nieuwsbrief-embed #bodyTable .footerContainer .mcnTextContent,
  #nieuwsbrief
    #nieuwsbrief-embed
    #bodyTable
    .footerContainer
    .mcnTextContent
    p {
    font-size: 14px !important;
    line-height: 150% !important;
  }
}
#contact h2 {
  font-size: 1.1em;
  text-transform: none;
  margin: 1.5em 0 0;
}
#contact h2:first-child {
  margin-top: inherit;
}
#contact h1 {
  text-align: center;
  margin-top: 1.5em;
}
#contact #contact-container {
  margin-bottom: 3em;
  display: inline-grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
#contact #contact-container div {
  display: inline-block;
  padding: 2.7em 3em;
}
#contact #contact-container > div:first-child {
  background-color: #fff;
  grid-column: 2/3;
  grid-row: 1/3;
}
@media screen and (max-width: 1040px) {
  #contact #contact-container > div:first-child {
    grid-column: 2/3;
    grid-row: 1/4;
  }
}
@media screen and (max-width: 615px) {
  #contact #contact-container > div:first-child {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
#contact #contact-container > div:nth-child(2) {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media screen and (max-width: 1040px) {
  #contact #contact-container > div:nth-child(2) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 615px) {
  #contact #contact-container > div:nth-child(2) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
#contact #contact-container > div:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/2;
}
@media screen and (max-width: 1040px) {
  #contact #contact-container > div:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
    padding-top: 0;
  }
}
@media screen and (max-width: 615px) {
  #contact #contact-container > div:nth-child(3) {
    padding-top: 2.7em;
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
#contact #contact-container > div:nth-child(2),
#contact #contact-container > div:nth-child(3) {
  background-color: #f9f9f9;
  -ms-flex-item-align: start;
  align-self: start;
}
#four-o-four main {
  height: calc(100vh - 5em);
  width: 100%;
  display: table;
  text-align: center;
}
#four-o-four #error-message {
  display: table-cell;
  vertical-align: middle;
}
#four-o-four #error-message > p {
  width: 100%;
  max-width: 29em;
  font-size: 1.1em;
  font-weight: 400;
  margin: 0 auto;
}
#uitgelicht .project-bg-overlay span {
  width: 100%;
  display: block;
  text-align: center;
  color: white;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
  font-weight: bold;
  margin-top: 1em;
  padding: 0 10em;
}
@media screen and (max-width: 500px) {
  #uitgelicht .project-bg-overlay span {
    margin-top: 2em;
    padding: 1em 0;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }
}