@import url(https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i|Roboto+Condensed:400,700&display=swap);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;
}

.hidden {
  display: none;
}

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

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

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

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

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

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

h1,
h2,
h3,
h4,
h5 {
  font-family: "Montserrat", serif;
  font-weight: 700;
}

a {
  color: #756660;
}

a:hover {
  color: #756660;
  text-decoration: underline;
}

.button {
  background-color: #756660;
  color: #fff;
  font-size: 20px;
  font-family: "Montserrat", serif;
  padding: 9px 19px;
  display: inline-block;
  border: 1px solid #756660;
  transition: all 0.3s;
}

.button:hover {
  color: #fff;
}

.creatie_bg {
  background-color: #BA0066;
}

.mensen_bg {
  background-color: #009881;
}

.economie_bg {
  background-color: #AAAA00;
}

.sport_bg {
  background-color: #F59C00;
}

.veiligheid_bg {
  background-color: #C00D0E;
}

.taal_bg {
  background-color: #009881;
}

.creatie_container b {
  color: #BA0066;
}

.creatie_container h1,
.creatie_container h2,
.creatie_container h3,
.creatie_container h4,
.creatie_container h5 {
  color: #BA0066;
}

.creatie_container .mycolor {
  color: #BA0066;
}

.creatie_container a:hover {
  color: #BA0066;
}

.creatie_container td {
  border: 1px solid #BA0066;
}

.creatie_container .button {
  background-color: #BA0066;
  border-color: #BA0066;
}

.creatie_container .button:hover {
  background-color: #fff;
  text-decoration: none;
}

.mensen_container b {
  color: #009881;
}

.mensen_container h1,
.mensen_container h2,
.mensen_container h3,
.mensen_container h4,
.mensen_container h5 {
  color: #009881;
}

.mensen_container .mycolor {
  color: #009881;
}

.mensen_container a:hover {
  color: #009881;
}

.mensen_container td {
  border: 1px solid #009881;
}

.mensen_container .button {
  background-color: #009881;
  border-color: #009881;
}

.mensen_container .button:hover {
  background-color: #fff;
  text-decoration: none;
}

.economie_container b {
  color: #AAAA00;
}

.economie_container h1,
.economie_container h2,
.economie_container h3,
.economie_container h4,
.economie_container h5 {
  color: #AAAA00;
}

.economie_container .mycolor {
  color: #AAAA00;
}

.economie_container a:hover {
  color: #AAAA00;
}

.economie_container td {
  border: 1px solid #AAAA00;
}

.economie_container .button {
  background-color: #AAAA00;
  border-color: #AAAA00;
}

.economie_container .button:hover {
  background-color: #fff;
  text-decoration: none;
}

.sport_container b {
  color: #F59C00;
}

.sport_container h1,
.sport_container h2,
.sport_container h3,
.sport_container h4,
.sport_container h5 {
  color: #F59C00;
}

.sport_container .mycolor {
  color: #F59C00;
}

.sport_container a:hover {
  color: #F59C00;
}

.sport_container td {
  border: 1px solid #F59C00;
}

.sport_container .button {
  background-color: #F59C00;
  border-color: #F59C00;
}

.sport_container .button:hover {
  background-color: #fff;
  text-decoration: none;
}

.veiligheid_container b {
  color: #C00D0E;
}

.veiligheid_container h1,
.veiligheid_container h2,
.veiligheid_container h3,
.veiligheid_container h4,
.veiligheid_container h5 {
  color: #C00D0E;
}

.veiligheid_container .mycolor {
  color: #C00D0E;
}

.veiligheid_container a:hover {
  color: #C00D0E;
}

.veiligheid_container td {
  border: 1px solid #C00D0E;
}

.veiligheid_container .button {
  background-color: #C00D0E;
  border-color: #C00D0E;
}

.veiligheid_container .button:hover {
  background-color: #fff;
  text-decoration: none;
}

.taal_container b {
  color: #009881;
}

.taal_container h1,
.taal_container h2,
.taal_container h3,
.taal_container h4,
.taal_container h5 {
  color: #009881;
}

.taal_container .mycolor {
  color: #009881;
}

.taal_container a:hover {
  color: #009881;
}

.taal_container td {
  border: 1px solid #009881;
}

.taal_container .button {
  background-color: #009881;
  border-color: #009881;
}

.taal_container .button:hover {
  background-color: #fff;
  text-decoration: none;
}

.container .clearfix p {
  margin-bottom: 13px;
}

