/*!
 * project-name v0.0.1
 * A description for your project.
 * (c) 2019 YOUR NAME
 * MIT License
 * http://link-to-your-git-repo.com
 */

/* line 1, src/sass/settings/reset.scss */
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 */
/* line 11, src/sass/settings/reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 14, src/sass/settings/reset.scss */
body {
  line-height: 1;
}

/* line 17, src/sass/settings/reset.scss */
ol, ul {
  list-style: none;
}

/* line 20, src/sass/settings/reset.scss */
blockquote, q {
  quotes: none;
}

/* line 24, src/sass/settings/reset.scss */
blockquote:before, blockquote:after {
  content: '';
  content: none;
}

/* line 29, src/sass/settings/reset.scss */
q:before, q:after {
  content: '';
  content: none;
}

/* line 33, src/sass/settings/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 8, src/sass/settings/vars.scss */
.hidden {
  display: none;
}

/* line 12, src/sass/settings/vars.scss */
body {
  font-weight: 300;
  font-size: 16px;
  width: 100vw;
  overflow-x: hidden;
  color: #060606;
  background-color: #fff;
}

/* line 24, src/sass/settings/vars.scss */
.vbc_container {
  width: 100%;
  padding-left: calc(50vw - 822px);
  padding-right: calc(50vw - 822px);
}

