@import url(https://fonts.googleapis.com/css?family=Barlow+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;
}

p {
  font-size: 18px;
  line-height: 22px;
}

body {
  font-size: 18px;
  width: 100vw;
  overflow-x: hidden;
  color: #303338;
  background-color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 22px;
}

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

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

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

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

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

.fases_2img_center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fases_2img_center > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: calc(50% - 20px);
}

.fases_2img_center > div img {
  max-width: 100%;
}

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

.fases_fullimg_center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.fases_fullimg_center img {
  width: 100%;
}

.fase_intro {
  display: flex;
  justify-content: center;
}

.fase_intro p {
  max-width: 600px;
  text-align: center;
}

.fase_links {
  display: flex;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 40px;
}

.fase_links a {
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 900px) {
  .fase_links a {
    width: 150px;
  }

  .fase_links a img {
    width: 150px;
  }
}

@media only screen and (max-width: 500px) {
  .fase_links a {
    width: 80px;
    margin: 10px;
  }

  .fase_links a img {
    width: 80px;
  }
}

.fase_links a:hover {
  text-decoration: none !important;
}

.fase_links a:hover p {
  text-decoration: none;
}

.fase_links a p {
  font-size: 25px;
  color: #BA2020;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
}

.fase_links a p:hover {
  text-decoration: none;
}

.text_img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
}

.text_img > * {
  width: calc(50% - 20px);
}

@media only screen and (max-width: 900px) {
  .text_img {
    flex-direction: column;
  }

  .text_img > * {
    width: 100%;
  }

  .text_img .text {
    text-align: center !important;
    margin-bottom: 60px;
  }
}

.text_img .text {
  text-align: right;
}

.text_img .text h3 {
  color: #BA2020;
  margin-bottom: 25px;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
}

@media only screen and (max-width: 900px) {
  .text_img.text_img_reverse {
    flex-direction: column-reverse;
  }

  .text_img.text_img_reverse > * {
    width: 100%;
  }
}

.text_img.text_img_reverse .text {
  text-align: left;
}

.button_left {
  margin-top: 25px;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: uppercase;
  background-color: #BA2020;
  padding: 8px 15px;
  color: #fff !important;
  display: inline-table;
  border: 1px solid #BA2020;
  transition: all 0.3s;
}

.button_left:hover {
  background-color: #fff;
  color: #BA2020 !important;
  text-decoration: none !important;
}

.content_block {
  font-size: 18px;
  color: #303338;
  line-height: 22px;
}

.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,
.content_block h2,
.content_block h3,
.content_block h4,
.content_block h5 {
  font-weight: bold;
  color: #BA2020;
}

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

.content_block h2 {
  font-size: 28px;
  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: #BA2020;
}

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

.content_block .button {
  color: #fff;
}

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

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

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

.tabel th {
  background-color: #303338;
  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>
*/

.content_container h1,
.content_container h2,
.content_container h3,
.content_container h4,
.content_container h5,
.content_container h6 {
  font-weight: bold;
  margin-bottom: 20px;
}

.content_container p {
  margin-bottom: 20px;
}

.content_container img {
  width: 100%;
}

#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #BA2020;
}

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

#header > a {
  display: flex;
  align-items: center;
}

#header > a:hover {
  text-decoration: none;
}

#header > a p {
  color: #fff;
}

#header > a img {
  height: 100px;
  width: 240px;
  -o-object-fit: contain;
     object-fit: contain;
}

#header nav ul {
  display: flex;
}

#header nav ul li {
  font-size: 20px;
  display: flex;
  align-items: center;
}

#header nav ul li a {
  color: #fff;
  text-transform: capitalize;
}

#header nav ul li::before {
  margin-left: 5px;
  margin-right: 5px;
  content: "/";
  font-size: 25px;
  color: #fff;
}

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

.mobile_spacer {
  display: none;
  height: 85px;
}

@media (max-width: 850px) {
  .mobile_spacer {
    display: block;
  }
}

.mobile_header {
  display: none;
  height: 85px;
  position: fixed;
  background-color: #BA2020;
  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: #BA2020;
  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: #fff;
  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: #fff;
  transition: all 0.3s;
  opacity: 1;
}

#hamburger {
  display: none;
}

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

#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;
}

#carouselExampleIndicators .carousel-item {
  height: 30vw;
  min-height: 350px;
  max-height: 700px;
}

#carouselExampleIndicators .carousel-item .carousel_container {
  height: 30vw;
  min-height: 350px;
  max-height: 700px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#carouselExampleIndicators .carousel-item .text {
  width: 100%;
  max-width: 575px;
}

#carouselExampleIndicators .carousel-item .text .text_title h3 {
  background-color: #BA2020;
  font-size: 25px;
  color: #fff;
  padding: 8px 15px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
}

#carouselExampleIndicators .carousel-item .text .text_text {
  margin-top: 25px;
  background-color: #BA2020;
  padding: 8px 15px;
  color: #fff;
}

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