.container .clearfix h1,
.container .clearfix h2,
.container .clearfix h3,
.container .clearfix h4,
.container .clearfix h5 {
  margin-bottom: 15px;
}

.content_block {
  font-size: 15px;
  color: #756660;
  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: #BA0066;
}

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

.content_block .button {
  color: #fff;
}

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

.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 #756660;
  color: #756660;
  font-size: 18px;
}

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

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

.content_container {
  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 {
    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>
*/

.headerspacer {
  height: 190px;
}

@media only screen and (max-width: 850px) {
  .headerspacer {
    height: 85px;
  }
}

.header {
  position: fixed;
  top: 0;
  height: 190px;
  background-color: #fff;
  z-index: 8000;
}

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

.header .top ul {
  display: flex;
  justify-content: flex-end;
}

.header .top ul li {
  z-index: 400;
  padding: 16px 10px 6px;
  margin-top: -10px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .top ul li a {
  color: #fff;
  font-weight: 400;
  transition: all 0.3s;
  font-family: "Montserrat", serif;
}

.header .top ul li a:hover {
  text-decoration: none;
}

.header .top ul li:nth-of-type(1) {
  background-color: #BA0066;
}

.header .top ul li:nth-of-type(2) {
  background-color: #009881;
}

.header .top ul li:nth-of-type(3) {
  background-color: #AAAA00;
}

.header .top ul li:nth-of-type(4) {
  background-color: #C00D0E;
}

.header .top ul li:nth-of-type(5) {
  background-color: #F59C00;
}

.header .top ul::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(/images/kleurbalk.svg?9258a5be01608d9d2e0828095d49616d);
  height: 15px;
  width: calc(50vw + 244px);
  background-repeat: repeat;
  background-position: right;
  left: 0;
}

@media only screen and (max-width: 900px) {
  .header .top ul::before {
    width: 100vw;
  }
}

.header .top ul::after {
  content: "";
  position: absolute;
  display: block;
  background-image: url(/images/kleurbalk.svg?9258a5be01608d9d2e0828095d49616d);
  height: 15px;
  right: 0;
  background-repeat: repeat;
  background-position: left;
  width: calc(50vw - 640px);
}

@media only screen and (max-width: 1340px) {
  .header .top ul::after {
    width: 4vw;
  }
}

@media only screen and (max-width: 900px) {
  .header .top ul::after {
    display: none;
  }
}

.header .mid {
  display: flex;
  justify-content: space-between;
}

.header .mid .header_zoek {
  margin-right: 40px;
  display: flex;
  align-items: center;
}

.header .mid .header_zoek input {
  padding: 8px 10px;
  border-radius: 3px;
  border: 2px solid #BA0066;
  width: 90px;
  transition: all 0.3s;
}

.header .mid .header_zoek input:focus {
  width: 180px;
}

.header .mid .header_zoek img {
  margin-left: -30px;
  width: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 25px;
}

.header .mid .text {
  display: flex;
  margin-top: 20px;
  font-size: 14px;
  line-height: 23px;
}

.header .mid .text .left {
  margin-left: 40px;
}

.header .mid .text .left p img {
  margin-right: 5px;
}

.header .bottom nav > ul {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.header .bottom nav > ul > li {
  font-family: "Montserrat", serif;
}

.header .bottom nav > ul > li::before {
  content: "/";
  display: inline-block;
  position: relative;
  color: #009881;
  font-size: 18px;
  margin-left: 15px;
  margin-right: 15px;
}

.header .bottom nav > ul > li:first-of-type::before {
  display: none;
}

.header .bottom nav > ul > li > a > img {
  position: absolute;
  margin-top: 8px;
  padding-left: 2px;
}

.header .bottom nav > ul > li .nav_more_content {
  display: none;
  transition: all 0.3s;
  opacity: 0;
}

.header .bottom nav > ul > li .nav_more_content a {
  opacity: 0;
}

.header .bottom nav > ul > li:hover .nav_more_content {
  display: inherit;
  position: absolute;
  opacity: 1;
  z-index: 1000;
}

.header .bottom nav > ul > li:hover .nav_more_content > li a {
  opacity: 1;
  text-align: center;
  width: 172px;
  height: 40px;
  color: #fff;
  background-color: rgba(117, 102, 96, 0.95);
  margin-top: 5px;
  box-shadow: 0px 3px 3px rgba(117, 102, 96, 0.8);
  display: block;
  align-items: center;
  justify-content: center;
  padding: 9px;
  transform: scale(1);
  transition: all 0.3s;
}

.header .bottom nav > ul > li:hover .nav_more_content > li a:hover {
  text-decoration: none;
  transform: scale(1.1);
}

.header .bottom nav > ul > li:hover .nav_more_content .studieaanbod_container {
  background-color: rgba(117, 102, 96, 0.95);
  box-shadow: 0px 3px 3px rgba(117, 102, 96, 0.8);
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.header .bottom nav > ul > li:hover .nav_more_content .studieaanbod_container h3 {
  color: #fff;
}

.header .bottom nav > ul > li:hover .nav_more_content .studieaanbod_container a {
  opacity: 1;
  color: #fff;
}

.header .bottom nav > ul > li:hover .nav_more_studieaanbod {
  left: 0;
  width: 100vw;
}

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

@media (max-width: 850px) {
  .mobile_header {
    display: block;
    z-index: 4000;
  }
}

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

.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;
  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: #756660;
  font-size: 22px;
}

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

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

#hamburger {
  display: none;
}

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

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

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

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

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

#carouselExampleControls {
  margin-top: 20px;
  z-index: 400;
}

#carouselExampleControls .carousel-item > div {
  min-height: 350px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#carouselExampleControls .carousel-item > div .carousel_text_box {
  max-width: 720px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  display: flex;
  flex-direction: column;
}

