html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "pancetta";
  src: url(/fonts/pancettapro-medium-webfont.woff?e56f2524fa61e8221faa746d1ece28b7) format("woff"), url(/fonts/pancettapro-medium-webfont.svg?8a71c0de828860207b517bebf1ef2e01) format("svg"), url(/fonts/pancettapro-medium-webfont.eot?295cce9f3e6fde0293287ea8c636c2c3);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "pancetta";
  src: url(/fonts/pancettapro-bold-webfont.woff?a839cac57551c419800b8b27bcbc0ee4) format("woff"), url(/fonts/pancettapro-bold-webfont.svg?afab4cb894fd81401c4cf32ff53ae82c) format("svg"), url(/fonts/pancettapro-bold-webfont.eot?c2fae6456b55212e54204c90bf93603f);
  font-weight: 700;
  font-style: normal;
}

.hidden {
  display: none;
}

body {
  font-size: 16px;
  width: 100vw;
  overflow-x: hidden;
  color: #5D6871;
  background-color: #fff;
  font-family: "pancetta", sans-serif;
  line-height: 25px;
}

@media only screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

@media only screen and (max-width: 900px) {
  body {
    font-size: 14px;
  }
}

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

a {
  color: #648420;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  color: #648420;
}

.mos_container {
  width: 100%;
  padding-left: calc(50vw - 600px);
  padding-right: calc(50vw - 600px);
}