@media only screen and (max-width: 1664px) {
  /* line 24, src/sass/settings/vars.scss */
  .vbc_container {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media only screen and (max-width: 1100px) {
  /* line 24, src/sass/settings/vars.scss */
  .vbc_container {
    padding-left: 7vw;
    padding-right: 7vw;
  }
}

/* line 16, src/sass/settings/_contentblocks.scss */
.contentBlock {
  font-size: 18px;
  color: #060606;
  line-height: 24px;
}

/* line 21, src/sass/settings/_contentblocks.scss */
.contentBlock .m0 {
  margin: 0 !important;
}

/* line 22, src/sass/settings/_contentblocks.scss */
.contentBlock .mt0 {
  margin-top: 0 !important;
}

/* line 23, src/sass/settings/_contentblocks.scss */
.contentBlock .mt5 {
  margin-top: 5px !important;
}

/* line 24, src/sass/settings/_contentblocks.scss */
.contentBlock .mt10 {
  margin-top: 10px !important;
}

/* line 25, src/sass/settings/_contentblocks.scss */
.contentBlock .mt15 {
  margin-top: 15px !important;
}

/* line 26, src/sass/settings/_contentblocks.scss */
.contentBlock .mt20 {
  margin-top: 20px !important;
}

/* line 27, src/sass/settings/_contentblocks.scss */
.contentBlock .mt30 {
  margin-top: 30px !important;
}

/* line 28, src/sass/settings/_contentblocks.scss */
.contentBlock .mt40 {
  margin-top: 40px !important;
}

/* line 29, src/sass/settings/_contentblocks.scss */
.contentBlock .mt50 {
  margin-top: 50px !important;
}

/* line 30, src/sass/settings/_contentblocks.scss */
.contentBlock .ml0 {
  margin-left: 0 !important;
}

/* line 31, src/sass/settings/_contentblocks.scss */
.contentBlock .ml5 {
  margin-left: 5px !important;
}

/* line 32, src/sass/settings/_contentblocks.scss */
.contentBlock .ml10 {
  margin-left: 10px !important;
}

/* line 33, src/sass/settings/_contentblocks.scss */
.contentBlock .ml15 {
  margin-left: 15px !important;
}

/* line 34, src/sass/settings/_contentblocks.scss */
.contentBlock .ml20 {
  margin-left: 20px !important;
}

/* line 35, src/sass/settings/_contentblocks.scss */
.contentBlock .ml30 {
  margin-left: 30px !important;
}

/* line 36, src/sass/settings/_contentblocks.scss */
.contentBlock .ml40 {
  margin-left: 40px !important;
}

/* line 37, src/sass/settings/_contentblocks.scss */
.contentBlock .ml50 {
  margin-left: 50px !important;
}

/* line 38, src/sass/settings/_contentblocks.scss */
.contentBlock .mb0 {
  margin-bottom: 0 !important;
}

/* line 39, src/sass/settings/_contentblocks.scss */
.contentBlock .mb5 {
  margin-bottom: 5px !important;
}

/* line 40, src/sass/settings/_contentblocks.scss */
.contentBlock .mb10 {
  margin-bottom: 10px !important;
}

/* line 41, src/sass/settings/_contentblocks.scss */
.contentBlock .mb15 {
  margin-bottom: 15px !important;
}

/* line 42, src/sass/settings/_contentblocks.scss */
.contentBlock .mb20 {
  margin-bottom: 20px !important;
}

/* line 43, src/sass/settings/_contentblocks.scss */
.contentBlock .mb30 {
  margin-bottom: 30px !important;
}

/* line 44, src/sass/settings/_contentblocks.scss */
.contentBlock .mb40 {
  margin-bottom: 40px !important;
}

/* line 45, src/sass/settings/_contentblocks.scss */
.contentBlock .mb50 {
  margin-bottom: 50px !important;
}

/* line 46, src/sass/settings/_contentblocks.scss */
.contentBlock .mr0 {
  margin-right: 0 !important;
}

/* line 47, src/sass/settings/_contentblocks.scss */
.contentBlock .mr5 {
  margin-right: 5px !important;
}

/* line 48, src/sass/settings/_contentblocks.scss */
.contentBlock .mr10 {
  margin-right: 10px !important;
}

/* line 49, src/sass/settings/_contentblocks.scss */
.contentBlock .mr15 {
  margin-right: 15px !important;
}

/* line 50, src/sass/settings/_contentblocks.scss */
.contentBlock .mr20 {
  margin-right: 20px !important;
}

/* line 51, src/sass/settings/_contentblocks.scss */
.contentBlock .mr30 {
  margin-right: 30px !important;
}

/* line 52, src/sass/settings/_contentblocks.scss */
.contentBlock .mr40 {
  margin-right: 40px !important;
}

/* line 53, src/sass/settings/_contentblocks.scss */
.contentBlock .mr50 {
  margin-right: 50px !important;
}

/* line 54, src/sass/settings/_contentblocks.scss */
.contentBlock .p0 {
  padding: 0 !important;
}

/* line 55, src/sass/settings/_contentblocks.scss */
.contentBlock .pt0 {
  padding-top: 0 !important;
}

/* line 56, src/sass/settings/_contentblocks.scss */
.contentBlock .pt5 {
  padding-top: 5px !important;
}

/* line 57, src/sass/settings/_contentblocks.scss */
.contentBlock .pt10 {
  padding-top: 10px !important;
}

/* line 58, src/sass/settings/_contentblocks.scss */
.contentBlock .pt15 {
  padding-top: 15px !important;
}

/* line 59, src/sass/settings/_contentblocks.scss */
.contentBlock .pt20 {
  padding-top: 20px !important;
}

/* line 60, src/sass/settings/_contentblocks.scss */
.contentBlock .pt30 {
  padding-top: 30px !important;
}

/* line 61, src/sass/settings/_contentblocks.scss */
.contentBlock .pt40 {
  padding-top: 40px !important;
}

/* line 62, src/sass/settings/_contentblocks.scss */
.contentBlock .pt50 {
  padding-top: 50px !important;
}

/* line 63, src/sass/settings/_contentblocks.scss */
.contentBlock .pt55 {
  padding-top: 55px !important;
}

/* line 64, src/sass/settings/_contentblocks.scss */
.contentBlock .pl0 {
  padding-left: 0 !important;
}

/* line 65, src/sass/settings/_contentblocks.scss */
.contentBlock .pl5 {
  padding-left: 5px !important;
}

/* line 66, src/sass/settings/_contentblocks.scss */
.contentBlock .pl10 {
  padding-left: 10px !important;
}

/* line 67, src/sass/settings/_contentblocks.scss */
.contentBlock .pl15 {
  padding-left: 15px !important;
}

/* line 68, src/sass/settings/_contentblocks.scss */
.contentBlock .pl20 {
  padding-left: 20px !important;
}

/* line 69, src/sass/settings/_contentblocks.scss */
.contentBlock .pl30 {
  padding-left: 30px !important;
}

/* line 70, src/sass/settings/_contentblocks.scss */
.contentBlock .pl40 {
  padding-left: 40px !important;
}

/* line 71, src/sass/settings/_contentblocks.scss */
.contentBlock .pl50 {
  padding-left: 50px !important;
}

/* line 72, src/sass/settings/_contentblocks.scss */
.contentBlock .pb0 {
  padding-bottom: 0 !important;
}

/* line 73, src/sass/settings/_contentblocks.scss */
.contentBlock .pb5 {
  padding-bottom: 5px !important;
}

/* line 74, src/sass/settings/_contentblocks.scss */
.contentBlock .pb10 {
  padding-bottom: 10px !important;
}

/* line 75, src/sass/settings/_contentblocks.scss */
.contentBlock .pb15 {
  padding-bottom: 15px !important;
}

/* line 76, src/sass/settings/_contentblocks.scss */
.contentBlock .pb20 {
  padding-bottom: 20px !important;
}

/* line 77, src/sass/settings/_contentblocks.scss */
.contentBlock .pb30 {
  padding-bottom: 30px !important;
}

/* line 78, src/sass/settings/_contentblocks.scss */
.contentBlock .pb40 {
  padding-bottom: 40px !important;
}

/* line 79, src/sass/settings/_contentblocks.scss */
.contentBlock .pb50 {
  padding-bottom: 50px !important;
}

/* line 80, src/sass/settings/_contentblocks.scss */
.contentBlock .pr0 {
  padding-right: 0 !important;
}

/* line 81, src/sass/settings/_contentblocks.scss */
.contentBlock .pr5 {
  padding-right: 5px !important;
}

/* line 82, src/sass/settings/_contentblocks.scss */
.contentBlock .pr10 {
  padding-right: 10px !important;
}

/* line 83, src/sass/settings/_contentblocks.scss */
.contentBlock .pr15 {
  padding-right: 15px !important;
}

/* line 84, src/sass/settings/_contentblocks.scss */
.contentBlock .pr20 {
  padding-right: 20px !important;
}

/* line 85, src/sass/settings/_contentblocks.scss */
.contentBlock .pr30 {
  padding-right: 30px !important;
}

/* line 86, src/sass/settings/_contentblocks.scss */
.contentBlock .pr40 {
  padding-right: 40px !important;
}

/* line 87, src/sass/settings/_contentblocks.scss */
.contentBlock .pr50 {
  padding-right: 50px !important;
}

/* line 89, src/sass/settings/_contentblocks.scss */
.contentBlock h2 {
  font-size: 18px;
  text-transform: uppercase;
}

/* line 94, src/sass/settings/_contentblocks.scss */
.contentBlock h1, .contentBlock h2, .contentBlock h3, .contentBlock h4, .contentBlock h5 {
  font-family: 'olive';
}

/* line 98, src/sass/settings/_contentblocks.scss */
.contentBlock h1 {
  font-size: 24px;
  line-height: 30px;
}

/* line 103, src/sass/settings/_contentblocks.scss */
.contentBlock h2 {
  font-size: 20px;
  line-height: 26px;
}

/* line 108, src/sass/settings/_contentblocks.scss */
.contentBlock h3 {
  font-size: 18px;
  line-height: 22px;
}

/* line 114, src/sass/settings/_contentblocks.scss */
.contentBlock ol {
  margin-left: 30px;
  margin-top: 10px;
  list-style: upper-greek;
}

/* line 120, src/sass/settings/_contentblocks.scss */
.contentBlock ul {
  margin-top: 10px;
  margin-left: 30px;
  list-style: initial;
}

/* line 126, src/sass/settings/_contentblocks.scss */
.contentBlock a {
  color: #C73734;
}

/* line 129, src/sass/settings/_contentblocks.scss */
.contentBlock a:hover {
  color: #060606;
  text-decoration: underline;
}

/* line 136, src/sass/settings/_contentblocks.scss */
.contentBlock .carousel-indicators {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 141, src/sass/settings/_contentblocks.scss */
.contentBlock .carousel-inner {
  width: 100%;
}

/* line 143, src/sass/settings/_contentblocks.scss */
.contentBlock .carousel-inner img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 990px) {
  /* line 150, src/sass/settings/_contentblocks.scss */
  .contentBlock p {
    font-size: 16px;
    line-height: 19px;
  }
  /* line 155, src/sass/settings/_contentblocks.scss */
  .contentBlock h2 {
    font-size: 16px;
  }
}

/* line 162, src/sass/settings/_contentblocks.scss */
.js-cookie-consent-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.75);
}