#carouselExampleControls .carousel-item > div .carousel_text_box h2 {
  font-size: 25px;
  margin-bottom: 20px;
}

#carouselExampleControls .carousel-item > div .carousel_text_box a {
  align-self: flex-end;
}

#carouselExampleControls .carousel-control-next-icon {
  position: absolute;
  right: 15px;
  transform: scale(1.5);
}

@media only screen and (max-width: 600px) {
  #carouselExampleControls .carousel-control-next-icon {
    right: 1vw;
    transform: scale(1);
  }
}

#carouselExampleControls .carousel-control-prev-icon {
  position: absolute;
  left: 15px;
  transform: scale(1.5);
}

@media only screen and (max-width: 600px) {
  #carouselExampleControls .carousel-control-prev-icon {
    left: 1vw;
    transform: scale(1);
  }
}

#home_passies {
  margin-top: 30px;
}

#home_passies > h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  #home_passies > h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #home_passies > h2 {
    font-size: 20px;
  }
}

#home_passies > p {
  max-width: 650px;
  margin-bottom: 30px;
}

#home_passies .passies {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#home_passies .passies a {
  display: flex;
  justify-content: space-between;
  font-family: "Montserrat", serif;
  font-size: 20px;
  color: #fff;
  line-height: 24px;
  align-items: center;
  width: 210px;
  height: 130px;
  padding: 40px 10px 40px 40px;
  border-radius: 20px;
  font-weight: bold;
  transform: scale(1);
  transition: all 0.3s;
  margin: 10px 60px;
}

@media only screen and (max-width: 1250px) {
  #home_passies .passies a {
    margin: 10px 39px;
  }
}

@media only screen and (max-width: 944px) {
  #home_passies .passies a {
    margin: 10px 20px;
  }
}

@media only screen and (max-width: 590px) {
  #home_passies .passies a {
    margin: 10px 10px;
    width: calc(50% - 20px);
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px 10px 10px;
    height: auto;
  }
}

#home_passies .passies a:hover {
  text-decoration: none;
  transform: scale(1.1);
}

#home_passies .passies a img {
  align-self: flex-end;
  width: 67px;
  height: 67px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 590px) {
  #home_passies .passies a img {
    width: 30%;
  }
}

.home_passies_bg {
  position: absolute;
  width: 50vw;
  right: -20vw;
  opacity: 0.05;
  margin-top: -30vw;
  z-index: -10;
}

#home_cta_img {
  z-index: 400;
  margin-top: 40px;
  overflow: hidden;
}

#home_cta_img .text_box {
  text-align: center;
  color: #fff;
  background-color: rgba(186, 0, 102, 0.8);
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#home_cta_img .text_box h2 {
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
  #home_cta_img .text_box h2 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 700px) {
  #home_cta_img .text_box h2 {
    font-size: 20px;
  }
}

#home_cta_img .text_box p {
  margin-bottom: 30px;
  max-width: 800px;
}

#home_cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

@media only screen and (max-width: 1000px) {
  #home_cta {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 700px) {
  #home_cta {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#home_cta > * {
  max-width: 750px;
  width: 100%;
}

#home_cta h2 {
  margin-bottom: 20px;
  font-size: 30px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
  #home_cta h2 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 700px) {
  #home_cta h2 {
    font-size: 20px;
  }
}