.home_intro {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

.home_intro .home_intro_container {
  text-align: center;
  width: 100%;
  max-width: 700px;
}

.home_intro .home_intro_container h2 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.home_intro .home_intro_container p {
  font-size: 18px;
}

.home_usps .kanaal_container {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.home_usps .kanaal_container > div {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 25px;
  margin-right: 25px;
  width: 280px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.home_usps .kanaal_container img {
  width: 280px;
  height: 280px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.home_usps .kanaal_container h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
  padding: 8px 15px;
  color: #BA2020;
}

.home_usps .kanaal_container p {
  margin-bottom: 10px;
}

.home_usps .kanaal_container a {
  color: #BA2020;
  text-decoration: underline;
}

.cta_bollekes {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  align-items: center;
  margin-bottom: 80px;
  flex-wrap: wrap;
}

.cta_bollekes > div {
  width: calc(50% - 20px);
}

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

.cta_bollekes .links {
  display: flex;
  flex-direction: column;
}

.cta_bollekes .links h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
  padding: 8px 15px;
  color: #BA2020;
  display: inline-table;
}

.cta_bollekes .links p {
  font-size: 18px;
}

.cta_bollekes .links .bollekes {
  display: flex;
  margin-top: 40px;
}

.cta_bollekes .links .bollekes img {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  margin-right: 25px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media only screen and (max-width: 990px) {
  .cta_bollekes .links .bollekes img {
    width: 100px;
    height: 100px;
    margin-right: 15px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 600px) {
  .cta_bollekes .links .bollekes img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
  }
}

.cta_bollekes .rechts img {
  width: 100%;
}

.cta_bol_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 800px) {
  .cta_bol_text {
    flex-direction: column-reverse;
  }
}

.cta_bol_text > img {
  width: 500px;
  height: 500px;
  border-radius: 100%;
}

@media only screen and (max-width: 990px) {
  .cta_bol_text > img {
    width: 300px;
    height: 300px;
  }
}

.cta_bol_text .cta_bol_text_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  width: calc(100% - 640px);
}

@media only screen and (max-width: 990px) {
  .cta_bol_text .cta_bol_text_text {
    width: calc(100% - 340px);
  }
}

@media only screen and (max-width: 800px) {
  .cta_bol_text .cta_bol_text_text {
    width: calc(100% - 40px);
  }
}

.cta_bol_text .cta_bol_text_text > img {
  height: 80px;
}

.cta_bol_text h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
  padding: 8px 15px;
  color: #BA2020;
  display: inline-table;
}

.cta_bol_text p {
  white-space: pre-line;
  text-align: center;
}

@media only screen and (max-width: 800px) {
  .cta_bol_text_reverse {
    flex-direction: column;
  }
}

.kanaal_intro {
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 80px;
  margin-bottom: 80px;
}

.kanaal_intro > * {
  max-width: 600px;
}

.kanaal_intro h2 {
  margin-top: 25px;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
  padding: 8px 15px;
  color: #BA2020;
  display: inline-table;
}

.kanaal_video {
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
  margin-top: 40px;
}

.kanaal_video video {
  width: 100%;
  max-width: 800px;
}

.contacteer_ons {
  display: flex;
  justify-content: center;
  margin-top: -45px;
  z-index: 5000;
  position: relative;
}

.contacteer_ons a, .contacteer_ons button {
  margin-top: 25px;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
  background-color: #BA2020;
  border: 1px solid #BA2020;
  padding: 8px 15px;
    vertical-align: middle;
  color: #fff;
  display: flex;
    align-items: center;
  transition: all 0.3s;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 0;
}

.contacteer_ons a:hover, .contacteer_ons button:hover {
  background-color: #fff;
  color: #BA2020;
  text-decoration: none;
    border-color: #BA2020;
}

.thiers_div a {
  position: fixed;
  bottom: 0;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #303338;
  border: 1px solid #303338;
  padding: 4px 8px;
  color: #fff;
  right: 5%;
  z-index: 80000;
  transition: all 0.3s;
}

.thiers_div a:hover {
  text-decoration: none;
  padding-bottom: 8px;
}

.button_fase {
  display: flex;
  justify-content: center;
}

.button_fase a {
  margin-top: 25px;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: uppercase;
  background-color: #BA2020;
  padding: 8px 15px;
  color: #fff;
  display: inline-table;
  transition: all 0.3s;
}

.button_fase a:hover {
  background-color: #fff;
  color: #BA2020;
  text-decoration: none;
}