/* line 170, src/sass/settings/_contentblocks.scss */
.js-cookie-consent {
  position: relative;
  padding: 22px;
  background-color: #ededed;
  width: 100%;
  padding-left: 40px;
}

/* line 177, src/sass/settings/_contentblocks.scss */
.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;
}

/* line 191, src/sass/settings/_contentblocks.scss */
.tabel {
  width: 100%;
}

/* line 194, src/sass/settings/_contentblocks.scss */
.tabel th, .tabel td {
  border: 1px solid #060606;
  color: #060606;
  font-size: 18px;
}

/* line 200, src/sass/settings/_contentblocks.scss */
.tabel th, .tabel td {
  padding: 4px 10px;
}

/* line 204, src/sass/settings/_contentblocks.scss */
.tabel th {
  background-color: #060606;
  color: blue;
}

/* line 212, src/sass/settings/_contentblocks.scss */
.content_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
}

/* line 215, src/sass/settings/_contentblocks.scss */
.content_container > .contentBlock {
  width: calc(100% - 320px);
}

/* line 219, src/sass/settings/_contentblocks.scss */
.content_container > .content_sidebar {
  width: 320px;
}

@media only screen and (max-width: 990px) {
  /* line 212, src/sass/settings/_contentblocks.scss */
  .content_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* line 224, src/sass/settings/_contentblocks.scss */
  .content_container > .contentBlock {
    width: 100%;
  }
  /* line 227, src/sass/settings/_contentblocks.scss */
  .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>
*/
/* line 3, src/sass/templates/_header.scss */
header .header_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/assets/images/net-zwart.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 200px;
}

/* line 13, src/sass/templates/_header.scss */
header .header_container > a img {
  height: 180px;
  width: 193px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 20, src/sass/templates/_header.scss */
header .header_container nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 120px;
}

/* line 26, src/sass/templates/_header.scss */
header .header_container nav ul a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  margin: 0 20px;
  padding-bottom: 20px;
}