@media only screen and (max-width: 1240px) {
  .mos_container {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media only screen and (max-width: 900px) {
  .mos_container {
    padding-left: 7vw;
    padding-right: 7vw;
  }
}

.button {
  height: 40px;
  padding: 20px;
  background-color: #648420;
  color: white;
  font-weight: bold;
  font-style: italic;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  box-shadow: 0 4px 0 0 #A3CD39;
  border-radius: 7px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.button:hover {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  box-shadow: 0 2px 0 0 #A3CD39;
  text-decoration: none;
  color: #fff;
}

.button:focus {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  box-shadow: 0 0px 0 0 #A3CD39;
}

.button.soc_button {
  width: 40px;
  padding: 4px;
}

.button.button_grey {
  color: #5D6871;
  background-color: #CED0D4;
  box-shadow: 0 4px 0 0 #E7E8E8;
}

.button.button_grey:hover {
  box-shadow: 0 2px 0 0 #E7E8E8;
}

.mos_title {
  font-size: 35px;
  line-height: 38px;
  font-weight: bold;
}

@media only screen and (max-width: 900px) {
  .mos_title {
    font-size: 30px;
    line-height: 33px;
  }
}

@media only screen and (max-width: 600px) {
  .mos_title {
    font-size: 25px;
    line-height: 28px;
  }
}

.mos_titletje {
  font-size: 25px;
  line-height: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 900px) {
  .mos_titletje {
    font-size: 22px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 600px) {
  .mos_titletje {
    font-size: 20px;
    line-height: 23px;
  }
}

.mos_intro {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.mos_intro .content_block {
  /*margin-top: 40px;*/
  max-width: 800px;
}

.content_block {
  font-size: 15px;
  color: #5D6871;
  line-height: 20px;
}

.content_block .m0 {
  margin: 0 !important;
}

.content_block .mt0 {
  margin-top: 0 !important;
}

.content_block .mt5 {
  margin-top: 5px !important;
}

.content_block .mt10 {
  margin-top: 10px !important;
}

.content_block .mt15 {
  margin-top: 15px !important;
}

.content_block .mt20 {
  margin-top: 20px !important;
}

.content_block .mt30 {
  margin-top: 30px !important;
}

.content_block .mt40 {
  margin-top: 40px !important;
}

.content_block .mt50 {
  margin-top: 50px !important;
}

.content_block .ml0 {
  margin-left: 0 !important;
}

.content_block .ml5 {
  margin-left: 5px !important;
}

.content_block .ml10 {
  margin-left: 10px !important;
}

.content_block .ml15 {
  margin-left: 15px !important;
}

.content_block .ml20 {
  margin-left: 20px !important;
}

.content_block .ml30 {
  margin-left: 30px !important;
}

.content_block .ml40 {
  margin-left: 40px !important;
}

.content_block .ml50 {
  margin-left: 50px !important;
}

.content_block .mb0 {
  margin-bottom: 0 !important;
}

.content_block .mb5 {
  margin-bottom: 5px !important;
}

.content_block .mb10 {
  margin-bottom: 10px !important;
}

.content_block .mb15 {
  margin-bottom: 15px !important;
}

.content_block .mb20 {
  margin-bottom: 20px !important;
}

.content_block .mb30 {
  margin-bottom: 30px !important;
}

.content_block .mb40 {
  margin-bottom: 40px !important;
}

.content_block .mb50 {
  margin-bottom: 50px !important;
}

.content_block .mr0 {
  margin-right: 0 !important;
}

.content_block .mr5 {
  margin-right: 5px !important;
}

.content_block .mr10 {
  margin-right: 10px !important;
}

.content_block .mr15 {
  margin-right: 15px !important;
}

.content_block .mr20 {
  margin-right: 20px !important;
}

.content_block .mr30 {
  margin-right: 30px !important;
}

.content_block .mr40 {
  margin-right: 40px !important;
}

.content_block .mr50 {
  margin-right: 50px !important;
}

.content_block .p0 {
  padding: 0 !important;
}

.content_block .pt0 {
  padding-top: 0 !important;
}

.content_block .pt5 {
  padding-top: 5px !important;
}

.content_block .pt10 {
  padding-top: 10px !important;
}

.content_block .pt15 {
  padding-top: 15px !important;
}

.content_block .pt20 {
  padding-top: 20px !important;
}

.content_block .pt30 {
  padding-top: 30px !important;
}

.content_block .pt40 {
  padding-top: 40px !important;
}

.content_block .pt50 {
  padding-top: 50px !important;
}

.content_block .pt55 {
  padding-top: 55px !important;
}

.content_block .pl0 {
  padding-left: 0 !important;
}

.content_block .pl5 {
  padding-left: 5px !important;
}

.content_block .pl10 {
  padding-left: 10px !important;
}

.content_block .pl15 {
  padding-left: 15px !important;
}

.content_block .pl20 {
  padding-left: 20px !important;
}

.content_block .pl30 {
  padding-left: 30px !important;
}

.content_block .pl40 {
  padding-left: 40px !important;
}

.content_block .pl50 {
  padding-left: 50px !important;
}

.content_block .pb0 {
  padding-bottom: 0 !important;
}

.content_block .pb5 {
  padding-bottom: 5px !important;
}

.content_block .pb10 {
  padding-bottom: 10px !important;
}

.content_block .pb15 {
  padding-bottom: 15px !important;
}

.content_block .pb20 {
  padding-bottom: 20px !important;
}

.content_block .pb30 {
  padding-bottom: 30px !important;
}

.content_block .pb40 {
  padding-bottom: 40px !important;
}

.content_block .pb50 {
  padding-bottom: 50px !important;
}

.content_block .pr0 {
  padding-right: 0 !important;
}

.content_block .pr5 {
  padding-right: 5px !important;
}

.content_block .pr10 {
  padding-right: 10px !important;
}

.content_block .pr15 {
  padding-right: 15px !important;
}

.content_block .pr20 {
  padding-right: 20px !important;
}

.content_block .pr30 {
  padding-right: 30px !important;
}

.content_block .pr40 {
  padding-right: 40px !important;
}

.content_block .pr50 {
  padding-right: 50px !important;
}

.content_block h2 {
  font-size: 18px;
  text-transform: uppercase;
}

.content_block h1 {
  font-size: 35px;
  line-height: 30px;
}

.content_block h2 {
  font-size: 30px;
  line-height: 26px;
}

.content_block h3 {
  font-size: 25px;
  line-height: 22px;
}

.content_block ol {
  margin-left: 30px;
  margin-top: 10px;
  list-style: upper-greek;
}

.content_block ul {
  margin-top: 10px;
  margin-left: 30px;
  list-style: initial;
}

.content_block a {
  color: #648420;
}

.content_block a:hover {
  color: #5D6871;
  text-decoration: underline;
}

.content_block .button {
  color: #fff;
}

.content_block .button:hover {
  text-decoration: none;
  color: #648420;
}

.content_block .carousel-indicators {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
}

.content_block .carousel-inner {
  width: 100%;
}

.content_block .carousel-inner img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 990px) {
  .content_block p {
    font-size: 14px;
    line-height: 19px;
  }

  .content_block h2 {
    font-size: 16px;
  }
}

.js-cookie-consent-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.75);
}

.js-cookie-consent {
  position: relative;
  padding: 22px;
  background-color: #ededed;
  width: 100%;
  padding-left: 40px;
}

.js-cookie-consent-agree {
  position: absolute;
  right: 40px;
  bottom: 10px;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #f9376e;
  padding: 10px 30px;
  margin-left: 15px;
}

.tabel {
  width: 100%;
}

.tabel th,
.tabel td {
  border: 1px solid #5D6871;
  color: #5D6871;
  font-size: 18px;
}

.tabel th,
.tabel td {
  padding: 4px 10px;
}

.tabel th {
  background-color: #5D6871;
  color: blue;
}

.content_container {
  display: -webkit-box;
  display: flex;
  padding-top: 50px;
}

.content_container > .contentBlock {
  width: calc(100% - 320px);
}

.content_container > .content_sidebar {
  width: 320px;
}

@media only screen and (max-width: 990px) {
  .content_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .content_container > .contentBlock {
    width: 100%;
  }

  .content_container > .content_sidebar {
    width: 100%;
  }
}

/*

KITCHEN SINK HTML


<div class="contentBlock">
<div class="row subtitle mt10 mb10">
<div class="col-12 col-sm-12">
<div data-editable data-name="mDDPuDHMWj">
<h2>
Titel
</h2>
</div>
</div>
</div>
<div class="row text mt10 mb10">
<div class="col-12 col-sm-12">
<div data-editable data-name="ZvRVpNzquk">
<p>
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque  <a href="#">ornare</a> sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor.
</p>
<ul>
<li>
item 1
</li>
<li>
item 2
</li>
<li>
item 3
</li>
</ul>

<ol>
<li>
item 1
</li>
<li>
item 2
</li>
<li>
item 3
</li>
</ol>
</div>
</div>
</div>
<div class="row text mt10 mb10">
<div class="col-12 col-md-6">
<div data-editable data-name="pU1fivU4QE_1">
<p>
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.
</p>
</div>
</div>
<div class="col-12 col-md-6">
<div data-editable data-name="pU1fivU4QE_2">
<p>
Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
</p>
</div>
</div>
</div>
<div class="row text mt10 mb10">
<div class="col-12 col-md-4">
<div data-editable data-name="S5bHFfYrXh_1">
<p>
Etiam porta sem malesuada magna mollis euismod. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Sed posuere consectetur est at lobortis.
</p>
</div>
</div>
<div class="col-12 col-md-4">
<div data-editable data-name="S5bHFfYrXh_2">
<p>
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.
</p>
</div>
</div>
<div class="col-12 col-md-4">
<div data-editable data-name="S5bHFfYrXh_3">
<p>
Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</div>
</div>
</div>
<div class="row text mt10 mb10">
<div class="col-12 col-sm-6 mt10 mb10">
<div data-editable data-name="EDt0fdHiYk">
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
</p>
</div>
</div>
<div class="col-12 col-sm-6 mt10 mb10">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
</div>
<div class="row text">
<div class="col-12 col-sm-6 mt10 mb10">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
<div class="col-12 col-sm-6 mt10 mb10">
<div data-editable data-name="Aze36pzY51">
<p>
Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada magna mollis euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
</div>
<div class="row oneimage mt10 mb10">
<div class="col-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
</div>
<div class="row twoimages mt10 mb10">
<div class="col-md-6 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
<div class="col-md-6 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
</div>
<div class="row threeimages mt10 mb10">
<div class="col-md-4 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
<div class="col-md-4 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
<div class="col-md-4 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
</div>
<div class="row fourimages mt10 mb10">
<div class="col-md-3 col-sm-12 ">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
<div class="col-md-3 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
<div class="col-md-3 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
<div class="col-md-3 col-sm-12">
<img src="https://placehold.it/1600x400" class="img-responsive img-fluid">
</div>
</div>
<div class="row contentslider mt10 mb10">
<div class="col-12 col-sm-12 mb-5">
<div id="contentcarousel" class="carousel slide" data-ride="carousel">
<!-- indicators -->
<ul class="carousel-indicators">
<li data-target="#contentcarousel" data-slide-to="0" class="active"></li>
<li data-target="#contentcarousel" data-slide-to="1"></li>
</ul>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="content/blocks/1551792567-nature12.jpg" alt="">
</div>
<div class="carousel-item">
<img src="content/blocks/1551792582-nature14.jpg" alt="">
</div>
</div>
<!-- Carousel controls -->
<a class="carousel-control-prev" href="#contentcarousel" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#contentcarousel" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</div>
<div class="row downloads mt10 mb10">
<div class="col-12">
<ul>
<li><a href="content/downloads/download.pdf" target="_blank">download.pdf</a></li>
</ul>
</div>
</div>
</div>
*/

@media only screen and (max-width: 1060px) {
  #header {
    display: none;
  }
}

#header .header_top {
  background-color: #EEECEB;
  height: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}

