#wrapper .wrap.profile-card .contact-method::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 16H20V5H4V16ZM13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z" fill="%23#755717"/></svg>');
}

#wrapper a:hover, footer a:hover, footer a:hover span {
  color:#755717;
}

.background-accent {
  background-color:#755717;
}

.background-header {
  background-color:#755717;
}

.button {
  background-color:#755717;
  border-color:#755717;
}

.button.highlight:hover, .button.outline:hover {
  background-color:#755717;
  border-color:#755717;
}

.button.outline .button.outline * {
  color:#755717;
}

.button.outline .button.outline svg * {
  fill:#755717;
}

.cms-text .cms-text h2, .cms-text h3 {
  color:#755717;
}

.foreground-accent svg *, .background h2 svg *, .background-desktop h2 svg * {
  fill: #755717;
}

.foreground-accent, .background h2, .background-desktop h2 {
  color:#755717;
}

.foreground-accent, .background h2, .background-desktop h2 .foreground-accent, .background h2, .background-desktop h2 svg * {
  fill: #755717;
}

.pageselect .pageselect .pages .pageselect .pageselect .pages strong {
  background-color:#755717;
  border-color:#755717;
}

.profile-picture {
  border-color:#755717;
}

.site-header {
  background-color: #f0c398;
}

a:hover .txt-arrow svg path {
  fill:#755717;
}

body #footer .follow-socialmedia ul li a {
  background-color: #755717;
}

h1 {
  color: #755717;
}


    @media (min-width:1000px) {
      .site-header {
        background-image: url(/files/1~Oranje-modern.jpg);
      }
    }
    @media (max-width:999px) {
      .site-header {
        background-image: url(/files/1~Oranje-modern2.jpg);
      }
    }