/* line 32, src/sass/templates/_header.scss */
header .header_container nav ul a::after {
  width: 0%;
  content: '';
  height: 1px;
  display: block;
  background-color: #C73734;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 40, src/sass/templates/_header.scss */
header .header_container nav ul a:hover::after {
  width: 100%;
}

/* line 45, src/sass/templates/_header.scss */
header .header_container nav ul .active {
  color: #C73734;
}

@media only screen and (max-width: 1520px) {
  /* line 20, src/sass/templates/_header.scss */
  header .header_container nav ul {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 51, src/sass/templates/_header.scss */
  header .header_container nav ul a {
    margin: 0 10px;
  }
}

/* line 58, src/sass/templates/_header.scss */
header .header_container .header_reclame {
  background-color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

/* line 65, src/sass/templates/_header.scss */
header .header_container .header_reclame img {
  width: 300px;
  height: 160px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 70, src/sass/templates/_header.scss */
header .header_container .header_reclame h2 {
  color: #C73734;
  font-weight: 700;
  font-size: 20px;
}

/* line 75, src/sass/templates/_header.scss */
header .header_container .header_reclame a {
  font-size: 16px;
  color: #060606;
}

@media (max-width: 1175px) {
  /* line 82, src/sass/templates/_header.scss */
  .header_desktop {
    display: none;
  }
}

@media (max-width: 1175px) {
  /* line 89, src/sass/templates/_header.scss */
  body {
    padding-top: 100px;
  }
}

/* line 96, src/sass/templates/_header.scss */
.home-header_mobile {
  display: none;
  height: 100px;
  background-image: url("/assets/images/net-zwart.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 400;
}

@media (max-width: 1175px) {
  /* line 96, src/sass/templates/_header.scss */
  .home-header_mobile {
    display: block;
  }
}

/* line 112, src/sass/templates/_header.scss */
.home-header_mobile > a {
  margin-left: calc(50vw - 105px);
}

/* line 114, src/sass/templates/_header.scss */
.home-header_mobile > a img {
  margin-top: 5px;
  height: 90px;
  width: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/* line 123, src/sass/templates/_header.scss */
.home-header_mobile .header_reclame {
  height: 100px;
  position: absolute;
  right: 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  top: 0;
}

/* line 135, src/sass/templates/_header.scss */
.home-header_mobile .header_reclame img {
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 139, src/sass/templates/_header.scss */
.home-header_mobile .header_reclame h2 {
  color: #C73734;
  font-size: 12px;
  font-weight: bold;
}

/* line 144, src/sass/templates/_header.scss */
.home-header_mobile .header_reclame a {
  text-decoration: none;
  color: #060606;
  font-size: 12px;
}

/* line 153, src/sass/templates/_header.scss */
.mobile_header_menu {
  position: absolute;
  left: -100vw;
  top: 100px;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #C73734;
  min-height: 100vh;
}

/* line 161, src/sass/templates/_header.scss */
.mobile_header_menu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

/* line 173, src/sass/templates/_header.scss */
.mobile_header_menu ul {
  padding: 20px;
  padding-right: 100px;
}

/* line 176, src/sass/templates/_header.scss */
.mobile_header_menu ul li {
  margin-top: 10px;
}

/* line 178, src/sass/templates/_header.scss */
.mobile_header_menu ul li a {
  color: #fff;
  font-size: 18px;
}

/* line 186, src/sass/templates/_header.scss */
.hamburger {
  height: 44px;
  width: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 30px;
  left: 10px;
  cursor: pointer;
}

/* line 197, src/sass/templates/_header.scss */
.hamburger > div {
  width: 30px;
  height: 3px;
  margin: 3px;
  border-radius: 3px;
  background-color: #C73734;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1;
}

/* line 208, src/sass/templates/_header.scss */
#hamburger {
  display: none;
}

/* line 211, src/sass/templates/_header.scss */
#hamburger:checked ~ .hamburger > div {
  position: absolute;
  background-color: #fff;
}

/* line 215, src/sass/templates/_header.scss */
#hamburger:checked ~ .hamburger .hamburger_line1 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 218, src/sass/templates/_header.scss */
#hamburger:checked ~ .hamburger .hamburger_line2 {
  opacity: 0;
}

/* line 221, src/sass/templates/_header.scss */
#hamburger:checked ~ .hamburger .hamburger_line3 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 225, src/sass/templates/_header.scss */
#hamburger:checked ~ .mobile_header_menu {
  left: 0;
}

/* line 227, src/sass/templates/_header.scss */
#hamburger:checked ~ .mobile_header_menu::before {
  width: 200vw;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 2, src/sass/templates/_home.scss */
#home header {
  height: 680px;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 11, src/sass/templates/_home.scss */
#home header h2 {
  background-color: #fff;
  text-align: center;
  width: 387px;
  height: 387px;
  font-size: 50px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 700;
  padding: 20px;
  margin-top: 270px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 26, src/sass/templates/_home.scss */
#home header h2 b {
  color: #C73734;
}

@media only screen and (max-width: 1200px) {
  /* line 2, src/sass/templates/_home.scss */
  #home header {
    height: 500px;
  }
  /* line 32, src/sass/templates/_home.scss */
  #home header h2 {
    margin-top: 250px;
    width: 200px;
    height: 200px;
    font-size: 30px;
  }
}

@media only screen and (max-width: 800px) {
  /* line 2, src/sass/templates/_home.scss */
  #home header {
    height: 320px;
  }
  /* line 41, src/sass/templates/_home.scss */
  #home header h2 {
    margin-top: 100px;
  }
}