#home_cta p {
  margin-bottom: 20px;
}

#home_cta p a {
  text-decoration: underline;
}

.home_cta_bg {
  position: absolute;
  width: 50vw;
  opacity: 0.05;
  margin-top: -120px;
  z-index: -10;
}

@media only screen and (max-width: 800px) {
  .home_cta_bg {
    margin-top: 0px;
  }
}

#passies {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

#passies .passies_nav {
  width: 270px;
  margin-top: -10px;
}

@media only screen and (max-width: 950px) {
  #passies .passies_nav .passies {
    display: flex;
    flex-wrap: wrap;
  }
}

#passies .passies_nav .passies a {
  display: flex;
  justify-content: space-between;
  font-family: "Montserrat", serif;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  align-items: center;
  width: 210px;
  height: 80px;
  padding: 5px 25px;
  border-radius: 20px;
  font-weight: bold;
  transform: scale(1);
  transition: all 0.3s;
  margin: 10px 0;
}

@media only screen and (max-width: 950px) {
  #passies .passies_nav .passies a {
    margin: 10px 10px;
  }
}

@media only screen and (max-width: 590px) {
  #passies .passies_nav .passies a {
    margin: 10px 10px;
    width: calc(50% - 20px);
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px 10px 10px;
    height: auto;
  }
}

#passies .passies_nav .passies a:hover {
  text-decoration: none;
  transform: scale(1.1);
}

#passies .passies_nav .passies a img {
  align-self: flex-end;
  width: 67px;
  height: 67px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 590px) {
  #passies .passies_nav .passies a img {
    width: 30%;
  }
}

#passies .passies_content {
  width: calc(100% - 270px);
  margin-bottom: 50px;
}

#passies .passies_content > div h2 {
  font-size: 35px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  #passies .passies_content > div h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #passies .passies_content > div h2 {
    font-size: 25px;
  }
}

#passies .passies_content > div h3 {
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  #passies .passies_content > div h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 700px) {
  #passies .passies_content > div h3 {
    font-size: 20px;
  }
}

#passies .passies_content > div img {
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 40px;
  -o-object-position: center;
     object-position: center;
}

@media only screen and (max-width: 1000px) {
  #passies .passies_content > div img {
    height: 150px;
  }
}

@media only screen and (max-width: 700px) {
  #passies .passies_content > div img {
    height: 100px;
  }
}

#passies .passies_content .mensen_container .content_block a {
  color: #009881;
}

#passies .passies_content .mensen_container .content_block a:hover {
  color: #009881 !important;
}

#passies .passies_content .creatie_container .content_block a {
  color: #BA0066;
}

#passies .passies_content .creatie_container .content_block a:hover {
  color: #BA0066 !important;
}

#passies .passies_content .economie_container .content_block a {
  color: #AAAA00;
}

#passies .passies_content .economie_container .content_block a:hover {
  color: #AAAA00 !important;
}

#passies .passies_content .sport_container .content_block a {
  color: #F59C00;
}

#passies .passies_content .sport_container .content_block a:hover {
  color: #F59C00 !important;
}

#passies .passies_content .veiligheid_container .content_block a {
  color: #C00D0E;
}

#passies .passies_content .veiligheid_container .content_block a:hover {
  color: #C00D0E !important;
}

#passies .passies_content .taal_container .content_block a {
  color: #009881;
}

#passies .passies_content .taal_container .content_block a:hover {
  color: #009881 !important;
}

@media only screen and (max-width: 950px) {
  #passies > * {
    width: 100% !important;
  }

  #passies .passies_content {
    margin-top: 40px;
  }
}

#over {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

#over .over_nav {
  width: 270px;
  margin-top: -10px;
  padding-right: 20px;
}

#over .over_nav .button {
  width: 100%;
  margin-bottom: 10px;
}

#over .over_content {
  width: calc(100% - 270px);
  margin-bottom: 50px;
}

@media only screen and (max-width: 950px) {
  #over > * {
    width: 100% !important;
  }

  #over .over_content {
    margin-top: 40px;
  }

  #over .over_nav {
    padding-right: 0px;
  }

  #over .over_nav .button {
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 4px;
  }
}

#wieiswie {
  margin-top: 40px;
}

#wieiswie h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  #wieiswie h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #wieiswie h2 {
    font-size: 25px;
  }
}

#wieiswie h3 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  #wieiswie h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 700px) {
  #wieiswie h3 {
    font-size: 20px;
  }
}