.deel_knoppen {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.deel_knoppen p {
  font-size: 20px;
  font-weight: bold;
  color: #BA2020;
}

.deel_knoppen > div {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.deel_knoppen > div a {
  margin: 5px;
}

.deel_knoppen > div a img {
  width: 40px;
  height: 40px;
}

.contact_page h2 {
  margin-top: 40px;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 60px;
}

.contact_info {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

@media only screen and (max-width: 800px) {
  .contact_info {
    flex-direction: column;
    align-items: flex-start;
  }
}

.contact_info > div {
  width: 100%;
  max-width: 350px;
  margin: 5px 10px;
}

@media only screen and (max-width: 800px) {
  .contact_info > div {
    margin: 0px;
    margin-bottom: 40px;
  }
}

.contact_info > div h3 {
  margin-bottom: 10px;
  font-size: 25px;
  background-color: #BA2020;
  padding: 8px 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}

.contact_info > div p a {
  color: #303338;
  text-decoration: underline;
  transition: all 0.3s;
}

.contact_info > div p a:hover {
  color: #BA2020;
}

.contact_form {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

.contact_form .contact_form_container {
  width: 100%;
  max-width: 850px;
}

.contact_form h3 {
  margin-bottom: 10px;
  font-size: 25px;
  background-color: #BA2020;
  padding: 8px 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}

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

.contact_form form > * {
  width: calc(50% - 10px);
}

@media only screen and (max-width: 800px) {
  .contact_form form > * {
    width: 100%;
  }
}

.contact_form form .form-group {
  display: flex;
  flex-direction: column;
}

.contact_form form .form-group label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
  text-transform: capitalize;
}

.contact_form form .form-group input {
  background-color: #fff;
  border: 1px solid #303338;
  height: 44px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
}

.contact_form form .form-group textarea {
  background-color: #fff;
  border: 1px solid #303338;
  padding: 8px 12px;
  height: 217px;
}

.contact_form .button {
  display: inline-block;
  padding: 8px 12px;
  text-align: center;
  color: #BA2020;
  border: 1px solid #BA2020;
  background-color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  transition: all 0.3s;
}

.contact_form .button:hover {
  background-color: #BA2020;
  color: #fff;
}

.mapouter {
  margin-bottom: 70px;
}

.alert {
  border-radius: 0 !important;
  color: #BA2020;
}

.nieuws_page h2 {
  margin-top: 40px;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 60px;
}

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

.nieuws_page .nieuws_container .nieuws {
  width: calc(33% - 55px);
  margin-bottom: 50px;
}

@media only screen and (max-width: 950px) {
  .nieuws_page .nieuws_container .nieuws {
    width: calc(50% - 45px);
  }
}

@media only screen and (max-width: 650px) {
  .nieuws_page .nieuws_container .nieuws {
    width: 100%;
  }
}

.nieuws_page .nieuws_container .nieuws img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.nieuws_page .nieuws_container .nieuws H3 {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: #BA2020;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 10px;
  display: inline-block;
}

.nieuws_page .nieuws_container .nieuws a {
  margin-top: 15px;
  color: #BA2020;
  text-decoration: underline;
}

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

.nieuws_detail_container .detail_related {
  width: 300px;
  margin-bottom: 40px;
}

.nieuws_detail_container .detail_related h4 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
}

.nieuws_detail_container .detail_related .nieuws {
  margin-top: 20px;
}

.nieuws_detail_container .detail_related .nieuws img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.nieuws_detail_container .detail_related .nieuws H3 {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: #BA2020;
  padding: 8px 12px;
  margin-top: 8px;
  margin-bottom: 10px;
  display: inline-block;
}

.nieuws_detail_container .detail_related .nieuws a {
  margin-top: 15px;
  color: #BA2020;
  text-decoration: underline;
}

.nieuws_detail_container .detail_content {
  width: calc(100% - 340px);
}

@media only screen and (max-width: 950px) {
  .nieuws_detail_container .detail_related {
    width: 100%;
    margin-top: 40px;
  }

  .nieuws_detail_container .detail_content {
    width: 100%;
  }
}

#footer {
  background-color: #BA2020;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 800px) {
  #footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

#footer::after {
  content: "";
  background-color: #fff;
  width: 250px;
  height: 220px;
  transform: skew(45deg, 0deg);
  position: absolute;
  right: -125px;
  margin-top: -40px;
}

@media only screen and (max-width: 800px) {
  #footer::after {
    right: -140px;
  }
}

#footer > * {
  width: 25%;
  color: #fff;
  padding-right: 20px;
}

@media only screen and (max-width: 1200px) {
  #footer > * {
    width: 30%;
  }
}

@media only screen and (max-width: 800px) {
  #footer > * {
    width: 100%;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 500px) {
  #footer > * {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}

#footer > * a {
  color: #fff;
}

#footer nav {
  font-size: 20px;
  line-height: 28px;
  text-decoration: underline;
}

@media only screen and (max-width: 1200px) {
  #footer nav {
    width: 120px;
  }
}

#footer > div h4 {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 16px;
}

#footer > div p {
  line-height: 27px;
}

#footer > div p a {
  text-decoration: underline;
}