#header .header_top ul {
  display: -webkit-box;
  display: flex;
  margin-right: 20px;
}

#header .header_top ul li {
  margin-right: 8px;
}

#header .header_top ul li:first-of-type::before {
  content: "";
}

#header .header_top ul li::before {
  content: "/";
  display: inline-block;
  margin-right: 8px;
}

#header .header_top ul li a {
  color: #5D6871;
  font-weight: bold;
  font-size: 18px;
}

#header .header_top .top_lang {
  display: -webkit-box;
  display: flex;
}

#header .header_top .top_lang a {
  margin-right: 8px;
  color: #648420;
  font-size: 18px;
}

#header .header_top .top_lang a:first-of-type::before {
  content: "";
}

#header .header_top .top_lang a::before {
  content: "|";
  display: inline-block;
  margin-right: 8px;
}

#header .header_top .top_lang a.active {
  font-weight: bold;
}

.header_bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.header_bottom > a > img {
  height: 160px;
}

.header_bottom .header_right {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: end;
          align-items: flex-end;
}

.header_bottom .header_right .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.header_bottom .header_right .top span {
  margin: 20px;
  text-align: right;
}

.header_bottom .header_right .top span h3 {
  font-size: 25px;
  color: #A3CD39;
  font-weight: bold;
  line-height: 35px;
}