#wieiswie .wie_container {
  display: flex;
  flex-wrap: wrap;
}

#wieiswie .wie_container .wie {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1130px) {
  #wieiswie .wie_container .wie {
    width: 33.333%;
  }
}

@media only screen and (max-width: 880px) {
  #wieiswie .wie_container .wie {
    width: 50%;
  }
}

@media only screen and (max-width: 630px) {
  #wieiswie .wie_container .wie {
    width: 100%;
  }
}

#wieiswie .wie_container .wie img {
  width: 200px;
  height: 200px;
  border-radius: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

#wieiswie .wie_container .wie > div {
  color: #fff;
  font-size: 20px;
  font-family: "Montserrat", serif;
  border-radius: 25px;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
}

#wieiswie .wie_container .wie > a {
  margin-top: 20px;
}

#studieaanbod {
  margin-top: 40px;
}

#studieaanbod > h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  #studieaanbod > h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #studieaanbod > h2 {
    font-size: 25px;
  }
}

#studieaanbod > h3 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  #studieaanbod > h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 700px) {
  #studieaanbod > h3 {
    font-size: 20px;
  }
}

#studieaanbod > p {
  max-width: 720px;
  margin-bottom: 70px;
}

.studieaanbod_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.studieaanbod_container > div {
  width: 50%;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1170px) {
  .studieaanbod_container > div {
    width: 50%;
  }
}

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

.studieaanbod_container h3 {
  margin-left: 28px;
  font-size: 25px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  .studieaanbod_container h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 700px) {
  .studieaanbod_container h3 {
    font-size: 18px;
  }
}

.studieaanbod_container ul li a {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  text-transform: initial;
}

.studieaanbod_container ul li a > span {
  width: 9px;
  margin-right: 19px;
  height: 30px;
  transition: all 0.3s;
}

.studieaanbod_container ul li a:hover > span {
  width: 19px;
  margin-right: 9px;
}

.studieaanbod_container ul li a p span {
  font-size: 12px;
  opacity: 0.5;
}

.studieaanbod_container.studieaanbod_containerNav .btn-link:hover {
  text-decoration: none;
}

.studieaanbod_container.studieaanbod_containerNav .btn-link:focus {
  text-decoration: none;
}

.studieaanbod_container.studieaanbod_containerNav button {
  transition: all 0.3s;
}

.studieaanbod_container.studieaanbod_containerNav button:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
  transition: all 0.3s;
}

.richting_banner {
  background-size: cover;
  background-position: center;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 20px;
}

.richting_banner h3 {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
  .richting_banner h3 {
    font-size: 18px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 700px) {
  .richting_banner h3 {
    font-size: 16px;
    line-height: 20px;
  }
}

.richting_banner h2 {
  font-size: 35px;
  color: #fff;
  margin-top: 20px;
  text-transform: uppercase;
}

.richting_banner h2 span {
  opacity: 0.5;
  font-size: 30px;
  text-transform: lowercase;
}

@media only screen and (max-width: 1000px) {
  .richting_banner h2 {
    font-size: 30px;
  }

  .richting_banner h2 span {
    font-size: 25px;
  }
}

@media only screen and (max-width: 700px) {
  .richting_banner h2 {
    font-size: 25px;
  }

  .richting_banner h2 span {
    font-size: 20px;
  }
}

.richting_content {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  flex-wrap: wrap;
}

.richting_content .richting_left {
  width: calc(100% - 480px);
}

.richting_content .richting_left > div {
  margin-bottom: 50px;
}

.richting_content .richting_left > div h3 {
  font-size: 25px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  .richting_content .richting_left > div h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 700px) {
  .richting_content .richting_left > div h3 {
    font-size: 18px;
  }
}

.richting_content .richting_left > div ul {
  list-style: disc;
}

.richting_content .richting_left > div ul li {
  margin-left: 30px;
}

.richting_content .richting_left .richting_kies ul {
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
}

.richting_content .richting_left .richting_kies ul li {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.richting_content .richting_left .richting_kies ul li::before {
  content: "|";
  display: inline-block;
  color: #756660;
  margin-right: 10px;
}

.richting_content .richting_left .richting_kies ul li:first-of-type::before {
  content: none;
}

.richting_content .richting_left .richting_kies ul li h3 {
  font-size: 20px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 700px) {
  .richting_content .richting_left .richting_kies ul li h3 {
    font-size: 18px;
  }
}

.richting_content .richting_right {
  width: 440px;
  margin-bottom: 50px;
}

.richting_content .richting_right table {
  width: 100%;
}

.richting_content .richting_right table th {
  color: #fff;
  border: 1px solid #fff;
  padding: 4px 8px;
}

.richting_content .richting_right table th:nth-of-type(2) {
  text-align: center;
}

.richting_content .richting_right table td {
  padding: 4px 8px;
}

.richting_content .richting_right table td:nth-of-type(1) {
  border-left: none;
}

.richting_content .richting_right table td:nth-of-type(2) {
  text-align: center;
  border-right: none;
}

@media only screen and (max-width: 990px) {
  .richting_content > * {
    width: 100% !important;
  }
}

#nieuws h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  #nieuws h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #nieuws h2 {
    font-size: 25px;
  }
}