/* line 48, src/sass/templates/_home.scss */
.volgende_wedstrijd {
  background-color: #C73734;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 52, src/sass/templates/_home.scss */
.volgende_wedstrijd h3 {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}

@media only screen and (max-width: 800px) {
  /* line 52, src/sass/templates/_home.scss */
  .volgende_wedstrijd h3 {
    font-size: 18px;
  }
}

/* line 61, src/sass/templates/_home.scss */
.volgende_wedstrijd .volgende_wedstrijd_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 66, src/sass/templates/_home.scss */
.volgende_wedstrijd .volgende_wedstrijd_info div {
  margin-bottom: 20px;
  margin-right: 50px;
}

/* line 69, src/sass/templates/_home.scss */
.volgende_wedstrijd .volgende_wedstrijd_info div p {
  font-size: 22px;
}

@media only screen and (max-width: 800px) {
  /* line 69, src/sass/templates/_home.scss */
  .volgende_wedstrijd .volgende_wedstrijd_info div p {
    font-size: 18px;
  }
}

/* line 76, src/sass/templates/_home.scss */
.volgende_wedstrijd .volgende_wedstrijd_info div b {
  padding-top: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 800px) {
  /* line 76, src/sass/templates/_home.scss */
  .volgende_wedstrijd .volgende_wedstrijd_info div b {
    font-size: 26px;
  }
}

/* line 87, src/sass/templates/_home.scss */
.volgende_wedstrijd a {
  color: #fff;
  font-size: 19px;
}

@media only screen and (max-width: 800px) {
  /* line 87, src/sass/templates/_home.scss */
  .volgende_wedstrijd a {
    font-size: 15px;
  }
}

/* line 97, src/sass/templates/_home.scss */
.nieuwsbrief {
  background-color: #060606;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 800px) {
  /* line 97, src/sass/templates/_home.scss */
  .nieuwsbrief {
    font-size: 18px;
  }
}

/* line 108, src/sass/templates/_home.scss */
.nieuwsbrief img {
  margin-bottom: -30px;
}

/* line 111, src/sass/templates/_home.scss */
.nieuwsbrief h3 {
  margin-left: 40px;
}

/* line 114, src/sass/templates/_home.scss */
.nieuwsbrief b {
  font-weight: bold;
}

/* line 119, src/sass/templates/_home.scss */
.home_missie, .home_visie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 60px;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 20px;
}

/* line 127, src/sass/templates/_home.scss */
.home_missie b, .home_visie b {
  font-weight: bold;
}

/* line 130, src/sass/templates/_home.scss */
.home_missie img, .home_visie img {
  margin-bottom: 30px;
}

/* line 133, src/sass/templates/_home.scss */
.home_missie h3, .home_visie h3 {
  font-size: 45px;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 143, src/sass/templates/_home.scss */
.home_missie p {
  padding: 60px 350px;
  text-align: center;
  border-bottom: dotted 3px #707070;
}

@media only screen and (max-width: 1350px) {
  /* line 143, src/sass/templates/_home.scss */
  .home_missie p {
    padding: 60px 250px;
  }
}

@media only screen and (max-width: 1100px) {
  /* line 143, src/sass/templates/_home.scss */
  .home_missie p {
    padding: 50px 150px;
  }
}

@media only screen and (max-width: 900px) {
  /* line 143, src/sass/templates/_home.scss */
  .home_missie p {
    padding: 40px 50px;
  }
}

@media only screen and (max-width: 900px) {
  /* line 143, src/sass/templates/_home.scss */
  .home_missie p {
    padding: 30px 10px;
  }
}

/* line 163, src/sass/templates/_home.scss */
.home_visie div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 168, src/sass/templates/_home.scss */
.home_visie div p {
  width: 200px;
  text-align: center;
  margin: 10px;
  padding: 60px 0px;
}

@media only screen and (max-width: 1100px) {
  /* line 168, src/sass/templates/_home.scss */
  .home_visie div p {
    padding: 50px 0px;
  }
}

@media only screen and (max-width: 900px) {
  /* line 168, src/sass/templates/_home.scss */
  .home_visie div p {
    padding: 40px 0px;
  }
}

@media only screen and (max-width: 900px) {
  /* line 168, src/sass/templates/_home.scss */
  .home_visie div p {
    padding: 30px 0px;
  }
}

/* line 1, src/sass/templates/_ploegen.scss */
.breadcrumbs {
  background-color: #F0F0F0;
}

/* line 3, src/sass/templates/_ploegen.scss */
.breadcrumbs a {
  color: #8D8787;
  font-size: 15px;
}

/* line 8, src/sass/templates/_ploegen.scss */
.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px;
}

/* line 11, src/sass/templates/_ploegen.scss */
.breadcrumbs ul li {
  margin-right: 5px;
}