.header_bottom .header_right .top span h4 {
  font-size: 30px;
}

.header_bottom .header_right .top span h4 a {
  color: #5D6871;
}

.header_bottom .header_right .top span h4 a:hover {
  text-decoration: none;
}

.header_bottom .header_right .top .soc_button {
  margin-left: 5px;
}

.header_bottom .header_right .nav_bottom ul {
  display: -webkit-box;
  display: flex;
}

.header_bottom .header_right .nav_bottom ul li a {
  color: #648420;
  font-weight: bold;
  font-size: 18px;
  margin-left: 40px;
}

@media only screen and (max-width: 1240px) {
  .header_bottom .header_right .nav_bottom ul li a {
    margin-left: 10px;
  }
}

.breadcrumbs {
  background-color: #E7E8E8;
  box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.breadcrumbs ul {
  display: -webkit-box;
  display: flex;
}

.breadcrumbs ul li {
  margin-right: 10px;
}

.breadcrumbs ul li a {
  color: #5D6871;
}

.mobile_header {
  display: none;
  height: 85px;
  position: fixed;
  background-color: #fff;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 400;
}

@media (max-width: 1060px) {
  .mobile_header {
    display: block;
  }
}

.home-header_mobile > a {
  margin-left: calc(50vw - 75px);
}

.home-header_mobile > a img {
  margin-top: 5px;
  height: 70px;
  width: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.mobile_header_menu {
  position: absolute;
  left: -100vw;
  top: 60px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
  min-height: 100vh;
  z-index: 800;
}

.mobile_header_menu ul {
  padding: 20px;
  padding-right: 100px;
}

.mobile_header_menu ul li {
  margin-top: 10px;
}

.mobile_header_menu ul li a {
  color: #5D6871;
  font-size: 22px;
}

.hamburger {
  height: 44px;
  width: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 20px;
  left: 10px;
  cursor: pointer;
}

.hamburger > div {
  width: 30px;
  height: 3px;
  margin: 3px;
  border-radius: 3px;
  background-color: #648420;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

#hamburger {
  display: none;
}

#hamburger:checked ~ .hamburger > div {
  position: absolute;
  background-color: #5D6871;
}

#hamburger:checked ~ .hamburger .hamburger_line1 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#hamburger:checked ~ .hamburger .hamburger_line2 {
  opacity: 0;
}

#hamburger:checked ~ .hamburger .hamburger_line3 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#hamburger:checked ~ .mobile_header_menu {
  left: 0;
}

.carousel-item {
  height: 340px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 900px) {
  .carousel-item {
    height: 400px;
  }
}

@media only screen and (max-width: 600px) {
  .carousel-item {
    height: 450px;
  }
}

.carousel-item .slider_text {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 540px;
  padding: 20px 30px;
}

.carousel-item .slider_text H2 {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
}

.carousel-item .slider_text p {
  margin-bottom: 20px;
}

.carousel-indicators li {
  width: 20px;
  height: 20px;
  border-radius: 100%;
}

.home_nieuws_container {
  background-color: #E7E8E8;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
}

.home_nieuws_container .button {
  margin-top: 40px;
}

.home_nieuws_items {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}

@media only screen and (max-width: 850px) {
  .home_nieuws_items {
    flex-wrap: wrap;
  }
}