#nieuws .nieuws_container .nieuws_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#nieuws .nieuws_container .nieuws_item::after {
  content: "";
  display: inline-block;
  margin-top: 40px;
  width: 70%;
  margin-bottom: 40px;
  height: 1px;
  background-color: #756660;
  margin-left: 15%;
  margin-right: 15%;
  opacity: 0.5;
}

#nieuws .nieuws_container .nieuws_item > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media only screen and (max-width: 900px) {
  #nieuws .nieuws_container .nieuws_item > img {
    margin-bottom: 30px;
  }
}

#nieuws .nieuws_container .nieuws_item h3 {
  font-size: 25px;
  margin-bottom: 40px;
  line-height: 30px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
  #nieuws .nieuws_container .nieuws_item h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #nieuws .nieuws_container .nieuws_item h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}

#nieuws .nieuws_container .nieuws_item .button {
  margin-top: 40px;
}

#nieuws .nieuws_container .nieuws_item > div {
  width: calc(100% - 660px);
}

@media only screen and (max-width: 1200px) {
  #nieuws .nieuws_container .nieuws_item > div {
    width: calc(100% - 460px);
  }
}

@media only screen and (max-width: 900px) {
  #nieuws .nieuws_container .nieuws_item > div {
    width: 100%;
  }
}

#nieuws .nieuws_container .nieuws_item > img {
  width: 620px;
  height: calc(620px*.5625);
}

@media only screen and (max-width: 1200px) {
  #nieuws .nieuws_container .nieuws_item > img {
    width: 420px;
    height: calc(420px*.5625);
  }
}

@media only screen and (max-width: 900px) {
  #nieuws .nieuws_container .nieuws_item > img {
    width: 100%;
    height: 100%;
  }
}

#nieuws .nieuws_container .nieuws_item:nth-of-type(2n) {
  flex-direction: row-reverse;
}

#nieuws_d {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#nieuws_d > h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 40px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  #nieuws_d > h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #nieuws_d > h2 {
    font-size: 25px;
  }
}

#nieuws_d .nieuws_d_content {
  width: calc(100% - 400px);
  margin-bottom: 40px;
  background-color: #EEECEB;
  height: 100%;
  padding: 40px;
}

@media only screen and (max-width: 900px) {
  #nieuws_d .nieuws_d_content {
    padding: 3vw;
  }
}

#nieuws_d .nieuws_d_related {
  width: 370px;
  margin-bottom: 40px;
}

#nieuws_d .nieuws_d_related > h3 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1000px) {
  #nieuws_d .nieuws_d_related > h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 700px) {
  #nieuws_d .nieuws_d_related > h3 {
    font-size: 20px;
  }
}

#nieuws_d .nieuws_d_related > div {
  display: flex;
  flex-direction: column;
}

#nieuws_d .nieuws_d_related > div::after {
  content: "";
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  margin-bottom: 40px;
  height: 1px;
  background-color: #756660;
  opacity: 0.5;
}

#nieuws_d .nieuws_d_related > div img {
  width: 100%;
}

#nieuws_d .nieuws_d_related > div h4 {
  font-size: 25px;
  margin-bottom: 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  #nieuws_d .nieuws_d_related > div h4 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 700px) {
  #nieuws_d .nieuws_d_related > div h4 {
    font-size: 18px;
  }
}

#nieuws_d .nieuws_d_related > div a {
  align-self: flex-end;
}

@media only screen and (max-width: 900px) {
  #nieuws_d > * {
    width: 100% !important;
  }
}

#inschrijven {
  margin-top: 40px;
  margin-bottom: 40px;
}

#inschrijven h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  #inschrijven h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #inschrijven h2 {
    font-size: 25px;
  }
}