/* line 19, src/sass/templates/_ploegen.scss */
.ploegen_container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/* line 23, src/sass/templates/_ploegen.scss */
.ploegen_container ul li {
  width: calc(33.333% - 20px);
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media only screen and (max-width: 1200px) {
  /* line 23, src/sass/templates/_ploegen.scss */
  .ploegen_container ul li {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 800px) {
  /* line 23, src/sass/templates/_ploegen.scss */
  .ploegen_container ul li {
    width: calc(100%);
  }
}

/* line 32, src/sass/templates/_ploegen.scss */
.ploegen_container ul li img {
  height: 380px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 38, src/sass/templates/_ploegen.scss */
.ploegen_container ul li H3 {
  background-color: #C73734;
  color: #fff;
  font-size: 30px;
  padding: 10px;
  width: 100%;
  font-weight: bold;
  margin-top: -3px;
}

/* line 48, src/sass/templates/_ploegen.scss */
.ploegen_container ul li .ploeg_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 53, src/sass/templates/_ploegen.scss */
.ploegen_container ul li .ploeg_info > div {
  width: 50%;
  padding-right: 20px;
}

/* line 56, src/sass/templates/_ploegen.scss */
.ploegen_container ul li .ploeg_info > div div {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
}

/* line 63, src/sass/templates/_ploegen.scss */
.ploegen_container ul li .ploeg_info > div h4 {
  color: #C73734;
}

/* line 2, src/sass/templates/_sponsors.scss */
.sponsors_container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 6, src/sass/templates/_sponsors.scss */
.sponsors_container ul li {
  width: 305px;
  border-bottom: 5px solid #C73734;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 30px;
  text-align: center;
  margin: 10px;
}

/* line 15, src/sass/templates/_sponsors.scss */
.sponsors_container ul li img {
  height: 160px;
  width: 280px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 20, src/sass/templates/_sponsors.scss */
.sponsors_container ul li H3 {
  font-weight: bold;
  font-size: 18px;
  color: #C73734;
  line-height: 24px;
}

/* line 27, src/sass/templates/_sponsors.scss */
.sponsors_container ul li p {
  line-height: 20px;
}

/* line 31, src/sass/templates/_sponsors.scss */
.sponsors_container ul li a {
  color: #060606;
  line-height: 20px;
}

/* line 1, src/sass/templates/_bestuur.scss */
.contact_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 4, src/sass/templates/_bestuur.scss */
.contact_top img {
  width: 600px;
  height: 310px;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 86vw;
}

/* line 10, src/sass/templates/_bestuur.scss */
.contact_top > div {
  width: 400px;
  padding: 30px 0 0 30px;
}

/* line 13, src/sass/templates/_bestuur.scss */
.contact_top > div h3 {
  font-size: 17px;
  font-weight: bold;
  line-height: 22px;
}

/* line 19, src/sass/templates/_bestuur.scss */
.contact_top > div p {
  color: #C73734;
  margin-bottom: 20px;
  line-height: 20px;
}

/* line 23, src/sass/templates/_bestuur.scss */
.contact_top > div p a {
  color: #C73734;
}

/* line 26, src/sass/templates/_bestuur.scss */
.contact_top > div p b {
  font-weight: bold;
}

/* line 34, src/sass/templates/_bestuur.scss */
.bestuur_container H3 {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* line 40, src/sass/templates/_bestuur.scss */
.bestuur_container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 43, src/sass/templates/_bestuur.scss */
.bestuur_container ul li {
  width: calc(20% - 20px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  margin-right: 20px;
}

@media only screen and (max-width: 1600px) {
  /* line 43, src/sass/templates/_bestuur.scss */
  .bestuur_container ul li {
    width: calc(25% - 20px);
  }
}

@media only screen and (max-width: 1250px) {
  /* line 43, src/sass/templates/_bestuur.scss */
  .bestuur_container ul li {
    width: calc(33.333% - 20px);
  }
}

@media only screen and (max-width: 990px) {
  /* line 43, src/sass/templates/_bestuur.scss */
  .bestuur_container ul li {
    width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 750px) {
  /* line 43, src/sass/templates/_bestuur.scss */
  .bestuur_container ul li {
    width: 100%;
  }
}

/* line 64, src/sass/templates/_bestuur.scss */
.bestuur_container ul li img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 310px;
}

/* line 69, src/sass/templates/_bestuur.scss */
.bestuur_container ul li p {
  margin-top: 10px;
}

/* line 72, src/sass/templates/_bestuur.scss */
.bestuur_container ul li h4 {
  color: #C73734;
}

/* line 2, src/sass/templates/_klassement.scss */
.klassement_top img {
  width: 100vw;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 7, src/sass/templates/_klassement.scss */
.klassement_top .form-group {
  background-color: #C73734;
  margin-top: -3px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 22px;
}

/* line 17, src/sass/templates/_klassement.scss */
.klassement_top .form-group select {
  font-weight: bold;
  color: #fff;
  padding: 10px;
  padding-right: 50px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("/assets/images/svg/arrowD.svg");
  background-repeat: no-repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}

/* line 34, src/sass/templates/_klassement.scss */
.klassement_top .form-group select::-ms-expand {
  display: none;
}

/* line 37, src/sass/templates/_klassement.scss */
.klassement_top .form-group select:hover {
  border-color: #888;
}

/* line 40, src/sass/templates/_klassement.scss */
.klassement_top .form-group select option {
  font-weight: normal;
}

/* line 47, src/sass/templates/_klassement.scss */
.klassement_table_container {
  width: 100%;
  overflow-x: scroll;
}

/* line 54, src/sass/templates/_klassement.scss */
.klassement_table tr td:nth-of-type(2) {
  font-weight: bold;
}

/* line 62, src/sass/templates/_klassement.scss */
.wedstrijdkalender_table tr td:nth-of-type(3), .wedstrijdkalender_table tr td:nth-of-type(4) {
  font-weight: bold;
}

/* line 67, src/sass/templates/_klassement.scss */
.styled_table {
  min-width: 1200px;
  width: 100%;
  margin-bottom: 30px;
  padding-right: 60px;
}

@media only screen and (max-width: 990px) {
  /* line 67, src/sass/templates/_klassement.scss */
  .styled_table {
    min-width: 1000px;
  }
}

/* line 76, src/sass/templates/_klassement.scss */
.styled_table tr {
  border-bottom: 3px dotted #707070;
  font-size: 22px;
  line-height: 40px;
  padding: 20px 0;
}

@media only screen and (max-width: 990px) {
  /* line 76, src/sass/templates/_klassement.scss */
  .styled_table tr {
    font-size: 18px;
  }
}

/* line 87, src/sass/templates/_klassement.scss */
.styled_table tr .win {
  color: #C73734;
}

/* line 94, src/sass/templates/_klassement.scss */
.styled_table thead tr {
  border: none;
}

/* line 96, src/sass/templates/_klassement.scss */
.styled_table thead tr td {
  font-size: 14px;
  line-height: 27px;
  padding: 10px 0;
  text-transform: uppercase;
}

/* line 103, src/sass/templates/_klassement.scss */
.styled_table thead tr:nth-of-type(1) td:nth-of-type(2) {
  color: #060606;
}

/* line 2, src/sass/templates/_team.scss */
.team_container > h3 {
  background-color: #C73734;
  font-size: 30px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
}

/* line 10, src/sass/templates/_team.scss */
.team_container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 14, src/sass/templates/_team.scss */
.team_container ul li {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

/* line 19, src/sass/templates/_team.scss */
.team_container ul li img {
  width: 250px;
  height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 24, src/sass/templates/_team.scss */
.team_container ul li h3 {
  color: #C73734;
}

@media only screen and (max-width: 1000px) {
  /* line 10, src/sass/templates/_team.scss */
  .team_container ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /* line 31, src/sass/templates/_team.scss */
  .team_container ul li {
    margin: 0 10px 30px;
  }
}

/* line 1, src/sass/templates/_nieuws.scss */
.nieuws_banner {
  width: 100vw;
  height: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 7, src/sass/templates/_nieuws.scss */
#nieuws h3 {
  color: #C73734;
  font-size: 30px;
  line-height: 40px;
  font-size: bold;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1000px) {
  /* line 7, src/sass/templates/_nieuws.scss */
  #nieuws h3 {
    font-size: 25px;
    line-height: 35px;
  }
}

/* line 18, src/sass/templates/_nieuws.scss */
#nieuws p {
  line-height: 27px;
  font-size: 17px;
}

/* line 25, src/sass/templates/_nieuws.scss */
.nieuws_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

/* line 28, src/sass/templates/_nieuws.scss */
.nieuws_top img {
  width: 40%;
  margin-top: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}

/* line 34, src/sass/templates/_nieuws.scss */
.nieuws_top div {
  width: 60%;
  padding: 20px;
}

@media only screen and (max-width: 990px) {
  /* line 25, src/sass/templates/_nieuws.scss */
  .nieuws_top {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* line 42, src/sass/templates/_nieuws.scss */
  .nieuws_top img {
    width: 100%;
    max-width: 400px;
  }
  /* line 46, src/sass/templates/_nieuws.scss */
  .nieuws_top div {
    width: 100%;
  }
}

/* line 53, src/sass/templates/_nieuws.scss */
.nieuws_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 56, src/sass/templates/_nieuws.scss */
.nieuws_list ul li {
  width: 33.3333%;
  border-top: 1px solid #060606;
  padding: 20px 20px 20px 0;
}

@media only screen and (max-width: 990px) {
  /* line 56, src/sass/templates/_nieuws.scss */
  .nieuws_list ul li {
    width: 50%;
  }
}

@media only screen and (max-width: 650px) {
  /* line 56, src/sass/templates/_nieuws.scss */
  .nieuws_list ul li {
    width: 100%;
  }
}

/* line 66, src/sass/templates/_nieuws.scss */
.nieuws_list ul li a,
#nieuws a.leesmeer {
  color: #C73734;
  margin-top: 20px;
  display: block;
}

/* line 70, src/sass/templates/_nieuws.scss */
.nieuws_list ul li a::after,
#nieuws a.leesmeer::after {
  content: '>';
  display: inline-block;
  margin-left: 5px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 76, src/sass/templates/_nieuws.scss */
.nieuws_list ul li a:hover,
#nieuws a.leesmeer:hover {
  text-decoration: none;
}

/* line 78, src/sass/templates/_nieuws.scss */
.nieuws_list ul li a:hover::after,
#nieuws a.leesmeer:hover::after {
  margin-left: 15px;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* line 90, src/sass/templates/_nieuws.scss */
.nieuwsarchief a {
  font-size: 25px;
  color: #060606;
  border-top: 1px solid #060606;
  width: 100%;
  display: block;
  padding: 20px 0;
}

/* line 97, src/sass/templates/_nieuws.scss */
.nieuwsarchief a:hover {
  text-decoration: none;
}

/* line 1, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container {
  padding-top: 50px;
  padding-bottom: 120px;
  background-repeat: repeat;
  background-size: cover;
  background-position: right;
}

/* line 7, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form {
  max-width: 530px;
}

/* line 9, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form input[type="text"] {
  border: 0;
  width: 100%;
  padding: 10px;
}

/* line 15, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form input[type="checkbox"] {
  display: none;
}

/* line 17, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form input[type="checkbox"] + label {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

/* line 22, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form input[type="checkbox"] + label::before {
  width: 20px;
  height: 20px;
  background-color: #555;
  content: '';
  display: inline-block;
  margin-right: 20px;
  border: 10px solid #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 35, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form input[type="checkbox"]:checked + label::before {
  border: 0px solid #fff;
}

/* line 42, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form input[type="submit"] {
  padding: 12px 24px;
  border: 1px solid #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 46, src/sass/templates/_nieuwsbrief.scss */
.nieuwsbrief_container form input[type="submit"]:hover {
  color: #fff;
  background-color: #555;
}

/* line 1, src/sass/templates/_download.scss */
.download_banner {
  width: 100vw;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 9, src/sass/templates/_download.scss */
.download_container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 60px;
}

/* line 14, src/sass/templates/_download.scss */
.download_container ul li a {
  width: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  margin-left: 30px;
  margin-right: 30px;
}

/* line 22, src/sass/templates/_download.scss */
.download_container ul li a p {
  margin-top: 20px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #060606;
}

/* line 29, src/sass/templates/_download.scss */
.download_container ul li a img {
  width: 150px;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 35, src/sass/templates/_download.scss */
.download_container ul li a:hover {
  text-decoration: none;
}

/* line 37, src/sass/templates/_download.scss */
.download_container ul li a:hover img {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

/* line 1, src/sass/templates/_footer.scss */
footer {
  background-color: #C73734;
  color: #fff;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 850px) {
  /* line 1, src/sass/templates/_footer.scss */
  footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* line 12, src/sass/templates/_footer.scss */
footer > * {
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 1050px) {
  /* line 12, src/sass/templates/_footer.scss */
  footer > * {
    text-align: center;
  }
}

@media only screen and (max-width: 850px) {
  /* line 12, src/sass/templates/_footer.scss */
  footer > * {
    width: 100%;
  }
}

/* line 24, src/sass/templates/_footer.scss */
footer h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* line 31, src/sass/templates/_footer.scss */
footer h4 {
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 10px;
}

/* line 37, src/sass/templates/_footer.scss */
footer p {
  font-weight: lighter;
  font-size: 16px;
  line-height: 24px;
}

/* line 43, src/sass/templates/_footer.scss */
footer a {
  text-decoration: none;
  color: #fff;
}

/* line 47, src/sass/templates/_footer.scss */
footer a:hover {
  text-decoration: none;
  color: #fff;
}

/* line 53, src/sass/templates/_footer.scss */
footer ul li {
  margin-bottom: 5px;
  font-weight: lighter;
  font-size: 16px;
  line-height: 19px;
}

/* line 59, src/sass/templates/_footer.scss */
footer ul li a {
  padding-bottom: 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 62, src/sass/templates/_footer.scss */
footer ul li a::after {
  content: "";
  display: block;
  height: 1px;
  width: 0%;
  background-color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 70, src/sass/templates/_footer.scss */
footer ul li a:hover::after {
  width: 100%;
}

/* line 78, src/sass/templates/_footer.scss */
.footer_soc {
  margin-top: 34px;
  max-width: 400px;
}

/* line 81, src/sass/templates/_footer.scss */
.footer_soc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 85, src/sass/templates/_footer.scss */
.footer_soc a H3 {
  margin: 0;
}

/* line 88, src/sass/templates/_footer.scss */
.footer_soc a .footer_fb {
  margin-left: 20px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 92, src/sass/templates/_footer.scss */
.footer_soc a .footer_vrouwtje {
  position: absolute;
  padding-left: 262px;
  padding-top: 253px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 99, src/sass/templates/_footer.scss */
.footer_soc a:hover .footer_fb {
  -webkit-transform: scale(1.1) translateX(5px) translateY(-5px);
          transform: scale(1.1) translateX(5px) translateY(-5px);
}

/* line 102, src/sass/templates/_footer.scss */
.footer_soc a:hover .footer_vrouwtje {
  -webkit-transform: rotate(10deg) translateX(30px) translateY(-30px);
          transform: rotate(10deg) translateX(30px) translateY(-30px);
}

/* line 108, src/sass/templates/_footer.scss */
.footer_soc p {
  padding-top: 200px;
  font-size: 12px;
  line-height: 14px;
}

@media only screen and (max-width: 1050px) {
  /* line 108, src/sass/templates/_footer.scss */
  .footer_soc p {
    text-align: left;
  }
}

.w-80 {
  padding: 20px;
  width: 80%;
}

.w-60 {
  padding: 20px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .w-60 {
    width: 60%;
  }
}

.w-40 {
  width: 40%;
}

.flexstuff {
  display: flex;
  margin-bottom: 30px;
}

.newsletterLink {
  text-decoration: none !important;
}

.contentBlock p {
  margin-bottom: 15px;
}