.home_nieuws_items .home_nieuws_item {
  width: calc(33.33% - 20px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
}

@media only screen and (max-width: 850px) {
  .home_nieuws_items .home_nieuws_item {
    width: 100%;
    margin-bottom: 20px;
  }
}

.home_nieuws_items .home_nieuws_item img {
  width: 100%;
  height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
}

.home_nieuws_items .home_nieuws_item .text {
  padding: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 200px;
}

@media only screen and (max-width: 1240px) {
  .home_nieuws_items .home_nieuws_item .text {
    height: auto;
  }
}

.home_nieuws_items .home_nieuws_item .text a {
  margin-top: auto;
}

.home_nieuws_items .home_nieuws_item .text p {
  margin: 10px 0;
}

.home_referenties_container {
  background-color: #5D6871;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.home_referenties_container h2 {
  color: #E7E8E8;
  margin-bottom: 20px;
}

.home_referenties_container .button {
  margin-top: 20px;
}

.home_referenties {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.home_referenties .home_referentie {
  width: calc(33.333% - 20px);
  background-color: #A3CD39;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  .home_referenties .home_referentie {
    width: 100%;
  }
}

.home_referenties .home_referentie img {
  width: 100%;
  height: 200px;
  margin-bottom: -8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.home_referenties .home_referentie .voorna {
  float: right;
  width: 69px;
  height: 30px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background-color: #648420;
  margin-bottom: -30px;
  position: relative;
  right: 0;
}

.home_referenties .home_referentie .text {
  background-color: #648420;
  border-radius: 0 0 10px 10px;
  padding: 20px 15px;
  color: #fff;
}

.home_referenties .home_referentie .text h3 {
  color: #A3CD39;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}

.home_referenties .home_referentie > a {
  color: #fff;
  font-weight: bold;
  padding: 8px 16px;
  display: block;
}

.home_referenties .home_referentie > a:hover {
  text-decoration: none;
  padding: 8px 26px;
}

.Two_images_two_paragraphs {
  margin: 50px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.Two_images_two_paragraphs .top,
.Two_images_two_paragraphs .mid {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

@media only screen and (max-width: 680px) {
  .Two_images_two_paragraphs .top,
  .Two_images_two_paragraphs .mid {
    flex-wrap: wrap;
  }
}

.Two_images_two_paragraphs .top img,
.Two_images_two_paragraphs .mid img {
  width: 320px;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 680px) {
  .Two_images_two_paragraphs .top img,
  .Two_images_two_paragraphs .mid img {
    width: 100%;
    height: auto;
  }
}

.Two_images_two_paragraphs .top > div,
.Two_images_two_paragraphs .mid > div {
  width: 500px;
  margin-left: 40px;
}

@media only screen and (max-width: 1015px) {
  .Two_images_two_paragraphs .top > div,
  .Two_images_two_paragraphs .mid > div {
    width: calc(100% - 320px);
    margin: 0;
    padding: 20px;
  }
}

@media only screen and (max-width: 680px) {
  .Two_images_two_paragraphs .top > div,
  .Two_images_two_paragraphs .mid > div {
    width: 100%;
  }
}

.Two_images_two_paragraphs .top > div h2,
.Two_images_two_paragraphs .mid > div h2 {
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 38px;
}

@media only screen and (max-width: 680px) {
  .Two_images_two_paragraphs .top > div h2,
  .Two_images_two_paragraphs .mid > div h2 {
    font-size: 25px;
    line-height: 30px;
  }
}

.Two_images_two_paragraphs .top {
  padding-left: 90px;
  margin-bottom: -40px;
}

@media only screen and (max-width: 1015px) {
  .Two_images_two_paragraphs .top {
    margin-bottom: 40px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 1015px) {
  .Two_images_two_paragraphs .mid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
}

.Two_images_two_paragraphs .bottom {
  margin-top: 40px;
}

.werkwijze_cta {
  margin: 40px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.werkwijze_cta .werkwijzes {
  margin: 40px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.werkwijze_cta .werkwijzes .werkwijze {
  width: calc(25% - 40px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
}

@media only screen and (max-width: 1015px) {
  .werkwijze_cta .werkwijzes .werkwijze {
    width: calc(50% - 40px);
  }
}

@media only screen and (max-width: 600px) {
  .werkwijze_cta .werkwijzes .werkwijze {
    width: calc(100%);
  }
}

.werkwijze_cta .werkwijzes .werkwijze img {
  width: 100%;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}

.werkwijze_cta .werkwijzes .werkwijze h4 {
  color: #fff;
  background-color: #648420;
  font-size: 35px;
  text-align: center;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: -60px;
  margin-left: -200px;
}

.werkwijze_cta .werkwijzes .werkwijze h3 {
  margin-top: 10px;
  color: #648420;
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
  height: 70px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.werkwijze_cta .werkwijzes .werkwijze p {
  padding: 10px;
}

.cta_background {
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
}

.cta_background > div {
  padding-top: 40px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
}

.cta_background > div > div {
  width: 100%;
  max-width: 800px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}

.cta_background > div h2 {
  margin-bottom: 20px;
}

.cta_background > div p {
  margin-bottom: 20px;
}

.cta_background_green > div {
  background-color: rgba(100, 132, 32, 0.8);
  color: #fff;
}

.werkwijzes_groot_cta {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 50px;
}

.werkwijzes_groot_cta .werkwijze {
  display: -webkit-box;
  display: flex;
  margin-bottom: 40px;
  margin-top: 40px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 800px) {
  .werkwijzes_groot_cta .werkwijze {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
}

.werkwijzes_groot_cta .werkwijze:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}

@media only screen and (max-width: 800px) {
  .werkwijzes_groot_cta .werkwijze:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.werkwijzes_groot_cta .werkwijze img {
  width: 333px;
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}

.werkwijzes_groot_cta .werkwijze .text {
  width: calc(100% - 500px);
  padding: 30px 10px;
}

@media only screen and (max-width: 1015px) {
  .werkwijzes_groot_cta .werkwijze .text {
    width: calc(100% - 400px);
  }
}

@media only screen and (max-width: 950px) {
  .werkwijzes_groot_cta .werkwijze .text {
    width: calc(100% - 333px);
  }
}

@media only screen and (max-width: 800px) {
  .werkwijzes_groot_cta .werkwijze .text {
    width: 100%;
  }
}

.werkwijzes_groot_cta .werkwijze .text h3 {
  color: #648420;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.werkwijzes_groot_cta .werkwijze .text h3 span {
  background-color: #648420;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  margin-right: 30px;
  font-size: 35px;
}

@media only screen and (max-width: 950px) {
  .werkwijzes_groot_cta .werkwijze .text h3 span {
    height: 40px;
    width: 40px;
    font-size: 25px;
  }
}

.cta_background_centerd > div > div {
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
}

.monstertje_cta {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.monstertje_cta .text {
  max-width: 700px;
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  padding-bottom: 60px;
}

@media only screen and (max-width: 950px) {
  .monstertje_cta .text {
    padding: 30px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 600px) {
  .monstertje_cta .text {
    padding: 20px;
    padding-bottom: 60px;
  }
}

.monstertje_cta .text p {
  margin: 20px 0;
}

.monstertje_cta > img {
  margin-top: -40px;
  padding-right: 400px;
}

@media only screen and (max-width: 650px) {
  .monstertje_cta > img {
    padding-right: 20px;
  }
}

.team_container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.team_container li {
  width: calc(33.33% - 20px);
  margin-bottom: 60px;
}

@media only screen and (max-width: 950px) {
  .team_container li {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 630px) {
  .team_container li {
    width: 100%;
  }
}

.team_container li > img {
  width: 200px;
  height: 200px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

.team_container li > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  width: calc(100% - 40px);
  margin-left: 40px;
  border-radius: 10px;
  padding: 35px 15px 15px;
  margin-top: -30px;
}

.team_container li > div p {
  margin-bottom: 30px;
}

.team_container li > div a {
  text-decoration: underline;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.team_container li > div a img {
  margin-right: 10px;
}

.ontmos_container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}

.ontmos_container ul {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ontmos_container ul li {
  width: 33.333%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

@media only screen and (max-width: 950px) {
  .ontmos_container ul li {
    width: 50%;
  }
}

@media only screen and (max-width: 630px) {
  .ontmos_container ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}

.ontmos_container ul li a {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  color: #fff;
  text-align: center;
  height: 235px;
  background-color: rgba(100, 132, 32, 0.8);
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
}

@media only screen and (max-width: 950px) {
  .ontmos_container ul li a {
    height: 120px;
    font-size: 25px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 630px) {
  .ontmos_container ul li a {
    height: 60px;
    font-size: 20px;
    line-height: 25px;
  }
}

.ontmos_container ul li a:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: rgba(100, 132, 32, 0.2);
}

.ontmos_content {
  margin-top: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 900px) {
  .ontmos_content {
    flex-wrap: wrap;
  }
}

.ontmos_content .text {
  width: calc(100% - 300px);
}

@media only screen and (max-width: 900px) {
  .ontmos_content .text {
    width: 100%;
  }
}

.ontmos_content .ontmos_content_nav {
  width: 270px;
}

@media only screen and (max-width: 900px) {
  .ontmos_content .ontmos_content_nav {
    width: 100%;
  }
}

.ontmos_content .ontmos_content_nav li {
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.ontmos_content .ontmos_content_nav li a {
  display: -webkit-box;
  display: flex;
  height: 60px;
  background-color: rgba(100, 132, 32, 0.8);
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  color: #fff;
  text-align: center;
}

.ontmos_content .ontmos_content_nav li a:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background-color: rgba(100, 132, 32, 0.2);
}

.nieuws_items_container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.nieuws_items_container li {
  width: calc(33.333% - 20px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-bottom: 60px;
}

@media only screen and (max-width: 950px) {
  .nieuws_items_container li {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 630px) {
  .nieuws_items_container li {
    width: 100%;
  }
}

.nieuws_items_container li img {
  align-self: flex-end;
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
  border-radius: 10px;
}

.nieuws_items_container li .text {
  width: 80%;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: -30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

.nieuws_items_container li .text h2 {
  color: #648420;
  margin-bottom: 10px;
}

.nieuws_items_container li .text p {
  margin-bottom: 60px;
}

.paginatie ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 60px;
}

.paginatie ul a {
  padding: 15px;
  text-decoration: underline;
}

.ontmos_content {
  margin-top: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 900px) {
  .ontmos_content {
    flex-wrap: wrap;
  }
}

.ontmos_content .text {
  width: calc(100% - 300px);
}

@media only screen and (max-width: 900px) {
  .ontmos_content .text {
    width: 100%;
  }
}

.ontmos_content .nieuws_extras {
  width: 270px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: #E7E8E8;
}

.ontmos_content .nieuws_extras h2 {
  color: #648420;
  text-align: center;
  margin: 20px 0;
}

@media only screen and (max-width: 900px) {
  .ontmos_content .nieuws_extras {
    width: 100%;
  }
}

.ontmos_content .nieuws_extras ul li {
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.ontmos_content .nieuws_extras ul li img {
  width: 100%;
  border-radius: 10px;
}

.ontmos_content .nieuws_extras ul li h3 {
  color: #648420;
  margin-top: 10px;
  margin-bottom: 20px;
}

.ontmos_content .nieuws_extras ul li p {
  margin-bottom: 20px;
}

.advies_taglist {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.advies_taglist li {
  margin: 0;
  margin-right: 0px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  width: auto;
}

.advies_taglist li::before {
  display: inline-block;
  content: "/";
  margin-left: 10px;
  margin-right: 10px;
}

.advies_taglist li:first-of-type::before {
  display: none;
}

.advies_taglist li p {
  margin: 0;
  margin-bottom: 0 !important;
  color: #648420;
}

.advies_tags {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}

.advies_tags li {
  margin: 10px 20px;
}

@media only screen and (max-width: 900px) {
  .advies_tags li {
    margin: 7px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .advies_tags li {
    margin: 5px 10px;
  }
}

.advies_tags li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 40px;
  padding: 6px 20px;
  border-radius: 40px;
  border: 2px solid #648420;
  font-weight: bold;
  font-size: 16px;
  font-style: italic;
}

.advies_tags li a:hover,
.advies_tags li a.active {
  text-decoration: none;
  background-color: #648420;
  color: #fff;
}

.ref_filter {
  padding: 20px 30px;
  background-color: #E7E8E8;
  border-radius: 10px;
  margin-bottom: 40px;
}

.ref_filter form {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

@media only screen and (max-width: 750px) {
  .ref_filter form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.ref_filter form > .form-group {
  width: calc(28% - 20px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media only screen and (max-width: 750px) {
  .ref_filter form > .form-group {
    width: 100%;
  }
}

.ref_filter form > input[type=submit] {
  width: calc(16%);
  margin-top: 25px;
}

@media only screen and (max-width: 750px) {
  .ref_filter form > input[type=submit] {
    width: 100%;
  }
}

select {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%20000002%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  border: none;
  padding: 8px 8px;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

input[type=submit] {
  border: none;
  padding: 10px;
}

.referenties_container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.referenties_container .referentie {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 60px;
}

.referenties_container .referentie .top {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.referenties_container .referentie .top .referentie_img {
  width: calc(50% - 10px);
}

@media only screen and (max-width: 950px) {
  .referenties_container .referentie .top .referentie_img {
    width: 100%;
  }
}

.referenties_container .referentie .top .referentie_img img {
  height: 320px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 950px) {
  .referenties_container .referentie .top .referentie_img img {
    height: 230px;
  }
}

@media only screen and (max-width: 950px) {
  .referenties_container .referentie .top .referentie_img img {
    height: 100%;
  }
}

.referenties_container .referentie .top .referentie_img p {
  height: 30px;
  width: 70px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  font-weight: bold;
  color: #fff;
  background-color: #648420;
  border-radius: 0 0 0 10px;
  float: right;
  margin-bottom: -30px;
  position: relative;
}

.referenties_container .referentie > h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.referenties_container .referentie > h2 span {
  color: #CED0D4;
}

.referenties_container .referentie .bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.referenties_container .referentie .bottom .bottom_left {
  width: 350px;
  padding-right: 20px;
  border-right: 1px solid #5D6871;
}

@media only screen and (max-width: 950px) {
  .referenties_container .referentie .bottom .bottom_left {
    width: 250px;
  }
}

@media only screen and (max-width: 650px) {
  .referenties_container .referentie .bottom .bottom_left {
    width: 100%;
    border-right: none;
  }
}

.referenties_container .referentie .bottom .bottom_left p {
  color: #648420;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 10px;
}

.referenties_container .referentie .bottom .bottom_left p span {
  color: #5D6871;
  font-weight: bold;
  margin-bottom: -7px;
}

.referenties_container .referentie .bottom .bottom_right {
  width: calc(100% - 350px);
  padding-left: 30px;
}

@media only screen and (max-width: 950px) {
  .referenties_container .referentie .bottom .bottom_right {
    width: calc(100% - 250px);
  }
}

@media only screen and (max-width: 650px) {
  .referenties_container .referentie .bottom .bottom_right {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
    border-bottom: 1px solid #5D6871;
    padding-bottom: 20px;
  }
}

.referenties_container .referentie .bottom .bottom_right p {
  white-space: pre-line;
}

.vacatures_container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.vacatures_container .vacature {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  max-width: 900px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 750px) {
  .vacatures_container .vacature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

.vacatures_container .vacature:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}

@media only screen and (max-width: 750px) {
  .vacatures_container .vacature:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.vacatures_container .vacature > img {
  width: 280px;
  height: 280px;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 750px) {
  .vacatures_container .vacature > img {
    width: 100%;
    height: auto;
  }
}

.vacatures_container .vacature .text {
  width: calc(100% - 280px);
  padding: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 750px) {
  .vacatures_container .vacature .text {
    padding: 20px 0;
    width: 100%;
  }
}

.vacatures_container .vacature .text p {
  margin-top: 20px;
  margin-bottom: 40px;
}

.vestigingen_container {
  margin-top: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.vestigingen_container > div {
  width: calc(25% - 20px);
}

@media only screen and (max-width: 950px) {
  .vestigingen_container > div {
    width: calc(50% - 20px);
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 500px) {
  .vestigingen_container > div {
    width: 100%;
  }
}

.vestigingen_container > div h3 {
  font-weight: bold;
}

.vestigingen_container > div p a {
  text-decoration: underline;
}

.vestigingen_container .contact_info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.vestigingen_container .contact_info a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 19px;
  margin-bottom: 10px;
}

.vestigingen_container .contact_info a img {
  margin-right: 10px;
}

.contact_form_container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}

.contact_form {
  max-width: 900px;
  background-color: #E7E8E8;
  padding: 30px;
  border-radius: 10px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 650px) {
  .contact_form {
    padding: 10px;
  }
}

.contact_form h2 {
  margin-bottom: 40px;
}

.contact_form .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.contact_form .top > div {
  width: calc(50% - 20px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media only screen and (max-width: 650px) {
  .contact_form .top > div {
    width: 100%;
  }
}

.textarea {
  width: 100%;
}

input[type=text],
input[type=email],
textarea {
  border: none;
  border-radius: 5px;
  width: 100%;
  padding: 8px 10px;
}

.partners_container {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}

.partners_container .partner {
  width: calc(33.333% - 20px);
  margin-bottom: 20px;
}

@media only screen and (max-width: 900px) {
  .partners_container .partner {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 600px) {
  .partners_container .partner {
    width: 100%;
  }
}

.partners_container .partner a {
  height: 95px;
  padding: 10px;
  background-color: #E7E8E8;
  box-shadow: 0 8px 0 0 #CED0D4;
  font-weight: bold;
  font-style: italic;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  border-radius: 7px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.partners_container .partner a:hover {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  box-shadow: 0 4px 0 0 #CED0D4;
}

.partners_container .partner a:focus {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  box-shadow: 0 0px 0 0 #CED0D4;
}

.partners_container .partner a img {
  max-width: 100%;
  max-height: 100%;
}

#footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
  background-color: #5D6871;
  color: #E7E8E8;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 666px) {
  #footer {
    padding-top: 20px;
  }
}

#footer > div {
  width: calc(33% - 20px);
}

@media only screen and (max-width: 666px) {
  #footer > div {
    width: 100%;
    text-align: center;
  }
}

#footer > div H3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
  width: 100%;
}

@media only screen and (max-width: 666px) {
  #footer > div H3 {
    margin-top: 40px;
  }
}

#footer .footer_nav > div,
#footer .footer_locaties > div {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 950px) {
  #footer .footer_nav > div,
  #footer .footer_locaties > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

#footer .footer_nav > div a,
#footer .footer_locaties > div a {
  color: #E7E8E8;
}

#footer .footer_nav > div a:hover,
#footer .footer_locaties > div a:hover {
  color: #E7E8E8;
}

#footer .footer_nav > div > div,
#footer .footer_locaties > div > div {
  width: calc(50% - 10px);
  margin-bottom: 20px;
}

@media only screen and (max-width: 950px) {
  #footer .footer_nav > div > div,
  #footer .footer_locaties > div > div {
    width: 100%;
  }
}

#footer .footer_nav > div > div h4,
#footer .footer_locaties > div > div h4 {
  font-weight: bold;
}

#footer .footer_socs {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: end;
          align-items: flex-end;
}

@media only screen and (max-width: 666px) {
  #footer .footer_socs {
    -webkit-box-align: center;
            align-items: center;
  }
}

#footer .footer_socs .button {
  margin-bottom: 20px;
}

#footer .footer_socs p a {
  color: #E7E8E8;
  text-decoration: underline;
}

#footer .footer_socs .socs {
  display: -webkit-box;
  display: flex;
}

#footer .footer_socs .socs .button {
  width: 40px;
  padding: 8px;
  margin-left: 10px;
  margin-top: 20px;
}