#inschrijven .inschrijven_toggle {
  height: 70px;
  overflow: hidden;
  transition: all 0.3s;
}

#inschrijven .inschrijven_toggle a.h3 {
  display: flex;
  margin-bottom: 40px;
  align-items: center;
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  #inschrijven .inschrijven_toggle a.h3 {
    justify-content: space-between;
  }
}

#inschrijven .inschrijven_toggle a.h3 > h3 {
  font-size: 25px;
  margin-right: 10px;
}

@media only screen and (max-width: 1000px) {
  #inschrijven .inschrijven_toggle a.h3 > h3 {
    font-size: 20px;
  }
}

#inschrijven .inschrijven_toggle a.h3 > img {
  transition: all 0.3s;
  width: 24px;
  height: 14px;
}

#inschrijven .inschrijven_toggle .container_toggle {
  display: flex;
  flex-wrap: wrap;
}

#inschrijven .inschrijven_toggle .container_toggle > div {
  width: 350px;
  margin-right: 40px;
}

@media only screen and (max-width: 800px) {
  #inschrijven .inschrijven_toggle .container_toggle > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}

#inschrijven .inschrijven_toggle .container_toggle > div h4 {
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  #inschrijven .inschrijven_toggle .container_toggle > div h4 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 700px) {
  #inschrijven .inschrijven_toggle .container_toggle > div h4 {
    font-size: 16px;
  }
}

#inschrijven .inschrijven_toggle .container_toggle > div .button {
  margin-top: 40px;
}

#inschrijven h3.collapsed ~ img {
  transform: rotate(-180deg);
}

#inschrijven .active_toggle {
  height: 100%;
}

#inschrijven .active_toggle > a > img {
  transform: rotate(-180deg);
}

#inschrijven7 > h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 40px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  #inschrijven7 > h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #inschrijven7 > h2 {
    font-size: 25px;
  }
}

#inschrijven7 .inschrijven_form {
  display: flex;
  flex-wrap: wrap;
  max-width: 850px;
  margin-bottom: 40px;
}

#inschrijven7 .inschrijven_form > div {
  width: calc(50% - 20px);
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 900px) {
  #inschrijven7 .inschrijven_form > div {
    width: 100%;
  }
}

#inschrijven7 .inschrijven_form > div input[type=text],
#inschrijven7 .inschrijven_form > div input[type=email] {
  height: 44px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  padding: 4px 8px;
  border: solid 1px #EEECEB;
  color: #756660;
}

#inschrijven7 .inschrijven_form > div select {
  display: block;
  padding: 4px 8px;
  border: 1px solid #EEECEB;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #756660;
  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%2756660%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;
  background-position: right 0.7em top 50%;
  background-size: 0.65em auto, 100%;
}

#inschrijven7 .inschrijven_form > div select option span {
  opacity: 0.5;
}

#inschrijven7 .inschrijven_form .gdpr {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 30px;
}

#inschrijven7 .inschrijven_form .gdpr input {
  margin-right: 10px;
}

#inschrijven7 .inschrijven_form .gdpr a {
  color: #BA0066;
}

#inschrijven7 .adres {
  margin-bottom: 40px;
}

#inschrijven7 .adres > h3 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 60px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  #inschrijven7 .adres > h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 700px) {
  #inschrijven7 .adres > h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

#practisch {
  display: flex;
  flex-wrap: wrap;
}

#practisch > h2 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 40px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  #practisch > h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 700px) {
  #practisch > h2 {
    font-size: 25px;
  }
}

#practisch .practisch_nav {
  width: 275px;
  margin-bottom: 40px;
}

#practisch .practisch_nav ul {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 900px) {
  #practisch .practisch_nav ul {
    justify-content: center;
  }
}

#practisch .practisch_nav ul li {
  width: 235px;
}

@media only screen and (max-width: 900px) {
  #practisch .practisch_nav ul li {
    width: calc(33.333% - 20px);
    margin: 10px;
  }
}

@media only screen and (max-width: 750px) {
  #practisch .practisch_nav ul li {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 450px) {
  #practisch .practisch_nav ul li {
    width: calc(50% - 5px);
    margin: 2.5px;
  }
}

#practisch .practisch_nav ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 4px 15px;
  border-radius: 10px;
  margin-bottom: 10px;
  transition: all 0.3s;
}

@media only screen and (max-width: 900px) {
  #practisch .practisch_nav ul li a {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 750px) {
  #practisch .practisch_nav ul li a {
    padding: 4px 5px;
  }
}

#practisch .practisch_nav ul li a:hover {
  text-decoration: none;
  transform: scale(1.1);
}

#practisch .practisch_nav ul li a img {
  width: 52px;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 900px) {
  #practisch .practisch_nav ul li a img {
    width: 30px;
    height: 30px;
  }
}

#practisch .practisch_nav ul li a p {
  color: #fff;
  font-weight: bold;
}

#practisch .practisch_info {
  width: calc(100% - 275px);
  margin-bottom: 50px;
}

#practisch .practisch_info > div {
  margin-bottom: 60px;
}

#practisch .practisch_info > div h3 {
  display: flex;
  align-items: center;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1000px) {
  #practisch .practisch_info > div h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 700px) {
  #practisch .practisch_info > div h3 {
    font-size: 18px;
  }
}

#practisch .practisch_info > div h3 img {
  width: 174px;
  height: 174px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: -85px;
}

@media only screen and (max-width: 1000px) {
  #practisch .practisch_info > div h3 img {
    width: 120px;
    height: 120px;
    margin-right: -60px;
  }
}

@media only screen and (max-width: 700px) {
  #practisch .practisch_info > div h3 img {
    width: 80px;
    height: 80px;
    margin-right: -40px;
  }
}

@media only screen and (max-width: 900px) {
  #practisch > div {
    width: 100% !important;
  }
}

.color_border {
  width: 100vw;
  background-image: url(/images/kleurbalk.svg?9258a5be01608d9d2e0828095d49616d);
  height: 15px;
}

#footer .sivi_container {
  background-color: #EEECEB;
}

#footer .sivi_container .top {
  display: flex;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
  flex-wrap: wrap;
}

#footer .sivi_container .top > * {
  width: 20%;
}

@media only screen and (max-width: 1070px) {
  #footer .sivi_container .top > * {
    width: 33%;
    margin-bottom: 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 700px) {
  #footer .sivi_container .top > * {
    width: 50%;
  }
}

@media only screen and (max-width: 700px) {
  #footer .sivi_container .top > * {
    width: 100%;
  }
}

@media only screen and (max-width: 1070px) {
  #footer .sivi_container .top > a {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
  }
}

#footer .sivi_container .top > a img {
  height: 186px;
  width: 176px;
}

#footer .sivi_container .top > div h2 {
  font-size: 25px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
  #footer .sivi_container .top > div h2 {
    font-size: 20px;
  }
}

#footer .sivi_container .top > div p {
  font-size: 14px;
  line-height: 23px;
}

#footer .sivi_container .top > div p span {
  font-weight: bold;
  width: 55px;
  display: inline-block;
}

#footer .sivi_container .top .footer_links {
  display: flex;
  flex-direction: column;
}

#footer .sivi_container .top .footer_links .button {
  height: 44px;
  margin-bottom: 10px;
}

#footer .sivi_container .top .footer_links .small_buttons {
  display: flex;
  align-items: center;
}

#footer .sivi_container .top .footer_links .small_buttons .button {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

#footer .sivi_container .bottom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

#footer .sivi_container .bottom p {
  font-size: 14px;
  margin-top: 21px;
  text-align: right;
}

#footer .sivi_container .bottom a img {
  width: 170px;
  height: 76px;
}

.infoavondTable .passie {
  display: flex;
  justify-content: space-between;
  font-family: "Montserrat", serif;
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  align-items: center;
  width: 210px;
  height: 80px;
  padding: 5px 25px;
  border-radius: 20px;
  font-weight: bold;
  transform: scale(1);
  transition: all 0.3s;
  margin: 10px 0;
}

@media only screen and (max-width: 950px) {
  .infoavondTable .passie {
    margin: 10px 10px;
  }
}

@media only screen and (max-width: 590px) {
  .infoavondTable .passie {
    margin: 10px 10px;
    font-size: 16px;
    line-height: 18px;
    padding: 10px 10px 10px 10px;
    height: auto;
  }
}

.infoavondTable .passie:hover {
  text-decoration: none;
  transform: scale(1.1);
  color: white;
}

.infoavondTable .passie img {
  align-self: flex-end;
  width: 67px;
  height: 67px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 590px) {
  .infoavondTable .passie img {
    width: 30%;
  }
}

.infoavondTable .button {
  font-size: 16px;
  padding: 5px 12px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.infoavondTable .button:hover {
  background-color: white;
  color: #756660 !important;
}

.infoavondTable td {
  border: 1px solid #BA0066;
  width: 40%;
}

.infoavondTable td.smallTD {
  width: 20%;
}