@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");
/* line 1, ../sass/main.scss */
#block-responsive-local-tasks {
  float: none;
  width: 100%;
  margin: 15px auto;
  clear: both;
}
/* line 6, ../sass/main.scss */
#block-responsive-local-tasks li {
  display: inline-block;
  border: 1px solid #3d3d3d;
  margin-left: 0;
}
/* line 10, ../sass/main.scss */
#block-responsive-local-tasks li a {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
  color: black;
}
/* line 15, ../sass/main.scss */
#block-responsive-local-tasks li a.active, #block-responsive-local-tasks li a:visited, #block-responsive-local-tasks li a:active {
  color: black;
}
/* line 19, ../sass/main.scss */
#block-responsive-local-tasks li:hover a {
  background-color: #e3e3e3;
}

/* line 24, ../sass/main.scss */
div[role=contentinfo] {
  background-color: #e3e3e3;
  width: 100%;
  clear: both;
  float: none;
  padding: 15px;
}

/* line 1, ../sass/_base.scss */
body {
  -webkit-font-smoothing: antialiased;
  /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
  -moz-osx-font-smoothing: grayscale;
  /* Fixes font bold issue in Firefox version 25+ on Mac */
  position: relative;
  margin: 0;
}
/* line 6, ../sass/_base.scss */
body a {
  color: #000;
}
/* line 8, ../sass/_base.scss */
body a.active {
  color: #000;
}
/* line 10, ../sass/_base.scss */
body strong, body b {
  font-weight: 700;
}
/* line 11, ../sass/_base.scss */
body img {
  max-width: 100%;
  height: auto;
}
/* line 12, ../sass/_base.scss */
body input, body textarea, body select, body option,
body input[type="text"], body input[type="reset"], body input[type="submit"], body input[type="button"],
body input[type=text], body input[type=email], body input[type=password], body select {
  box-sizing: border-box;
  font: 14px/1.5 "Roboto", sans-serif;
  font-weight: 400;
  width: 100%;
  background: #fff;
  border: 1px solid #c6c6c6;
  height: 33px;
  border-radius: 0;
  padding: 5px 5px 3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* line 27, ../sass/_base.scss */
body input:active, body input:focus, body textarea:active, body textarea:focus, body select:active, body select:focus, body option:active, body option:focus,
body input[type="text"]:active,
body input[type="text"]:focus, body input[type="reset"]:active, body input[type="reset"]:focus, body input[type="submit"]:active, body input[type="submit"]:focus, body input[type="button"]:active, body input[type="button"]:focus,
body input[type=text]:active,
body input[type=text]:focus, body input[type=email]:active, body input[type=email]:focus, body input[type=password]:active, body input[type=password]:focus, body select:active, body select:focus {
  box-shadow: none;
}
/* line 28, ../sass/_base.scss */
body input.error, body textarea.error, body select.error, body option.error,
body input[type="text"].error, body input[type="reset"].error, body input[type="submit"].error, body input[type="button"].error,
body input[type=text].error, body input[type=email].error, body input[type=password].error, body select.error {
  border: 2px solid red;
}
/* line 33, ../sass/_base.scss */
body .form-actions input {
  cursor: pointer;
}
/* line 37, ../sass/_base.scss */
body input[type="submit"] {
  background: #fff;
  color: #000;
  text-shadow: none;
  text-align: center;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px 35px;
  font-weight: 700;
  -webkit-appearance: none;
  border: none;
}
/* line 49, ../sass/_base.scss */
body input[type="submit"]:hover {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  background-color: transparent;
  color: #000;
}
/* line 56, ../sass/_base.scss */
body textarea {
  background: #fff;
  border-radius: 0;
  height: 140px;
}
/* line 61, ../sass/_base.scss */
body label {
  font: 14px/1.2 "Roboto", sans-serif;
  padding-bottom: 5px;
  color: #000;
  font-weight: 400;
}
/* line 66, ../sass/_base.scss */
body label .form-required {
  color: red;
}
/* line 70, ../sass/_base.scss */
body sup, body sub {
  font-size: 60%;
}
/* line 71, ../sass/_base.scss */
body sup {
  vertical-align: top;
}
/* line 72, ../sass/_base.scss */
body table {
  width: 100%;
}
/* line 73, ../sass/_base.scss */
body table td {
  vertical-align: top;
}

/* line 75, ../sass/_base.scss */
.region {
  font: 14px "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.4em;
  color: #363932;
}
/* line 80, ../sass/_base.scss */
.region p, .region ul, .region ol {
  padding-bottom: 15px;
  line-height: 1.6em;
}
/* line 81, ../sass/_base.scss */
.region table {
  margin-bottom: 24px;
}
/* line 82, ../sass/_base.scss */
.region ul li {
  margin: 0 0 0 0;
  padding: 0;
  list-style: disc outside;
}
/* line 83, ../sass/_base.scss */
.region ol li {
  margin: 0 0 0 18px;
  padding: 0;
  list-style: decimal outside;
}
/* line 84, ../sass/_base.scss */
.region ul ol li {
  list-style-type: decimal;
}
/* line 85, ../sass/_base.scss */
.region ol ul li {
  list-style-type: disc;
}
/* line 86, ../sass/_base.scss */
.region h1, .region h2, .region h3, .region h4, .region h5 {
  padding-bottom: 5px;
}
/* line 87, ../sass/_base.scss */
.region table td {
  padding: 0 10px 10px 0;
}

/* line 89, ../sass/_base.scss */
ul.menu, nav.menu ul {
  margin: 0;
  padding: 0;
}
/* line 92, ../sass/_base.scss */
ul.menu li, nav.menu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style: none;
}
/* line 97, ../sass/_base.scss */
ul.menu li a, nav.menu ul li a {
  text-decoration: none;
  display: block;
  padding: 5px 15px;
  color: #363932;
}
@media all and (max-width: 1024px) {
  /* line 105, ../sass/_base.scss */
  ul.menu li, nav.menu ul li {
    display: block;
    width: 100%;
  }
}

/* line 111, ../sass/_base.scss */
h1, h2, h3, h4, h5 {
  font-family: "Roboto", sans-serif;
  color: #363932;
  font-weight: 400;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}
/* line 118, ../sass/_base.scss */
h1 a, h1 a.active, h2 a, h2 a.active, h3 a, h3 a.active, h4 a, h4 a.active, h5 a, h5 a.active {
  color: inherit;
  text-decoration: none;
}

/* line 120, ../sass/_base.scss */
h1 {
  font-size: 3.2em;
  font-weight: 700;
  letter-spacing: 1px;
  color: #007E97;
}

/* line 121, ../sass/_base.scss */
h2 {
  font-size: 1.8em;
  font-weight: 700;
  margin-bottom: 15px;
}

/* line 122, ../sass/_base.scss */
h3 {
  font-size: 1.2em;
  font-weight: 700;
  color: #363932;
  margin-bottom: 7px;
}

/* line 123, ../sass/_base.scss */
h4 {
  font-size: 16px;
  font-weight: 700;
  color: #007E97;
  margin-top: 25px;
}

/* line 124, ../sass/_base.scss */
h5 {
  font-size: 14px;
  text-transform: uppercase;
}

/* line 127, ../sass/_base.scss */
.not-logged-in .tabs, .not-logged-in .messages {
  display: none;
}

/* line 133, ../sass/_base.scss */
.doorverwijs-knoppen, .knop {
  display: inline-block;
  margin-left: 0;
  padding: 0;
  line-height: 1em;
  text-align: center;
  margin-bottom: 25px;
}
/* line 22, ../sass/_mixins.scss */
.doorverwijs-knoppen a, .knop a {
  display: block;
  padding: 7px 45px 7px 25px;
  color: #6BC6D3;
  background-color: #007E97;
  border: 1px solid #007E97;
  text-decoration: none;
  position: relative;
  border-radius: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
}
/* line 35, ../sass/_mixins.scss */
.doorverwijs-knoppen a:after, .knop a:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  background: no-repeat url(../img/arrow-light.svg) 50% 50%;
  background-size: contain;
  right: 20px;
  top: 10px;
}
/* line 47, ../sass/_mixins.scss */
.doorverwijs-knoppen:hover a:after, .knop:hover a:after {
  right: 10px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 137, ../sass/_base.scss */
.knop-inverted {
  display: inline-block;
  margin-left: 0;
  padding: 0;
  line-height: 1em;
  text-align: center;
  color: #415538;
  margin-bottom: 25px;
}
/* line 22, ../sass/_mixins.scss */
.knop-inverted a {
  display: block;
  padding: 7px 45px 7px 25px;
  color: #6BC6D3;
  background-color: #007E97;
  border: 1px solid #007E97;
  text-decoration: none;
  position: relative;
  border-radius: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
}
/* line 35, ../sass/_mixins.scss */
.knop-inverted a:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  background: no-repeat url(../img/arrow-light.svg) 50% 50%;
  background-size: contain;
  right: 20px;
  top: 10px;
}
/* line 47, ../sass/_mixins.scss */
.knop-inverted:hover a:after {
  right: 10px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 59, ../sass/_mixins.scss */
.knop-inverted a {
  background-color: #FCD125;
  color: #415538;
  border: 1px solid #FCD125;
}
/* line 63, ../sass/_mixins.scss */
.knop-inverted a:after {
  background: no-repeat url(../img/arrow-blue.svg) 50% 50%;
  background-size: contain;
}

/* line 141, ../sass/_base.scss */
.center-block,
#block-responsive-content,
.prefooter-wrapper,
.footer-wrapper,
.region-header,
.region-content {
  margin: auto;
  width: 90%;
  max-width: 1200px;
}

/* line 151, ../sass/_base.scss */
.noscroll {
  overflow: hidden;
  height: 90vh;
}

/* line 156, ../sass/_base.scss */
main {
  clear: both;
  width: 100%;
  display: block;
}

/* line 162, ../sass/_base.scss */
.field--name-body ul, .field--name-field-bijhorende-tekst ul, .views-field-body ul {
  margin-left: 0;
}
/* line 164, ../sass/_base.scss */
.field--name-body ul li, .field--name-field-bijhorende-tekst ul li, .views-field-body ul li {
  padding-left: 15px;
  list-style: none;
  position: relative;
}
/* line 168, ../sass/_base.scss */
.field--name-body ul li:before, .field--name-field-bijhorende-tekst ul li:before, .views-field-body ul li:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 9px;
  background: no-repeat url(../img/arrow.svg) 50% 50%;
  background-size: contain;
  width: 7px;
  height: 7px;
}
/* line 180, ../sass/_base.scss */
.field--name-body p:not(.knop) a, .field--name-field-bijhorende-tekst p:not(.knop) a, .views-field-body p:not(.knop) a {
  color: inherit;
}
/* line 183, ../sass/_base.scss */
.field--name-body p:not(.knop) a:hover, .field--name-field-bijhorende-tekst p:not(.knop) a:hover, .views-field-body p:not(.knop) a:hover {
  color: #415538;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 190, ../sass/_base.scss */
p.intro {
  font-size: 1.2em;
  font-weight: 700;
}

/* line 195, ../sass/_base.scss */
#block-responsive-page-title {
  text-align: center;
  margin-bottom: 25px;
  padding-top: 75px;
}

/* line 205, ../sass/_base.scss */
.page-node-type-page h1 {
  /*    -o-transform: skewX($skew) rotate($rotate);
      -moz-transform: skewX($skew) rotate($rotate);
      -webkit-transform: skewX($skew) rotate($rotate);
      transform: skewX($skew) rotate($rotate);*/
  max-width: 350px;
  text-align: center;
  margin: auto;
  padding: 45px 0;
}
/* line 212, ../sass/_base.scss */
.page-node-type-page #block-responsive-content {
  /*        article .right-content{
              background: no-repeat url(../img/achtergrond.svg) 100% 100%;
              background-size: cover;
              padding-left: 15%;
              margin-left: -10%;
              width: 60%;
          }*/
}
/* line 222, ../sass/_base.scss */
.page-node-type-page .right-content .field--name-field-hoofdbeeld img {
  margin: auto;
  display: block;
}
@media all and (max-width: 769px) {
  /* line 230, ../sass/_base.scss */
  .page-node-type-page #block-responsive-content .row-wrapper .right-content {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
  }
  /* line 236, ../sass/_base.scss */
  .page-node-type-page #block-responsive-content .left-content {
    padding-top: 45px;
  }
}

/* line 243, ../sass/_base.scss */
.paragraph--type--afbeeldingen-met-tekst {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
/* line 247, ../sass/_base.scss */
.paragraph--type--afbeeldingen-met-tekst .para-left-content {
  width: 35%;
  margin-right: 5%;
}
/* line 251, ../sass/_base.scss */
.paragraph--type--afbeeldingen-met-tekst .para-right-content {
  width: 60%;
}
@media all and (max-width: 600px) {
  /* line 255, ../sass/_base.scss */
  .paragraph--type--afbeeldingen-met-tekst .para-left-content, .paragraph--type--afbeeldingen-met-tekst .para-right-content {
    width: 100%;
    margin-right: 0;
  }
  /* line 259, ../sass/_base.scss */
  .paragraph--type--afbeeldingen-met-tekst .para-left-content {
    text-align: center;
    margin-bottom: 25px;
  }
}

/* line 267, ../sass/_base.scss */
.multiple-img .field__item {
  max-width: 350px;
  margin: 75px auto;
  /*    position: relative;
      z-index: 1;
      &:before{
          position: absolute;
          -o-transform: rotate($rotation);
          -moz-transform: rotate($rotation);
          -webkit-transform: rotate($rotation);
          transform: rotate($rotation);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 90px;
          height: 30px;
          left: -40px;
          top: -7px;
          opacity: .6;
      }
      &:after{
          position: absolute;
          -o-transform: rotate($rotation2);
          -moz-transform: rotate($rotation2);
          -webkit-transform: rotate($rotation2);
          transform: rotate($rotation2);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 120px;
          height: 30px;
          right: -50px;
          bottom: -7px;
          opacity: .6;
      }*/
}
/* line 271, ../sass/_base.scss */
.multiple-img .field__item img {
  display: block;
  border-radius: 0;
  overflow: hidden;
}
/* line 276, ../sass/_base.scss */
.multiple-img .field__item:nth-of-type(1) {
  /*    -o-transform: skewX($skew) rotate($rotate);
      -moz-transform: skewX($skew) rotate($rotate);
      -webkit-transform: skewX($skew) rotate($rotate);
      transform: skewX($skew) rotate($rotate);*/
}
/* line 279, ../sass/_base.scss */
.multiple-img .field__item:nth-of-type(2) {
  /*    -o-transform: skewX($skew) rotate($rotate);
      -moz-transform: skewX($skew) rotate($rotate);
      -webkit-transform: skewX($skew) rotate($rotate);
      transform: skewX($skew) rotate($rotate);*/
}
/* line 282, ../sass/_base.scss */
.multiple-img .field__item:nth-of-type(3) {
  /*    -o-transform: skewX($skew) rotate($rotate);
      -moz-transform: skewX($skew) rotate($rotate);
      -webkit-transform: skewX($skew) rotate($rotate);
      transform: skewX($skew) rotate($rotate);*/
}

@media all and (max-width: 1024px) {
  /* line 291, ../sass/_base.scss */
  .region-content {
    padding-top: 140px;
  }
}
@media all and (max-width: 769px) {
  /* line 296, ../sass/_base.scss */
  h1 {
    font-size: 2em;
  }

  /* line 299, ../sass/_base.scss */
  .region-content {
    padding-top: 160px;
  }
}
/* line 2, ../sass/_header.scss */
#block-responsive-branding {
  width: 200px;
  float: left;
  box-sizing: border-box;
  border-right: 1px solid #c6c6c6;
  padding: 10px 15px 15px 0;
}
@media all and (max-width: 1024px) {
  /* line 2, ../sass/_header.scss */
  #block-responsive-branding {
    width: 150px;
    margin-left: 5%;
    border-right: 0;
  }
}

/* line 16, ../sass/_header.scss */
#block-views-block-klassen-block-1, #block-customsearchform {
  width: calc(100% - 600px);
  float: left;
}
@media all and (max-width: 769px) {
  /* line 16, ../sass/_header.scss */
  #block-views-block-klassen-block-1, #block-customsearchform {
    width: 50%;
    clear: both;
  }
}
@media all and (max-width: 400px) {
  /* line 16, ../sass/_header.scss */
  #block-views-block-klassen-block-1, #block-customsearchform {
    width: 100%;
    float: none;
    clear: both;
  }
}

/* line 31, ../sass/_header.scss */
#block-customsearchform {
  text-align: right;
  padding-top: 45px;
}
/* line 34, ../sass/_header.scss */
#block-customsearchform form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* line 39, ../sass/_header.scss */
#block-customsearchform #edit-actions {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 29px;
  height: 29px;
  margin-left: 10px;
}
/* line 46, ../sass/_header.scss */
#block-customsearchform #edit-actions input {
  border: none;
  width: auto;
  height: auto;
  padding: 5px;
  max-width: 100%;
}
/* line 54, ../sass/_header.scss */
#block-customsearchform .js-form-type-search {
  display: inline-block;
}
/* line 56, ../sass/_header.scss */
#block-customsearchform .js-form-type-search input {
  border-color: #c6c6c6;
  min-width: 300px;
}
@media all and (max-width: 1024px) {
  /* line 31, ../sass/_header.scss */
  #block-customsearchform {
    padding-top: 10px;
  }
}
@media all and (max-width: 769px) {
  /* line 31, ../sass/_header.scss */
  #block-customsearchform {
    display: none;
  }
}

/* line 70, ../sass/_header.scss */
#block-telefoonheader {
  width: 400px;
  float: right;
  padding-top: 20px;
  text-align: right;
}
/* line 75, ../sass/_header.scss */
#block-telefoonheader.hidden {
  display: none;
}
/* line 78, ../sass/_header.scss */
#block-telefoonheader i {
  font-size: 1em;
  padding: 10px;
}
/* line 81, ../sass/_header.scss */
#block-telefoonheader i.fa-facebook {
  background-color: #DA4F4D;
  color: #FCD125;
  padding: 10px 10px 10px 12px;
}
/* line 86, ../sass/_header.scss */
#block-telefoonheader i.fa-instagram {
  background-color: #6BC6D3;
  color: #415538;
}
/* line 91, ../sass/_header.scss */
#block-telefoonheader p {
  display: inline-block;
  color: #007E97;
  font-size: 1.4em;
  line-height: 1.2em;
  padding: 5px;
  margin-right: 15px;
  border-radius: 0;
  background-color: #007E97;
}
/* line 100, ../sass/_header.scss */
#block-telefoonheader p a {
  color: inherit;
  text-decoration: none;
  padding: 0 5px;
}
/* line 104, ../sass/_header.scss */
#block-telefoonheader p a:last-of-type {
  /*                position: relative;
                  &:after{
                      content: ' ';
                      background: no-repeat url(../img/socials-side.svg) 100% 100%;
                      background-size: contain;
                      width: 14px;
                      height: 30px;
                      position: absolute;
                      right: -17px;
                      top: -1px;
                      display: block;
                  }*/
}
/* line 120, ../sass/_header.scss */
#block-telefoonheader ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* line 124, ../sass/_header.scss */
#block-telefoonheader ul li {
  list-style: none;
  padding-left: 0;
}
/* line 129, ../sass/_header.scss */
#block-telefoonheader ul li:before {
  display: none;
}
/* line 132, ../sass/_header.scss */
#block-telefoonheader ul li:nth-of-type(1) {
  margin-right: 20px;
  font-size: 1.2em;
}
/* line 137, ../sass/_header.scss */
#block-telefoonheader ul a {
  text-decoration: none;
}
/* line 139, ../sass/_header.scss */
#block-telefoonheader ul a:hover {
  color: #415538;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 1024px) {
  /* line 70, ../sass/_header.scss */
  #block-telefoonheader {
    display: none;
    float: none;
    width: 100%;
    clear: both;
    text-align: left;
    padding: 15px 0 0 7px;
  }
  /* line 152, ../sass/_header.scss */
  #block-telefoonheader.visible {
    display: block;
  }
  /* line 155, ../sass/_header.scss */
  #block-telefoonheader ul, #block-telefoonheader p {
    margin-right: 25px;
  }
  /* line 159, ../sass/_header.scss */
  #block-telefoonheader ul {
    padding-bottom: 0;
  }
}
@media all and (max-width: 400px) {
  /* line 70, ../sass/_header.scss */
  #block-telefoonheader {
    width: 100%;
    float: none;
    clear: both;
    padding: 2% 5% 0 5%;
    box-sizing: border-box;
    display: none;
  }
}

/* line 175, ../sass/_header.scss */
#block-responsive-main-menu {
  width: 100%;
}
/* line 177, ../sass/_header.scss */
#block-responsive-main-menu.hidden {
  display: none;
}
/* line 180, ../sass/_header.scss */
#block-responsive-main-menu > ul {
  display: flex;
  padding: 10px 0;
}
/* line 184, ../sass/_header.scss */
#block-responsive-main-menu li {
  padding: 5px 15px;
  position: relative;
  box-sizing: border-box;
  display: block;
  flex-grow: 1;
  font-family: "Roboto", sans-serif;
}
/* line 191, ../sass/_header.scss */
#block-responsive-main-menu li a, #block-responsive-main-menu li span {
  display: inline-block;
  padding: 5px 15px 10px 15px;
  color: #415538;
  font-size: 1.2em;
}
/* line 197, ../sass/_header.scss */
#block-responsive-main-menu li ul {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 20;
  background-color: #fff;
  width: 200px;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  padding-top: 0;
}
/* line 208, ../sass/_header.scss */
#block-responsive-main-menu li ul a, #block-responsive-main-menu li ul span {
  font-family: "Roboto", sans-serif;
  color: #363932;
  font-size: 1em;
  font-weight: 300;
}
/* line 217, ../sass/_header.scss */
#block-responsive-main-menu li:hover ul {
  display: block;
}
/* line 221, ../sass/_header.scss */
#block-responsive-main-menu li:hover > a, #block-responsive-main-menu li > a.is-active {
  color: #007E97;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media all and (max-width: 1024px) {
  /* line 175, ../sass/_header.scss */
  #block-responsive-main-menu {
    display: none;
    padding-bottom: 45px;
    width: 100%;
    position: fixed;
    top: 150px;
    left: 0;
    background-color: #fff;
    z-index: 99;
    height: calc(100vh - 130px);
  }
  /* line 236, ../sass/_header.scss */
  #block-responsive-main-menu.visible {
    display: block;
  }
  /* line 239, ../sass/_header.scss */
  #block-responsive-main-menu ul {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    display: block;
  }
  /* line 245, ../sass/_header.scss */
  #block-responsive-main-menu li a, #block-responsive-main-menu li span {
    font-size: 1em;
    color: #363932;
    text-align: left;
    padding: 5px 25px 5px 5px;
    font-weight: 700;
    color: #415538;
  }
  /* line 253, ../sass/_header.scss */
  #block-responsive-main-menu li:hover > a, #block-responsive-main-menu li > a.is-active {
    color: #363932;
  }
  /* line 258, ../sass/_header.scss */
  #block-responsive-main-menu li:hover ul {
    display: none;
  }
  /* line 263, ../sass/_header.scss */
  #block-responsive-main-menu ul ul {
    display: none;
    position: static;
    box-shadow: none;
    width: 100%;
    margin-bottom: 15px;
  }
  /* line 272, ../sass/_header.scss */
  #block-responsive-main-menu ul ul li a {
    color: #363932;
    font-weight: 400;
  }
}
@media all and (max-width: 769px) {
  /* line 175, ../sass/_header.scss */
  #block-responsive-main-menu {
    top: 200px;
    height: calc(100vh - 200px);
  }
}

@media all and (max-width: 1024px) {
  /* line 283, ../sass/_header.scss */
  .layout-container > header {
    position: fixed;
    z-index: 90;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 291, ../sass/_header.scss */
  .layout-container > header.active {
    height: 100vh;
    overflow-y: scroll;
  }
}

/* line 297, ../sass/_header.scss */
.region-header {
  margin: 0 auto 10px auto;
  overflow: hidden;
  border-bottom: 1px solid #c6c6c6;
}
@media all and (max-width: 1024px) {
  /* line 297, ../sass/_header.scss */
  .region-header {
    border-bottom: 0;
    padding-bottom: 0;
    width: 100%;
  }
}

/* line 310, ../sass/_header.scss */
.menu-button {
  display: none;
  padding-top: 20px;
  cursor: pointer;
  right: 0;
  width: 20px;
  height: 20px;
  margin-right: 30px;
  position: fixed;
  z-index: 90;
}
/* line 320, ../sass/_header.scss */
.menu-button span {
  background-color: #363932;
  display: block;
  height: 2px;
  margin-bottom: 5px;
}
/* line 326, ../sass/_header.scss */
.menu-button.active {
  padding-top: 25px;
}
/* line 328, ../sass/_header.scss */
.menu-button.active span {
  margin-bottom: 0;
}
/* line 331, ../sass/_header.scss */
.menu-button.active span:nth-of-type(1) {
  -o-transform: translate(0%, 50%) rotate(45deg);
  -moz-transform: translate(0%, 50%) rotate(45deg);
  -webkit-transform: translate(0%, 50%) rotate(45deg);
  transform: translate(0%, 50%) rotate(45deg);
}
/* line 337, ../sass/_header.scss */
.menu-button.active span:nth-of-type(2) {
  -o-transform: translate(0%, -50%) rotate(135deg);
  -moz-transform: translate(0%, -50%) rotate(135deg);
  -webkit-transform: translate(0%, -50%) rotate(135deg);
  transform: translate(0%, -50%) rotate(135deg);
}
/* line 343, ../sass/_header.scss */
.menu-button.active span:nth-of-type(3) {
  display: none;
}
@media screen and (max-width: 1024px) {
  /* line 310, ../sass/_header.scss */
  .menu-button {
    display: block;
  }
}
@media screen and (max-width: 769px) {
  /* line 351, ../sass/_header.scss */
  .menu-button.active {
    padding-right: 10px;
  }
}

/* line 359, ../sass/_header.scss */
.search-active .layout-container > header {
  z-index: 120;
}

/*==================
    Prefooter
===================*/
/*==================
    Footer
===================*/
/* line 10, ../sass/_footer.scss */
#block-footerinfo {
  padding-left: 150px;
  position: relative;
  padding-top: 25px;
}
/* line 13, ../sass/_footer.scss */
#block-footerinfo:before {
  content: ' ';
  background: no-repeat url(../logo.svg) 0 50%;
  background-size: contain;
  width: 120px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 24, ../sass/_footer.scss */
#block-footerinfo .field--name-body {
  display: flex;
  align-items: center;
}
/* line 28, ../sass/_footer.scss */
#block-footerinfo p {
  margin-right: 10px;
  flex-grow: 1;
  padding-bottom: 0;
}
/* line 32, ../sass/_footer.scss */
#block-footerinfo p a {
  text-decoration: none;
  color: inherit;
}
/* line 35, ../sass/_footer.scss */
#block-footerinfo p a:hover {
  color: #415538;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 40, ../sass/_footer.scss */
#block-footerinfo p img {
  max-width: 80px;
}
/* line 43, ../sass/_footer.scss */
#block-footerinfo p:last-of-type {
  text-align: right;
}
@media all and (max-width: 900px) {
  /* line 10, ../sass/_footer.scss */
  #block-footerinfo {
    padding-left: 0;
  }
  /* line 49, ../sass/_footer.scss */
  #block-footerinfo:before {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin-bottom: 25px;
  }
  /* line 56, ../sass/_footer.scss */
  #block-footerinfo .field--name-body {
    flex-wrap: wrap;
  }
  /* line 59, ../sass/_footer.scss */
  #block-footerinfo p {
    width: calc(33.33% - 10px);
    flex-grow: auto;
  }
}
@media all and (max-width: 600px) {
  /* line 65, ../sass/_footer.scss */
  #block-footerinfo p {
    width: 100%;
    margin: 0;
    padding-bottom: 5px;
  }
  /* line 69, ../sass/_footer.scss */
  #block-footerinfo p:nth-of-type(5), #block-footerinfo p:nth-of-type(6) {
    width: 50%;
  }
}

/* line 75, ../sass/_footer.scss */
#block-bycomma {
  color: #363932;
  text-align: right;
  clear: both;
  padding: 25px 0;
}
/* line 80, ../sass/_footer.scss */
#block-bycomma p {
  padding-bottom: 0;
}

/* line 2, ../sass/_blokken.scss */
#block-vergroeningvandespeelplaats {
  width: calc(25% - 10px);
  background-color: #EEA900;
  color: #fff;
  border-radius: 0;
  overflow: hidden;
  margin-right: 10px;
}
/* line 10, ../sass/_blokken.scss */
#block-vergroeningvandespeelplaats h2 {
  color: #fff;
}
/* line 14, ../sass/_blokken.scss */
#block-vergroeningvandespeelplaats .field--name-body {
  padding: 5%;
}
/* line 19, ../sass/_blokken.scss */
#block-vergroeningvandespeelplaats .knop-inverted a {
  border: 0;
}
@media all and (max-width: 900px) {
  /* line 2, ../sass/_blokken.scss */
  #block-vergroeningvandespeelplaats {
    width: calc(50% - 5px);
    margin: 0 0 10px 5px;
  }
}
@media all and (max-width: 600px) {
  /* line 2, ../sass/_blokken.scss */
  #block-vergroeningvandespeelplaats {
    width: 100%;
    margin: 0 0 10px 0;
  }
}

/* line 36, ../sass/_blokken.scss */
#block-watkomterophetbord {
  width: 100%;
  border-radius: 0;
  padding: 75px 5%;
  margin: 10px auto;
  background-position: 0 50% !important;
}
/* line 47, ../sass/_blokken.scss */
#block-watkomterophetbord h2 {
  font-size: 3em;
  max-width: 350px;
  margin-bottom: 25px;
  border-radius: 0;
  color: #DA4F4D;
  box-sizing: border-box;
  margin-left: 50%;
  /*    position: relative;
      z-index: 1;
      &:before{
          position: absolute;
          -o-transform: rotate($rotation);
          -moz-transform: rotate($rotation);
          -webkit-transform: rotate($rotation);
          transform: rotate($rotation);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 90px;
          height: 30px;
          left: -40px;
          top: -7px;
          opacity: .6;
      }
      &:after{
          position: absolute;
          -o-transform: rotate($rotation2);
          -moz-transform: rotate($rotation2);
          -webkit-transform: rotate($rotation2);
          transform: rotate($rotation2);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 120px;
          height: 30px;
          right: -50px;
          bottom: -7px;
          opacity: .6;
      }*/
}
/* line 60, ../sass/_blokken.scss */
#block-watkomterophetbord h2:before, #block-watkomterophetbord h2:after {
  height: 40px;
}
/* line 66, ../sass/_blokken.scss */
#block-watkomterophetbord .knop {
  max-width: 350px;
  margin-bottom: 5px;
  padding-bottom: 0;
  text-align: center;
  margin-left: 50%;
}
/* line 74, ../sass/_blokken.scss */
#block-watkomterophetbord .knop a {
  background-color: #DA4F4D;
  border-color: #DA4F4D;
  color: #EEA900;
}
/* line 79, ../sass/_blokken.scss */
#block-watkomterophetbord .knop a:after {
  background: no-repeat url(../img/arrow-yellow.svg) 50% 50%;
  background-size: contain;
}
@media all and (max-width: 1024px) {
  /* line 93, ../sass/_blokken.scss */
  #block-watkomterophetbord h2 {
    background-color: #FCD125;
    padding: 25px;
  }
}
@media all and (max-width: 769px) {
  /* line 36, ../sass/_blokken.scss */
  #block-watkomterophetbord {
    text-align: center;
  }
  /* line 102, ../sass/_blokken.scss */
  #block-watkomterophetbord h2 {
    margin: 0 auto 25px auto;
  }
  /* line 106, ../sass/_blokken.scss */
  #block-watkomterophetbord .field--name-body {
    margin: auto;
  }
}

/* line 115, ../sass/_blokken.scss */
#block-terugnaarschoolpagina {
  width: 100%;
  text-align: right;
}
@media all and (max-width: 769px) {
  /* line 115, ../sass/_blokken.scss */
  #block-terugnaarschoolpagina {
    display: none;
  }
}

/* line 127, ../sass/_blokken.scss */
#block-onzewaarden {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  padding: 5%;
}
/* line 134, ../sass/_blokken.scss */
#block-onzewaarden h2 {
  font-size: .9em;
  font-family: "Roboto", sans-serif;
  color: #007E97;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}
/* line 143, ../sass/_blokken.scss */
#block-onzewaarden h3 {
  text-align: center;
  font-size: 1.8em;
  margin-bottom: 45px;
}
/* line 149, ../sass/_blokken.scss */
#block-onzewaarden ol {
  display: flex;
  flex-wrap: wrap;
  counter-reset: my-awesome-counter;
}
/* line 155, ../sass/_blokken.scss */
#block-onzewaarden li {
  width: 33%;
  padding-right: 5%;
  box-sizing: border-box;
  margin-left: 0;
  margin-bottom: 45px;
  font-family: "Roboto", sans-serif;
  color: #007E97;
  font-size: 1.2em;
  padding-left: 35px;
  counter-increment: my-awesome-counter;
  position: relative;
  list-style: none;
}
/* line 169, ../sass/_blokken.scss */
#block-onzewaarden li:before {
  content: counter(my-awesome-counter);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  text-align: center;
  background-color: #363932;
  width: 20px;
  height: 20px;
  padding: 3px;
}
@media all and (max-width: 900px) {
  /* line 185, ../sass/_blokken.scss */
  #block-onzewaarden li {
    width: 50%;
  }
}
@media all and (max-width: 600px) {
  /* line 191, ../sass/_blokken.scss */
  #block-onzewaarden li {
    width: 100%;
  }
}

/* line 197, ../sass/_blokken.scss */
#block-homevideo {
  position: relative;
  width: 80%;
  max-width: 600px;
  margin: 75px auto;
  /*    -o-transform: skewX($skew) rotate($rotate);
      -moz-transform: skewX($skew) rotate($rotate);
      -webkit-transform: skewX($skew) rotate($rotate);
      transform: skewX($skew) rotate($rotate);*/
  /*    position: relative;
      z-index: 1;
      &:before{
          position: absolute;
          -o-transform: rotate($rotation);
          -moz-transform: rotate($rotation);
          -webkit-transform: rotate($rotation);
          transform: rotate($rotation);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 90px;
          height: 30px;
          left: -40px;
          top: -7px;
          opacity: .6;
      }
      &:after{
          position: absolute;
          -o-transform: rotate($rotation2);
          -moz-transform: rotate($rotation2);
          -webkit-transform: rotate($rotation2);
          transform: rotate($rotation2);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 120px;
          height: 30px;
          right: -50px;
          bottom: -7px;
          opacity: .6;
      }*/
}
/* line 205, ../sass/_blokken.scss */
#block-homevideo:before, #block-homevideo:after {
  height: 40px;
}
/* line 210, ../sass/_blokken.scss */
#block-homevideo a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: transparent;
}
/* line 219, ../sass/_blokken.scss */
#block-homevideo .field--name-field-image {
  border-radius: 0;
  overflow: hidden;
}
/* line 223, ../sass/_blokken.scss */
#block-homevideo .field--name-field-image:before {
  content: ' ';
  width: 70px;
  height: 70px;
  text-align: center;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  background: no-repeat url(../img/play.svg) 50% 50%;
  background-size: contain;
  display: block;
  position: absolute;
}
/* line 236, ../sass/_blokken.scss */
#block-homevideo .field--name-field-image img {
  display: block;
}
@media all and (max-width: 480px) {
  /* line 197, ../sass/_blokken.scss */
  #block-homevideo {
    overflow: hidden;
  }
}

/* line 246, ../sass/_blokken.scss */
#block-terugnaarhome {
  text-align: right;
  width: 100%;
}
/* line 250, ../sass/_blokken.scss */
#block-terugnaarhome p {
  padding-bottom: 0;
}

/* line 255, ../sass/_blokken.scss */
.slider-block {
  width: 50%;
  position: relative;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  overflow: hidden;
}
/* line 262, ../sass/_blokken.scss */
.slider-block .prev,
.slider-block .next {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #007E97;
  padding: 5px 10px;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 15px);
  z-index: 15;
}
/* line 275, ../sass/_blokken.scss */
.slider-block .prev img,
.slider-block .next img {
  max-width: 100%;
  max-height: 100%;
}
/* line 285, ../sass/_blokken.scss */
.slider-block .prev {
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 15px;
}
/* line 290, ../sass/_blokken.scss */
.slider-block .next {
  right: 15px;
}
@media all and (max-width: 900px) {
  /* line 255, ../sass/_blokken.scss */
  .slider-block {
    width: 100%;
  }
}

/* line 299, ../sass/_blokken.scss */
#block-googlemaps {
  padding-right: 10px;
  box-sizing: border-box;
  width: 50%;
}
/* line 304, ../sass/_blokken.scss */
#block-googlemaps p {
  padding-bottom: 0;
}
/* line 308, ../sass/_blokken.scss */
#block-googlemaps iframe {
  display: block;
  width: 100%;
}
@media all and (max-width: 900px) {
  /* line 299, ../sass/_blokken.scss */
  #block-googlemaps {
    width: 100%;
    padding-right: 0;
  }
}

/* line 2, ../sass/_meerdere-types.scss */
.page-node-type-page .region-content, .page-node-type-klas .region-content, .page-node-type-leefgroep .region-content, .page-node-type-abc .region-content, .page-node-type-nieuws .region-content {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 25px;
}
/* line 7, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content, .page-node-type-klas #block-responsive-content, .page-node-type-leefgroep #block-responsive-content, .page-node-type-abc #block-responsive-content, .page-node-type-nieuws #block-responsive-content {
  width: 100%;
}
/* line 9, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content .row-wrapper, .page-node-type-klas #block-responsive-content .row-wrapper, .page-node-type-leefgroep #block-responsive-content .row-wrapper, .page-node-type-abc #block-responsive-content .row-wrapper, .page-node-type-nieuws #block-responsive-content .row-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  padding: 0 0 0 5%;
  margin-bottom: 10px;
  border: 1px solid #c6c6c6;
}
/* line 20, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content .left-content, .page-node-type-page #block-responsive-content .right-content, .page-node-type-klas #block-responsive-content .left-content, .page-node-type-klas #block-responsive-content .right-content, .page-node-type-leefgroep #block-responsive-content .left-content, .page-node-type-leefgroep #block-responsive-content .right-content, .page-node-type-abc #block-responsive-content .left-content, .page-node-type-abc #block-responsive-content .right-content, .page-node-type-nieuws #block-responsive-content .left-content, .page-node-type-nieuws #block-responsive-content .right-content {
  width: 50%;
}
/* line 23, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content .right-content, .page-node-type-klas #block-responsive-content .right-content, .page-node-type-leefgroep #block-responsive-content .right-content, .page-node-type-abc #block-responsive-content .right-content, .page-node-type-nieuws #block-responsive-content .right-content {
  box-sizing: border-box;
}
/* line 26, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content .field--name-field-ondertitel, .page-node-type-klas #block-responsive-content .field--name-field-ondertitel, .page-node-type-leefgroep #block-responsive-content .field--name-field-ondertitel, .page-node-type-abc #block-responsive-content .field--name-field-ondertitel, .page-node-type-nieuws #block-responsive-content .field--name-field-ondertitel {
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* line 30, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content .field--name-field-display-title, .page-node-type-klas #block-responsive-content .field--name-field-display-title, .page-node-type-leefgroep #block-responsive-content .field--name-field-display-title, .page-node-type-abc #block-responsive-content .field--name-field-display-title, .page-node-type-nieuws #block-responsive-content .field--name-field-display-title {
  margin-bottom: 25px;
}
/* line 34, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content .field--name-field-hoofdbeeld img, .page-node-type-klas #block-responsive-content .field--name-field-hoofdbeeld img, .page-node-type-leefgroep #block-responsive-content .field--name-field-hoofdbeeld img, .page-node-type-abc #block-responsive-content .field--name-field-hoofdbeeld img, .page-node-type-nieuws #block-responsive-content .field--name-field-hoofdbeeld img {
  width: 100%;
}
/* line 38, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content article > div > .field--name-field-inhoud, .page-node-type-klas #block-responsive-content article > div > .field--name-field-inhoud, .page-node-type-leefgroep #block-responsive-content article > div > .field--name-field-inhoud, .page-node-type-abc #block-responsive-content article > div > .field--name-field-inhoud, .page-node-type-nieuws #block-responsive-content article > div > .field--name-field-inhoud {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 0;
  margin-bottom: 10px;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  overflow: hidden;
  padding: 45px;
  border: 1px solid #c6c6c6;
}
/* line 48, ../sass/_meerdere-types.scss */
.page-node-type-page #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-klas #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-leefgroep #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-abc #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-nieuws #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
  width: 45%;
  padding-bottom: 45px;
}
@media all and (max-width: 769px) {
  /* line 56, ../sass/_meerdere-types.scss */
  .page-node-type-page #block-responsive-content .left-content, .page-node-type-page #block-responsive-content .right-content, .page-node-type-klas #block-responsive-content .left-content, .page-node-type-klas #block-responsive-content .right-content, .page-node-type-leefgroep #block-responsive-content .left-content, .page-node-type-leefgroep #block-responsive-content .right-content, .page-node-type-abc #block-responsive-content .left-content, .page-node-type-abc #block-responsive-content .right-content, .page-node-type-nieuws #block-responsive-content .left-content, .page-node-type-nieuws #block-responsive-content .right-content {
    width: 100%;
  }
  /* line 59, ../sass/_meerdere-types.scss */
  .page-node-type-page #block-responsive-content .left-content, .page-node-type-klas #block-responsive-content .left-content, .page-node-type-leefgroep #block-responsive-content .left-content, .page-node-type-abc #block-responsive-content .left-content, .page-node-type-nieuws #block-responsive-content .left-content {
    margin-bottom: 25px;
  }
  /* line 62, ../sass/_meerdere-types.scss */
  .page-node-type-page #block-responsive-content .right-content, .page-node-type-klas #block-responsive-content .right-content, .page-node-type-leefgroep #block-responsive-content .right-content, .page-node-type-abc #block-responsive-content .right-content, .page-node-type-nieuws #block-responsive-content .right-content {
    padding-left: 0;
  }
  /* line 66, ../sass/_meerdere-types.scss */
  .page-node-type-page #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-klas #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-leefgroep #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-abc #block-responsive-content article > div > .field--name-field-inhoud > .field__item, .page-node-type-nieuws #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
    width: 100%;
    padding-bottom: 0;
  }
}

/* line 76, ../sass/_meerdere-types.scss */
.pager {
  margin-top: 45px;
}
/* line 78, ../sass/_meerdere-types.scss */
.pager ul {
  text-align: center;
}
/* line 81, ../sass/_meerdere-types.scss */
.pager li {
  list-style: none;
  display: inline-block;
}
/* line 84, ../sass/_meerdere-types.scss */
.pager li:hover a, .pager li.is-active a {
  background-color: #fff;
  color: #007E97;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 90, ../sass/_meerdere-types.scss */
.pager a {
  text-decoration: none;
  padding: 5px 10px;
  background-color: #007E97;
  font-weight: 700;
  color: #fff;
  font-family: "Roboto", sans-serif;
  border: 1px solid #007E97;
  border-radius: 0;
}

/* line 2, ../sass/_form.scss */
.webform-submission-form .form-actions, .user-login-form .form-actions {
  margin: 25px auto;
}
/* line 4, ../sass/_form.scss */
.webform-submission-form .form-actions input, .user-login-form .form-actions input {
  color: #fff;
  background-color: #415538;
  border: 1px solid #415538;
  text-transform: lowercase;
  font-weight: 700;
  font-size: 1em;
}
/* line 11, ../sass/_form.scss */
.webform-submission-form .form-actions input:hover, .user-login-form .form-actions input:hover {
  background-color: #fff;
  color: #415538;
}
/* line 18, ../sass/_form.scss */
.webform-submission-form .form-item, .user-login-form .form-item {
  margin-bottom: 15px;
}
/* line 20, ../sass/_form.scss */
.webform-submission-form .form-item label, .user-login-form .form-item label {
  color: #363932;
  font-weight: 300;
  margin-bottom: 5px;
  display: block;
}
/* line 26, ../sass/_form.scss */
.webform-submission-form .form-item input, .webform-submission-form .form-item textarea, .webform-submission-form .form-item select, .user-login-form .form-item input, .user-login-form .form-item textarea, .user-login-form .form-item select {
  background-color: #f7f7f7;
  border: none;
}
/* line 30, ../sass/_form.scss */
.webform-submission-form .form-item select, .user-login-form .form-item select {
  font-weight: 300;
  color: #363932;
}
/* line 36, ../sass/_form.scss */
.webform-submission-form .webform-flexbox .webform-flex:nth-of-type(1), .user-login-form .webform-flexbox .webform-flex:nth-of-type(1) {
  width: 35px;
  max-width: 35px;
  padding-top: 5px;
}
/* line 40, ../sass/_form.scss */
.webform-submission-form .webform-flexbox .webform-flex:nth-of-type(1) input, .user-login-form .webform-flexbox .webform-flex:nth-of-type(1) input {
  height: auto;
}
/* line 43, ../sass/_form.scss */
.webform-submission-form .webform-flexbox .webform-flex:nth-of-type(1) label, .user-login-form .webform-flexbox .webform-flex:nth-of-type(1) label {
  display: none;
}
/* line 47, ../sass/_form.scss */
.webform-submission-form .webform-flexbox .webform-flex:nth-of-type(2), .user-login-form .webform-flexbox .webform-flex:nth-of-type(2) {
  width: calc(100% - 35px);
}
/* line 49, ../sass/_form.scss */
.webform-submission-form .webform-flexbox .webform-flex:nth-of-type(2) a, .user-login-form .webform-flexbox .webform-flex:nth-of-type(2) a {
  color: inherit;
}
/* line 55, ../sass/_form.scss */
.webform-submission-form .form-item-ik-ga-akkoord input, .user-login-form .form-item-ik-ga-akkoord input {
  width: auto;
}
/* line 59, ../sass/_form.scss */
.webform-submission-form .captcha, .user-login-form .captcha {
  clear: both;
}
/* line 62, ../sass/_form.scss */
.webform-submission-form #edit-flexbox, .user-login-form #edit-flexbox {
  display: flex;
}
@media all and (max-width: 769px) {
  /* line 66, ../sass/_form.scss */
  .webform-submission-form .form-item, .user-login-form .form-item {
    margin-top: 20px;
  }
}

/* line 3, ../sass/_search.scss */
.path-search #block-responsive-content {
  max-width: 720px;
  padding: 45px 0 75px 0;
}
/* line 6, ../sass/_search.scss */
.path-search #block-responsive-content .search-help-link {
  display: none;
}
/* line 9, ../sass/_search.scss */
.path-search #block-responsive-content #edit-basic {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 45px;
}
/* line 14, ../sass/_search.scss */
.path-search #block-responsive-content #edit-basic label {
  display: none;
}
/* line 17, ../sass/_search.scss */
.path-search #block-responsive-content #edit-basic .js-form-type-search {
  width: calc(100% - 95px);
}
/* line 22, ../sass/_search.scss */
.path-search #block-responsive-content #edit-keys:focus {
  outline: none;
}
/* line 26, ../sass/_search.scss */
.path-search #block-responsive-content #edit-submit {
  padding: 5px 10px;
  background-color: #007E97;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.2em;
  border-radius: 0;
  border: 1px solid #007E97;
  margin-left: 15px;
}
/* line 35, ../sass/_search.scss */
.path-search #block-responsive-content #edit-submit:hover {
  background-color: transparent;
  color: #007E97;
}
/* line 40, ../sass/_search.scss */
.path-search #block-responsive-content h2 {
  color: #363932;
}
/* line 44, ../sass/_search.scss */
.path-search #block-responsive-content .item-list li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 25px;
  /*                p:last-of-type{
                      font-weight: $bold;
                      text-transform: uppercase;
                      color: $maincolor;
                      font-size: .8em;
                  }*/
}
/* line 48, ../sass/_search.scss */
.path-search #block-responsive-content .item-list li h3 {
  font-weight: 700;
}
/* line 58, ../sass/_search.scss */
.path-search #block-responsive-content .item-list h3 {
  color: #007E97;
}
/* line 60, ../sass/_search.scss */
.path-search #block-responsive-content .item-list h3:hover {
  color: #363932;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 67, ../sass/_search.scss */
.path-search .pager {
  clear: both;
  width: 100%;
  text-align: center;
  padding-top: 75px;
}
/* line 72, ../sass/_search.scss */
.path-search .pager li {
  display: inline-block;
  color: #415538;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .8em;
  margin: 0 7px;
}
/* line 79, ../sass/_search.scss */
.path-search .pager li a {
  color: #fff;
  text-decoration: none;
  background-color: #415538;
  padding: 5px 8px;
  font-weight: 700;
  display: inline-block;
  line-height: 1em;
  border-radius: 50%;
  border: 1px solid #415538;
}
/* line 90, ../sass/_search.scss */
.path-search .pager li:hover a {
  color: #415538;
  background-color: transparent;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 97, ../sass/_search.scss */
.path-search .pager li.pager__item--next a, .path-search .pager li.pager__item--last a, .path-search .pager li.pager__item--first a, .path-search .pager li.pager__item--previous a {
  background-color: transparent;
  color: #415538;
  border-radius: 0;
  border: 0;
}
/* line 104, ../sass/_search.scss */
.path-search .pager li.pager__item--first, .path-search .pager li.pager__item--last {
  display: none;
}

/* line 2, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3, #block-views-block-activiteiten-block-2 {
  width: 100%;
}
/* line 4, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 > div > div, #block-views-block-activiteiten-block-2 > div > div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
/* line 9, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 .views-row, #block-views-block-activiteiten-block-2 .views-row {
  width: calc(33% - 10px);
  margin-right: 10px;
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
}
/* line 15, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 .views-row .views-field-field-datum, #block-views-block-activiteiten-block-2 .views-row .views-field-field-datum {
  background-color: #FCD125;
  font-size: 2em;
  color: #fff;
  padding: 5%;
  font-family: "Roboto", sans-serif;
  min-height: 65px;
}
/* line 22, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 .views-row .views-field-field-datum .field-content, #block-views-block-activiteiten-block-2 .views-row .views-field-field-datum .field-content {
  line-height: 1em;
}
/* line 26, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 .views-row .views-field-title, #block-views-block-activiteiten-block-2 .views-row .views-field-title {
  padding: 5%;
  line-height: 1.4em;
  padding-bottom: 25px;
}
/* line 32, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 .views-row .views-field-field-externe-link, #block-views-block-activiteiten-block-2 .views-row .views-field-field-externe-link {
  display: inline-block;
  margin-left: 0;
  padding: 0;
  line-height: 1em;
  text-align: center;
  margin: 0 0 5% 5%;
}
/* line 22, ../sass/_mixins.scss */
#block-views-block-activiteiten-block-3 .views-row .views-field-field-externe-link a, #block-views-block-activiteiten-block-2 .views-row .views-field-field-externe-link a {
  display: block;
  padding: 7px 45px 7px 25px;
  color: #6BC6D3;
  background-color: #007E97;
  border: 1px solid #007E97;
  text-decoration: none;
  position: relative;
  border-radius: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
}
/* line 35, ../sass/_mixins.scss */
#block-views-block-activiteiten-block-3 .views-row .views-field-field-externe-link a:after, #block-views-block-activiteiten-block-2 .views-row .views-field-field-externe-link a:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  background: no-repeat url(../img/arrow-light.svg) 50% 50%;
  background-size: contain;
  right: 20px;
  top: 10px;
}
/* line 47, ../sass/_mixins.scss */
#block-views-block-activiteiten-block-3 .views-row .views-field-field-externe-link:hover a:after, #block-views-block-activiteiten-block-2 .views-row .views-field-field-externe-link:hover a:after {
  right: 10px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 40, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 {
  width: 100%;
  background: no-repeat url(../img/activiteiten-achtergrond.png) 0% 50%;
  background-size: cover;
  padding: 45px 5%;
  margin-top: 10px;
  border-radius: 0;
}
/* line 47, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 h2 {
  font-size: 2.6em;
  color: #fff;
  max-width: 250px;
  margin-bottom: 25px;
  line-height: 1.1em;
  border-radius: 0;
  padding: 45px 0;
  text-align: center;
  /*    position: relative;
      z-index: 1;
      &:before{
          position: absolute;
          -o-transform: rotate($rotation);
          -moz-transform: rotate($rotation);
          -webkit-transform: rotate($rotation);
          transform: rotate($rotation);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 90px;
          height: 30px;
          left: -40px;
          top: -7px;
          opacity: .6;
      }
      &:after{
          position: absolute;
          -o-transform: rotate($rotation2);
          -moz-transform: rotate($rotation2);
          -webkit-transform: rotate($rotation2);
          transform: rotate($rotation2);
          background: no-repeat url(../img/plakker.png) 50% 50%;
          background-size: contain;
          content: ' ';
          z-index: -1;
          display: block;
          width: 120px;
          height: 30px;
          right: -50px;
          bottom: -7px;
          opacity: .6;
      }*/
}
/* line 58, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 h2:before, #block-views-block-activiteiten-block-3 h2:after {
  height: 40px;
}
/* line 62, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 > div {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
/* line 70, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 .views-row {
  width: calc((100% - 330px) / 3);
  margin-bottom: 10px;
}
/* line 74, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 header {
  width: 300px;
  padding-right: 45px;
  box-sizing: border-box;
}
/* line 78, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 header h2 {
  margin: 0 auto 25px auto;
}
/* line 81, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 header a {
  display: inline-block;
}
/* line 84, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 header p {
  padding-bottom: 0;
}
/* line 88, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-3 .empty {
  background-color: #fff;
  padding: 11px 15px 0 15px;
  line-height: 1em;
  border-radius: 0;
  display: inline-block;
  padding-bottom: 0;
}
@media all and (max-width: 1024px) {
  /* line 97, ../sass/_activiteiten.scss */
  #block-views-block-activiteiten-block-3 header {
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    padding-right: 0;
  }
  /* line 103, ../sass/_activiteiten.scss */
  #block-views-block-activiteiten-block-3 .views-row {
    width: calc(33.33% - 20px);
  }
}
@media all and (max-width: 900px) {
  /* line 108, ../sass/_activiteiten.scss */
  #block-views-block-activiteiten-block-3 .views-row {
    width: calc(50% - 10px);
  }
}
@media all and (max-width: 600px) {
  /* line 113, ../sass/_activiteiten.scss */
  #block-views-block-activiteiten-block-3 .views-row {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  /* line 118, ../sass/_activiteiten.scss */
  #block-views-block-activiteiten-block-3 .views-row .views-field-field-datum .field-content {
    max-width: 100%;
  }
}

/* line 127, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-2 {
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  background-color: #fff;
  border-radius: 0;
  padding: 5%;
}
/* line 132, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-2 .views-row {
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  width: 25%;
  margin-bottom: 10px;
}
/* line 136, ../sass/_activiteiten.scss */
#block-views-block-activiteiten-block-2 .views-row .views-field-title {
  min-height: 120px;
}
@media all and (max-width: 900px) {
  /* line 141, ../sass/_activiteiten.scss */
  #block-views-block-activiteiten-block-2 .views-row {
    width: calc(50% - 10px);
  }
}
@media all and (max-width: 480px) {
  /* line 146, ../sass/_activiteiten.scss */
  #block-views-block-activiteiten-block-2 .views-row {
    width: 100%;
  }
}

/* line 2, ../sass/_klas.scss */
#block-views-block-klassen-block-1 {
  padding-top: 25px;
  padding-left: 5%;
  box-sizing: border-box;
}
/* line 6, ../sass/_klas.scss */
#block-views-block-klassen-block-1 h2:hover {
  cursor: pointer;
}
/* line 9, ../sass/_klas.scss */
#block-views-block-klassen-block-1.active {
  position: fixed;
  background-color: #415538;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 120;
  padding: 5% 0;
}
/* line 18, ../sass/_klas.scss */
#block-views-block-klassen-block-1.active:hover {
  cursor: pointer;
}
/* line 21, ../sass/_klas.scss */
#block-views-block-klassen-block-1.active .close-button {
  display: block;
}
/* line 24, ../sass/_klas.scss */
#block-views-block-klassen-block-1.active > div {
  display: block;
}
/* line 27, ../sass/_klas.scss */
#block-views-block-klassen-block-1.active h2 {
  margin-bottom: 25px;
  color: #fff;
}
/* line 30, ../sass/_klas.scss */
#block-views-block-klassen-block-1.active h2:before {
  background: no-repeat url(../img/search-white.png) 50% 50%;
  background-size: contain;
}
/* line 36, ../sass/_klas.scss */
#block-views-block-klassen-block-1 > div {
  display: none;
  padding-top: 45px;
}
/* line 39, ../sass/_klas.scss */
#block-views-block-klassen-block-1 > div > div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
/* line 45, ../sass/_klas.scss */
#block-views-block-klassen-block-1 h2 {
  font-size: 1.4em;
  font-weight: 400;
  color: #007E97;
}
/* line 49, ../sass/_klas.scss */
#block-views-block-klassen-block-1 h2:before {
  content: ' ';
  display: inline-block;
  background: no-repeat url(../img/search.png) 50% 50%;
  background-size: contain;
  width: 17px;
  height: 17px;
  margin-right: 10px;
}
/* line 59, ../sass/_klas.scss */
#block-views-block-klassen-block-1 > div, #block-views-block-klassen-block-1 h2 {
  margin: auto;
  width: 90%;
  max-width: 1200px;
}
/* line 62, ../sass/_klas.scss */
#block-views-block-klassen-block-1 h2 {
  width: 100%;
}
/* line 65, ../sass/_klas.scss */
#block-views-block-klassen-block-1 h3 {
  color: #6BC6D3;
  font-size: 1.6em;
  padding-left: 15px;
}
/* line 70, ../sass/_klas.scss */
#block-views-block-klassen-block-1 .views-row-wrapper, #block-views-block-klassen-block-1 footer {
  width: 33%;
}
/* line 73, ../sass/_klas.scss */
#block-views-block-klassen-block-1 .views-row {
  color: #fff;
  padding: 0;
}
/* line 76, ../sass/_klas.scss */
#block-views-block-klassen-block-1 .views-row .views-field-title {
  font-size: 1.4em;
  color: #fff;
  padding: 10px 15px;
  border-radius: 0;
}
/* line 82, ../sass/_klas.scss */
#block-views-block-klassen-block-1 .views-row a {
  color: inherit;
  text-decoration: none;
  display: block;
}
/* line 88, ../sass/_klas.scss */
#block-views-block-klassen-block-1 .views-row:hover .views-field-title {
  color: #415538;
  background-color: #fff;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 96, ../sass/_klas.scss */
#block-views-block-klassen-block-1 footer .views-row a {
  display: block;
}
/* line 100, ../sass/_klas.scss */
#block-views-block-klassen-block-1 .close-button {
  display: none;
  position: absolute;
  color: #fff;
  right: 0;
  top: -100px;
}
/* line 106, ../sass/_klas.scss */
#block-views-block-klassen-block-1 .close-button i {
  font-size: 2em;
}
@media all and (max-width: 769px) {
  /* line 2, ../sass/_klas.scss */
  #block-views-block-klassen-block-1 {
    padding-left: 0;
    padding-top: 10px;
  }
  /* line 113, ../sass/_klas.scss */
  #block-views-block-klassen-block-1 h2 {
    font-size: 1.4em;
    width: 100%;
    text-align: center;
  }
  /* line 118, ../sass/_klas.scss */
  #block-views-block-klassen-block-1.active h2 {
    width: 90%;
    margin: auto;
    text-align: left;
  }
  /* line 124, ../sass/_klas.scss */
  #block-views-block-klassen-block-1 .views-row .views-field-title {
    font-size: 1.2em;
  }
  /* line 128, ../sass/_klas.scss */
  #block-views-block-klassen-block-1 .close-button {
    top: -70px;
    right: 15px;
  }
}
@media all and (max-width: 600px) {
  /* line 134, ../sass/_klas.scss */
  #block-views-block-klassen-block-1 .views-row-wrapper, #block-views-block-klassen-block-1 footer {
    width: 100%;
    margin-bottom: 45px;
  }
}

/* line 144, ../sass/_klas.scss */
.page-node-type-klas #block-responsive-content .row-wrapper {
  padding-bottom: 45px;
  border: 0;
  padding: 0;
}
/* line 149, ../sass/_klas.scss */
.page-node-type-klas #block-responsive-content .right-content {
  position: relative;
  padding: 25px 25px 25px 100px;
  background-color: #FCD125;
}
/* line 154, ../sass/_klas.scss */
.page-node-type-klas #block-responsive-content .field--name-field-foto-leerkracht {
  position: absolute;
  width: 120px;
  height: 120px;
  border: 5px solid #fff;
  left: -60px;
  top: 30px;
  border-radius: 50%;
}
/* line 163, ../sass/_klas.scss */
.page-node-type-klas #block-responsive-content .field--name-field-display-title {
  margin-bottom: 0;
}
/* line 165, ../sass/_klas.scss */
.page-node-type-klas #block-responsive-content .field--name-field-display-title h1 {
  font-size: 1.2em;
  font-weight: 400;
  color: #363932;
}
/* line 171, ../sass/_klas.scss */
.page-node-type-klas #block-responsive-content .field--name-field-leerkracht {
  font-size: 3.8em;
  font-weight: 700;
  color: #415538;
  margin-bottom: 45px;
  line-height: 1em;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1px;
}
/* line 181, ../sass/_klas.scss */
.page-node-type-klas #block-responsive-content .field--name-body p:not(.knop) a {
  color: inherit;
}
@media all and (max-width: 600px) {
  /* line 189, ../sass/_klas.scss */
  .page-node-type-klas #block-responsive-content .right-content {
    padding-left: 0;
    background-color: transparent;
  }
  /* line 193, ../sass/_klas.scss */
  .page-node-type-klas #block-responsive-content .field--name-field-foto-leerkracht {
    left: 0;
    top: 10px;
    width: 90px;
    height: 90px;
  }
  /* line 199, ../sass/_klas.scss */
  .page-node-type-klas #block-responsive-content .field--name-field-display-title, .page-node-type-klas #block-responsive-content .field--name-field-leerkracht {
    padding-left: 110px;
  }
  /* line 202, ../sass/_klas.scss */
  .page-node-type-klas #block-responsive-content .field--name-field-leerkracht {
    font-size: 2em;
  }
}

/* line 210, ../sass/_klas.scss */
#block-views-block-klassen-block-2 {
  width: 100%;
}

/* line 2, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 {
  width: calc(50% - 10px);
  color: #fff;
  margin-right: 10px;
}
/* line 6, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 > div {
  height: 100%;
}
/* line 8, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 > div > div {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-between;
}
/* line 15, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 .views-row {
  border-radius: 0;
  width: calc(50% - 5px);
  background-color: #EEA900;
  overflow: hidden;
  height: 100%;
}
/* line 22, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 h2 {
  color: #fff;
}
/* line 25, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 .views-field-title {
  padding: 5%;
}
/* line 28, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 .views-field-body, #block-views-block-nieuws-block-1 .views-field-view-node {
  padding: 0 5%;
}
/* line 31, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 footer {
  padding: 0 5% 5% 5%;
}
/* line 35, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 .views-field-view-node span {
  display: inline-block;
}
/* line 39, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 .knop-inverted a {
  border-color: #6BC6D3;
  color: #6BC6D3;
  padding: 8px 35px;
}
/* line 44, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-1 .knop-inverted:hover a {
  background-color: #6BC6D3;
  border-color: #fff;
  color: #fff;
}
@media all and (max-width: 900px) {
  /* line 2, ../sass/_nieuws.scss */
  #block-views-block-nieuws-block-1 {
    width: 100%;
    margin-bottom: 10px;
    margin-right: -10px;
  }
}
@media all and (max-width: 600px) {
  /* line 2, ../sass/_nieuws.scss */
  #block-views-block-nieuws-block-1 {
    margin: 0;
  }
  /* line 56, ../sass/_nieuws.scss */
  #block-views-block-nieuws-block-1 .views-row {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}

/* line 64, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 {
  width: 100%;
}
/* line 66, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 .views-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  margin-bottom: 10px;
}
/* line 75, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-field-hoofdbeeld, #block-views-block-nieuws-block-2 .views-row .views-field-nothing {
  width: 50%;
}
/* line 79, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-field-hoofdbeeld img {
  display: block;
  width: 100%;
}
/* line 84, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-nothing {
  padding: 3% 5%;
  box-sizing: border-box;
}
/* line 87, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-nothing h2 {
  margin-bottom: 25px;
}
/* line 91, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-view-node {
  display: inline-block;
  margin-left: 0;
  padding: 0;
  line-height: 1em;
  text-align: center;
}
/* line 22, ../sass/_mixins.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-view-node a {
  display: block;
  padding: 7px 45px 7px 25px;
  color: #6BC6D3;
  background-color: #007E97;
  border: 1px solid #007E97;
  text-decoration: none;
  position: relative;
  border-radius: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1em;
}
/* line 35, ../sass/_mixins.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-view-node a:after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  background: no-repeat url(../img/arrow-light.svg) 50% 50%;
  background-size: contain;
  right: 20px;
  top: 10px;
}
/* line 47, ../sass/_mixins.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-view-node:hover a:after {
  right: 10px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 93, ../sass/_nieuws.scss */
#block-views-block-nieuws-block-2 .views-row .views-field-view-node a {
  line-height: 1.2em;
}
@media all and (max-width: 769px) {
  /* line 100, ../sass/_nieuws.scss */
  #block-views-block-nieuws-block-2 .views-row .views-field-field-hoofdbeeld, #block-views-block-nieuws-block-2 .views-row .views-field-nothing {
    width: 100%;
  }
}

/* line 110, ../sass/_nieuws.scss */
.page-node-type-nieuws #block-responsive-content {
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  padding: 45px;
}
/* line 116, ../sass/_nieuws.scss */
.page-node-type-nieuws #block-responsive-content .row-wrapper {
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 45px;
}
/* line 121, ../sass/_nieuws.scss */
.page-node-type-nieuws #block-responsive-content .row-wrapper .left-content {
  width: 70%;
  padding-right: 5%;
  box-sizing: border-box;
}
/* line 126, ../sass/_nieuws.scss */
.page-node-type-nieuws #block-responsive-content .row-wrapper .right-content {
  width: 30%;
}
/* line 130, ../sass/_nieuws.scss */
.page-node-type-nieuws #block-responsive-content .field--name-field-hoofdbeeld {
  margin-top: 25px;
}
/* line 132, ../sass/_nieuws.scss */
.page-node-type-nieuws #block-responsive-content .field--name-field-hoofdbeeld img {
  display: block;
  width: 100%;
}
/* line 137, ../sass/_nieuws.scss */
.page-node-type-nieuws #block-responsive-content .field--name-body {
  padding-top: 25px;
}
@media all and (max-width: 769px) {
  /* line 142, ../sass/_nieuws.scss */
  .page-node-type-nieuws #block-responsive-content {
    padding: 25px 5%;
  }
  /* line 145, ../sass/_nieuws.scss */
  .page-node-type-nieuws #block-responsive-content .row-wrapper .right-content, .page-node-type-nieuws #block-responsive-content .row-wrapper .left-content {
    width: 100%;
    padding-right: 0;
  }
  /* line 150, ../sass/_nieuws.scss */
  .page-node-type-nieuws #block-responsive-content .field--name-body, .page-node-type-nieuws #block-responsive-content .field--name-field-hoofdbeeld {
    padding-top: 15px;
  }
  /* line 153, ../sass/_nieuws.scss */
  .page-node-type-nieuws #block-responsive-content .field--name-field-display-title {
    margin-bottom: 0;
  }
}

/* line 2, ../sass/_abc.scss */
#block-views-block-abc-block-1, #block-views-block-abc-block-1-2 {
  margin-right: -1.67%;
}
/* line 4, ../sass/_abc.scss */
#block-views-block-abc-block-1 > div > div, #block-views-block-abc-block-1-2 > div > div {
  display: flex;
  flex-wrap: wrap;
}
/* line 8, ../sass/_abc.scss */
#block-views-block-abc-block-1 .views-row, #block-views-block-abc-block-1-2 .views-row {
  width: 15%;
  margin-right: 1.66%;
  position: relative;
  margin-bottom: 1.66%;
}
/* line 13, ../sass/_abc.scss */
#block-views-block-abc-block-1 .views-row.active:hover, #block-views-block-abc-block-1-2 .views-row.active:hover {
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
}
/* line 18, ../sass/_abc.scss */
#block-views-block-abc-block-1 .views-field-nothing p, #block-views-block-abc-block-1-2 .views-field-nothing p {
  padding-bottom: 0;
  line-height: 0em;
}
/* line 22, ../sass/_abc.scss */
#block-views-block-abc-block-1 .views-field-nothing a, #block-views-block-abc-block-1-2 .views-field-nothing a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
/* line 33, ../sass/_abc.scss */
#block-views-block-abc-block-1 .views-field-field-tegel img, #block-views-block-abc-block-1-2 .views-field-field-tegel img {
  width: 100%;
  display: block;
}
@media all and (max-width: 769px) {
  /* line 2, ../sass/_abc.scss */
  #block-views-block-abc-block-1, #block-views-block-abc-block-1-2 {
    margin-right: -2%;
  }
  /* line 40, ../sass/_abc.scss */
  #block-views-block-abc-block-1 .views-row, #block-views-block-abc-block-1-2 .views-row {
    width: 23%;
    margin: 0 2% 2% 0;
  }
}
@media all and (max-width: 480px) {
  /* line 46, ../sass/_abc.scss */
  #block-views-block-abc-block-1 .views-row, #block-views-block-abc-block-1-2 .views-row {
    width: 31%;
  }
}

/* line 51, ../sass/_abc.scss */
#block-views-block-abc-block-1-2 {
  margin-top: 20px;
}

/* line 57, ../sass/_abc.scss */
.page-node-type-abc #block-responsive-content {
  background-color: #fff;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  box-sizing: border-box;
  padding: 45px;
}

/* line 1, ../sass/_team.scss */
#block-views-block-team-block-1, #block-views-block-team-block-2 {
  width: 100%;
}
/* line 3, ../sass/_team.scss */
#block-views-block-team-block-1 > div > div, #block-views-block-team-block-2 > div > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 8, ../sass/_team.scss */
#block-views-block-team-block-1 .views-row-wrapper, #block-views-block-team-block-2 .views-row-wrapper {
  width: calc(50% - 5px);
  padding: 5%;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
  align-content: flex-start;
}
/* line 20, ../sass/_team.scss */
#block-views-block-team-block-1 .views-row-wrapper:nth-of-type(1) h3, #block-views-block-team-block-1 .views-row-wrapper:nth-of-type(1) h2, #block-views-block-team-block-2 .views-row-wrapper:nth-of-type(1) h3, #block-views-block-team-block-2 .views-row-wrapper:nth-of-type(1) h2 {
  color: #007E97;
}
/* line 25, ../sass/_team.scss */
#block-views-block-team-block-1 .views-row-wrapper:nth-of-type(2) h3, #block-views-block-team-block-1 .views-row-wrapper:nth-of-type(2) h2, #block-views-block-team-block-2 .views-row-wrapper:nth-of-type(2) h3, #block-views-block-team-block-2 .views-row-wrapper:nth-of-type(2) h2 {
  color: #FCD125;
}
/* line 30, ../sass/_team.scss */
#block-views-block-team-block-1 .views-row-wrapper:nth-of-type(3) h3, #block-views-block-team-block-1 .views-row-wrapper:nth-of-type(3) h2, #block-views-block-team-block-2 .views-row-wrapper:nth-of-type(3) h3, #block-views-block-team-block-2 .views-row-wrapper:nth-of-type(3) h2 {
  color: #363932;
}
/* line 35, ../sass/_team.scss */
#block-views-block-team-block-1 .views-row, #block-views-block-team-block-2 .views-row {
  align-self: flex-start;
}
/* line 38, ../sass/_team.scss */
#block-views-block-team-block-1 h2, #block-views-block-team-block-2 h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
  color: #6BC6D3;
}
/* line 45, ../sass/_team.scss */
#block-views-block-team-block-1 .Onderbouw h3, #block-views-block-team-block-1 .Onderbouw h2, #block-views-block-team-block-2 .Onderbouw h3, #block-views-block-team-block-2 .Onderbouw h2 {
  color: #007E97;
}
/* line 50, ../sass/_team.scss */
#block-views-block-team-block-1 .Middenbouw h3, #block-views-block-team-block-1 .Middenbouw h2, #block-views-block-team-block-2 .Middenbouw h3, #block-views-block-team-block-2 .Middenbouw h2 {
  color: #FCD125;
}
/* line 55, ../sass/_team.scss */
#block-views-block-team-block-1 .Bovenbouw h3, #block-views-block-team-block-1 .Bovenbouw h2, #block-views-block-team-block-2 .Bovenbouw h3, #block-views-block-team-block-2 .Bovenbouw h2 {
  color: #363932;
}
/* line 59, ../sass/_team.scss */
#block-views-block-team-block-1 .views-row, #block-views-block-team-block-2 .views-row {
  width: 40%;
  text-align: center;
  margin-bottom: 45px;
}
/* line 64, ../sass/_team.scss */
#block-views-block-team-block-1 .views-field-field-foto-leerkracht, #block-views-block-team-block-2 .views-field-field-foto-leerkracht {
  border-radius: 50%;
  max-width: 150px;
  margin: 0 auto 25px auto;
}
/* line 69, ../sass/_team.scss */
#block-views-block-team-block-1 .views-field-field-e-mailadres, #block-views-block-team-block-1 .views-field-field-telefoonnummer, #block-views-block-team-block-2 .views-field-field-e-mailadres, #block-views-block-team-block-2 .views-field-field-telefoonnummer {
  font-size: 1.1em;
  line-height: 1.6em;
}
/* line 72, ../sass/_team.scss */
#block-views-block-team-block-1 .views-field-field-e-mailadres a, #block-views-block-team-block-1 .views-field-field-telefoonnummer a, #block-views-block-team-block-2 .views-field-field-e-mailadres a, #block-views-block-team-block-2 .views-field-field-telefoonnummer a {
  color: inherit;
  text-decoration: none;
}
/* line 75, ../sass/_team.scss */
#block-views-block-team-block-1 .views-field-field-e-mailadres a:hover, #block-views-block-team-block-1 .views-field-field-telefoonnummer a:hover, #block-views-block-team-block-2 .views-field-field-e-mailadres a:hover, #block-views-block-team-block-2 .views-field-field-telefoonnummer a:hover {
  text-decoration: underline;
}
@media all and (max-width: 900px) {
  /* line 81, ../sass/_team.scss */
  #block-views-block-team-block-1 .views-row-wrapper, #block-views-block-team-block-2 .views-row-wrapper {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  /* line 86, ../sass/_team.scss */
  #block-views-block-team-block-1 .views-row, #block-views-block-team-block-2 .views-row {
    width: 100%;
  }
}

/* line 93, ../sass/_team.scss */
#block-views-block-team-block-2 {
  padding: 5%;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  box-sizing: border-box;
  margin-bottom: 10px;
}
/* line 99, ../sass/_team.scss */
#block-views-block-team-block-2 .views-row {
  width: 23%;
}
@media all and (max-width: 900px) {
  /* line 103, ../sass/_team.scss */
  #block-views-block-team-block-2 .views-row {
    width: 31%;
  }
}
@media all and (max-width: 600px) {
  /* line 108, ../sass/_team.scss */
  #block-views-block-team-block-2 .views-row {
    width: 48%;
  }
}
@media all and (max-width: 480px) {
  /* line 113, ../sass/_team.scss */
  #block-views-block-team-block-2 .views-row {
    width: 100%;
  }
}

/* line 121, ../sass/_team.scss */
.page-node-232 #block-views-block-team-block-2 h2 {
  color: #007E97;
}

/* line 127, ../sass/_team.scss */
.page-node-233 #block-views-block-team-block-2 h2 {
  color: #FCD125;
}

/* line 133, ../sass/_team.scss */
.page-node-234 #block-views-block-team-block-2 h2 {
  color: #363932;
}

/* line 4, ../sass/_pedagogen.scss */
.page-node-231 .region-prefooter {
  display: flex;
  flex-wrap: wrap;
  padding: 45px;
  position: relative;
  margin-bottom: 45px;
  background-color: #fff;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
}

/* line 16, ../sass/_pedagogen.scss */
#block-pedagogeninleidendetekst {
  width: 50%;
  padding-right: 5%;
  box-sizing: border-box;
}
@media all and (max-width: 900px) {
  /* line 16, ../sass/_pedagogen.scss */
  #block-pedagogeninleidendetekst {
    width: 100%;
    padding-right: 0;
  }
}

/* line 26, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 {
  width: 50%;
  padding-top: 75px;
  background: no-repeat url(../img/achtergrond-vert.svg) 100% 100%;
  background-size: cover;
}
/* line 31, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-row {
  width: 50%;
  float: left;
  margin-bottom: 45px;
}
/* line 35, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-row:nth-of-type(2n + 1) {
  clear: both;
  margin-top: -25px;
}
/* line 39, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-row:nth-of-type(2n) {
  margin-top: 45px;
}
/* line 43, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-row.active .views-field-nothing {
  display: block;
}
/* line 47, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-row > .views-field-title span {
  color: #fff;
  background-color: #007E97;
  padding: 5px 25px;
  border-radius: 50px;
  display: inline-block;
}
/* line 53, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-row > .views-field-title span:hover {
  cursor: pointer;
  background-color: #415538;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 60, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-nothing {
  display: none;
  position: absolute;
  left: 45px;
  top: 80px;
  width: 45%;
  height: calc(100% - 80px);
  background-color: #fff;
}
/* line 68, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-nothing .field-content {
  position: relative;
}
/* line 71, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-nothing .close-button {
  position: absolute;
  right: 0;
  top: 30px;
  color: #415538;
  font-size: 1.4em;
  font-family: "Roboto", sans-serif;
  display: block;
  z-index: 10;
}
/* line 80, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-nothing .close-button:hover {
  cursor: pointer;
}
/* line 84, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-nothing .views-field-title {
  text-align: left;
  padding-right: 150px;
  box-sizing: border-box;
  padding-bottom: 25px;
}
/* line 91, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-field-foto {
  border-radius: 50%;
  overflow: hidden;
  max-width: 170px;
  margin: auto;
}
/* line 96, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-field-foto img {
  display: block;
  width: 100%;
}
/* line 101, ../sass/_pedagogen.scss */
#block-views-block-pedagogen-block-1 .views-field-title {
  font-family: "Roboto", sans-serif;
  font-size: 1.4em;
  margin-top: 25px;
  text-align: center;
}
@media all and (max-width: 900px) {
  /* line 26, ../sass/_pedagogen.scss */
  #block-views-block-pedagogen-block-1 {
    width: 100%;
    background: none;
  }
  /* line 110, ../sass/_pedagogen.scss */
  #block-views-block-pedagogen-block-1 .views-row {
    width: 100%;
  }
  /* line 112, ../sass/_pedagogen.scss */
  #block-views-block-pedagogen-block-1 .views-row:nth-of-type(2n + 1), #block-views-block-pedagogen-block-1 .views-row:nth-of-type(2n) {
    margin-top: 0;
  }
  /* line 116, ../sass/_pedagogen.scss */
  #block-views-block-pedagogen-block-1 .views-field-nothing {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: 100%;
  }
  /* line 122, ../sass/_pedagogen.scss */
  #block-views-block-pedagogen-block-1 .views-field-nothing .close-button {
    display: none;
  }
}

/* line 3, ../sass/_leefgroepen.scss */
.page-node-type-leefgroep h1 {
  font-size: 2.6em;
}
/* line 6, ../sass/_leefgroepen.scss */
.page-node-type-leefgroep #block-responsive-content .row-wrapper {
  padding-bottom: 45px;
}
/* line 9, ../sass/_leefgroepen.scss */
.page-node-type-leefgroep .field--name-field-leeftijd, .page-node-type-leefgroep .field--name-field-korte-inhoud {
  text-align: center;
}
/* line 12, ../sass/_leefgroepen.scss */
.page-node-type-leefgroep .field--name-field-leeftijd {
  font-family: "Roboto", sans-serif;
  font-size: 1.6em;
  margin-top: -45px;
  margin-bottom: 5px;
}
/* line 18, ../sass/_leefgroepen.scss */
.page-node-type-leefgroep .field--name-field-korte-inhoud {
  padding: 0 5%;
}
/* line 21, ../sass/_leefgroepen.scss */
.page-node-type-leefgroep .field--name-field-hoofdbeeld {
  text-align: center;
}
/* line 23, ../sass/_leefgroepen.scss */
.page-node-type-leefgroep .field--name-field-hoofdbeeld img {
  max-width: 450px;
}

/* line 3, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-1 .views-row, #block-views-block-fotoalbum-block-3 .views-row, #block-views-block-fotoalbum-block-2 .views-row, #block-views-block-fotoalbum-block-4 .views-row {
  position: relative;
  border-radius: 0;
  overflow: hidden;
}
/* line 8, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-1 .views-row .views-field-field-omslagbeeld a, #block-views-block-fotoalbum-block-3 .views-row .views-field-field-omslagbeeld a, #block-views-block-fotoalbum-block-2 .views-row .views-field-field-omslagbeeld a, #block-views-block-fotoalbum-block-4 .views-row .views-field-field-omslagbeeld a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* line 16, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-1 .views-row .views-field-title, #block-views-block-fotoalbum-block-3 .views-row .views-field-title, #block-views-block-fotoalbum-block-2 .views-row .views-field-title, #block-views-block-fotoalbum-block-4 .views-row .views-field-title {
  position: absolute;
  bottom: calc(75px + 5%);
  left: 5%;
  max-width: 90%;
}
/* line 21, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-1 .views-row .views-field-title h2, #block-views-block-fotoalbum-block-3 .views-row .views-field-title h2, #block-views-block-fotoalbum-block-2 .views-row .views-field-title h2, #block-views-block-fotoalbum-block-4 .views-row .views-field-title h2 {
  color: #fff;
  font-size: 2.4em;
}
/* line 26, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-1 .views-row .views-field-nothing, #block-views-block-fotoalbum-block-3 .views-row .views-field-nothing, #block-views-block-fotoalbum-block-2 .views-row .views-field-nothing, #block-views-block-fotoalbum-block-4 .views-row .views-field-nothing {
  position: absolute;
  bottom: 40px;
  left: 5%;
}
/* line 30, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-1 .views-row .views-field-nothing p, #block-views-block-fotoalbum-block-3 .views-row .views-field-nothing p, #block-views-block-fotoalbum-block-2 .views-row .views-field-nothing p, #block-views-block-fotoalbum-block-4 .views-row .views-field-nothing p {
  padding-bottom: 0;
}

/* line 39, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-1 {
  width: 50%;
}
@media all and (max-width: 900px) {
  /* line 39, ../sass/_fotoalbum.scss */
  #block-views-block-fotoalbum-block-1 {
    width: 100%;
  }
}

/* line 47, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-3, #block-views-block-fotoalbum-block-2, #block-views-block-fotoalbum-block-4 {
  width: 100%;
}
/* line 49, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-3 > div > div, #block-views-block-fotoalbum-block-2 > div > div, #block-views-block-fotoalbum-block-4 > div > div {
  display: flex;
  flex-wrap: wrap;
}
/* line 53, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-3 .views-row, #block-views-block-fotoalbum-block-2 .views-row, #block-views-block-fotoalbum-block-4 .views-row {
  width: calc(50% - 5px);
}
/* line 55, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-3 .views-row:nth-of-type(1), #block-views-block-fotoalbum-block-2 .views-row:nth-of-type(1), #block-views-block-fotoalbum-block-4 .views-row:nth-of-type(1) {
  margin-right: 5px;
}
/* line 58, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-3 .views-row:nth-of-type(2), #block-views-block-fotoalbum-block-2 .views-row:nth-of-type(2), #block-views-block-fotoalbum-block-4 .views-row:nth-of-type(2) {
  margin-left: 5px;
}
@media all and (max-width: 769px) {
  /* line 63, ../sass/_fotoalbum.scss */
  #block-views-block-fotoalbum-block-3 .views-row, #block-views-block-fotoalbum-block-2 .views-row, #block-views-block-fotoalbum-block-4 .views-row {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 66, ../sass/_fotoalbum.scss */
  #block-views-block-fotoalbum-block-3 .views-row:nth-of-type(1), #block-views-block-fotoalbum-block-2 .views-row:nth-of-type(1), #block-views-block-fotoalbum-block-4 .views-row:nth-of-type(1) {
    margin-right: 0;
  }
  /* line 69, ../sass/_fotoalbum.scss */
  #block-views-block-fotoalbum-block-3 .views-row:nth-of-type(2), #block-views-block-fotoalbum-block-2 .views-row:nth-of-type(2), #block-views-block-fotoalbum-block-4 .views-row:nth-of-type(2) {
    margin-left: 0;
  }
}

/* line 78, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-2 nav, #block-views-block-fotoalbum-block-4 nav {
  clear: both;
  width: 100%;
}
/* line 82, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-2 .js-pager__items, #block-views-block-fotoalbum-block-4 .js-pager__items {
  display: flex;
  justify-content: center;
  padding-top: 45px;
}
/* line 86, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-2 .js-pager__items li, #block-views-block-fotoalbum-block-4 .js-pager__items li {
  list-style: none;
  margin: 0 5px;
}
/* line 89, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-2 .js-pager__items li a, #block-views-block-fotoalbum-block-4 .js-pager__items li a {
  padding: 7px 8px;
  background-color: #415538;
  text-decoration: none;
  border-radius: 50%;
  display: block;
  line-height: .8em;
  color: #fff;
  font-weight: 700;
  border: 1px solid #415538;
}
/* line 100, ../sass/_fotoalbum.scss */
#block-views-block-fotoalbum-block-2 .js-pager__items li:hover a, #block-views-block-fotoalbum-block-4 .js-pager__items li:hover a {
  background-color: transparent;
  color: #415538;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* line 4, ../sass/_paginaspecifiek.scss */
.page-node-153 #block-responsive-content .field--name-body,
.page-node-152 #block-responsive-content .field--name-body {
  text-align: left;
}

/* line 11, ../sass/_paginaspecifiek.scss */
.page-node-22 h1 {
  padding: 0;
  text-align: left;
}
/* line 15, ../sass/_paginaspecifiek.scss */
.page-node-22 #block-responsive-content {
  box-shadow: 0;
  padding-bottom: 0;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 45px;
}
/* line 22, ../sass/_paginaspecifiek.scss */
.page-node-22 #block-responsive-content .row-wrapper {
  border: none;
  margin-bottom: 0;
  background-color: transparent;
  padding: 0;
}
/* line 28, ../sass/_paginaspecifiek.scss */
.page-node-22 #block-responsive-content article > div > .field--name-field-inhoud {
  border: 0;
  padding: 0;
  color: #007E97;
}
/* line 32, ../sass/_paginaspecifiek.scss */
.page-node-22 #block-responsive-content article > div > .field--name-field-inhoud p {
  padding-bottom: 5px;
}
/* line 38, ../sass/_paginaspecifiek.scss */
.page-node-22 #block-webformulier {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  padding: 5% 0;
}
/* line 44, ../sass/_paginaspecifiek.scss */
.page-node-22 #block-webformulier form {
  max-width: 720px;
  margin: auto;
  width: 90%;
}
@media all and (max-width: 900px) {
  /* line 51, ../sass/_paginaspecifiek.scss */
  .page-node-22 .region-content {
    flex-direction: column-reverse;
  }
  /* line 54, ../sass/_paginaspecifiek.scss */
  .page-node-22 #block-responsive-content {
    width: 100%;
  }
  /* line 56, ../sass/_paginaspecifiek.scss */
  .page-node-22 #block-responsive-content .left-content {
    padding: 0;
    margin: 0;
  }
}
@media all and (max-width: 769px) {
  /* line 63, ../sass/_paginaspecifiek.scss */
  .page-node-22 .region-content {
    padding-top: 100px;
  }
}

/* line 71, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content {
  display: none;
}
/* line 73, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div {
  display: flex;
  flex-wrap: wrap;
}
/* line 76, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div .row-wrapper {
  width: 100%;
}
/* line 80, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud {
  width: 100%;
  padding: 0;
  box-shadow: none;
  overflow: visible;
  margin-bottom: 0;
  margin-top: 10px;
}
/* line 87, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
  width: 100%;
  padding-bottom: 0;
}
/* line 91, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud {
  display: flex;
  justify-content: space-between;
  margin-right: -15px;
  margin-bottom: 0;
}
/* line 96, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud > .field__item {
  flex-basis: 0;
  flex-grow: 1;
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  overflow: hidden;
  margin-right: 10px;
}
/* line 104, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud .para-left-content {
  background-color: #EEA900;
  margin-bottom: 25px;
  width: 100%;
  margin-right: 0;
}
/* line 110, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud .para-right-content {
  padding: 0 25px;
  width: 90%;
}
/* line 114, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud h3 {
  color: #415538;
  font-size: 1.6em;
  min-height: 75px;
}
/* line 119, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud .field--name-field-hoofdbeeld {
  text-align: center;
}
/* line 121, ../sass/_paginaspecifiek.scss */
.path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud .field--name-field-hoofdbeeld img {
  max-width: 250px;
  margin: 25px auto;
}
@media all and (max-width: 769px) {
  /* line 130, ../sass/_paginaspecifiek.scss */
  .path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud {
    flex-wrap: wrap;
  }
  /* line 132, ../sass/_paginaspecifiek.scss */
  .path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud > .field__item {
    width: calc(50% - 10px);
    flex-basis: auto;
    flex-grow: 0;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 600px) {
  /* line 143, ../sass/_paginaspecifiek.scss */
  .path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud {
    flex-wrap: wrap;
  }
  /* line 145, ../sass/_paginaspecifiek.scss */
  .path-frontpage #block-responsive-content article > div > .field--name-field-inhoud .field--name-field-inhoud > .field__item {
    width: 100%;
  }
}

/* line 158, ../sass/_paginaspecifiek.scss */
.page-node-226 h1 {
  color: #363932;
}
/* line 163, ../sass/_paginaspecifiek.scss */
.page-node-226 #block-responsive-content .paragraph--type--meerdere-foto-titel-tekst h3 {
  font-size: 1.6em;
}
/* line 166, ../sass/_paginaspecifiek.scss */
.page-node-226 #block-responsive-content .paragraph--type--meerdere-foto-titel-tekst .field--name-field-inhoud .field__item:nth-of-type(1) h3 {
  color: #007E97;
}
/* line 169, ../sass/_paginaspecifiek.scss */
.page-node-226 #block-responsive-content .paragraph--type--meerdere-foto-titel-tekst .field--name-field-inhoud .field__item:nth-of-type(2) h3 {
  color: #FCD125;
}

/* line 180, ../sass/_paginaspecifiek.scss */
.page-node-227 h1 {
  color: #363932;
  font-size: 3.8em;
}
/* line 185, ../sass/_paginaspecifiek.scss */
.page-node-227 #block-responsive-content article > div > .field--name-field-inhoud > .field__item:nth-of-type(3) {
  width: 100%;
}

/* line 193, ../sass/_paginaspecifiek.scss */
.page-node-228 #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
  padding-bottom: 75px;
}
/* line 196, ../sass/_paginaspecifiek.scss */
.page-node-228 #block-responsive-content article > div > .field--name-field-inhoud > .field__item:nth-of-type(1) h2 {
  color: #007E97;
}
/* line 201, ../sass/_paginaspecifiek.scss */
.page-node-228 #block-responsive-content article > div > .field--name-field-inhoud > .field__item:nth-of-type(2) .field--name-field-fotos {
  background: no-repeat url(../img/achtergrond.svg) 50% 50%;
  background-size: contain;
}
@media all and (max-width: 900px) {
  /* line 208, ../sass/_paginaspecifiek.scss */
  .page-node-228 #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
    padding-bottom: 0;
  }
  /* line 211, ../sass/_paginaspecifiek.scss */
  .page-node-228 #block-responsive-content article > div > .field--name-field-inhoud > .field__item:nth-of-type(2) .field--name-field-fotos {
    display: none;
  }
  /* line 217, ../sass/_paginaspecifiek.scss */
  .page-node-228 .multiple-img .field--name-field-fotos > .field__item {
    display: none;
  }
  /* line 219, ../sass/_paginaspecifiek.scss */
  .page-node-228 .multiple-img .field--name-field-fotos > .field__item:nth-of-type(1) {
    display: block;
  }
}

/* line 230, ../sass/_paginaspecifiek.scss */
.page-node-231 #block-responsive-content article > div > .field--name-field-inhoud {
  box-shadow: none;
  padding: 0;
  overflow: visible;
}
/* line 234, ../sass/_paginaspecifiek.scss */
.page-node-231 #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
  box-shadow: 0 0 0 rgba(69, 69, 69, 0.25);
  border-radius: 0;
  padding: 45px;
  box-sizing: border-box;
  width: calc(50% - 5px);
}
/* line 240, ../sass/_paginaspecifiek.scss */
.page-node-231 #block-responsive-content article > div > .field--name-field-inhoud > .field__item:nth-of-type(1) {
  background-color: #EEA900;
}
@media all and (max-width: 900px) {
  /* line 247, ../sass/_paginaspecifiek.scss */
  .page-node-231 #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
    width: 100%;
  }
  /* line 249, ../sass/_paginaspecifiek.scss */
  .page-node-231 #block-responsive-content article > div > .field--name-field-inhoud > .field__item:nth-of-type(1) {
    margin-bottom: 10px;
  }
}

/* line 259, ../sass/_paginaspecifiek.scss */
.page-node-250 #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
  width: 100%;
}
/* line 262, ../sass/_paginaspecifiek.scss */
.page-node-250 #block-responsive-content article > div > .field--name-field-inhoud > .field__item .field--name-field-hoofdbeeld img {
  max-width: 200px;
}
/* line 267, ../sass/_paginaspecifiek.scss */
.page-node-250 #block-responsive-content article > div > .field--name-field-inhoud > .field__item .field--name-field-inhoud > .field__item {
  margin-bottom: 25px;
}

/* line 276, ../sass/_paginaspecifiek.scss */
.page-node-314 #block-responsive-content article > div > .field--name-field-inhoud > .field__item {
  width: 100%;
}

/* line 286, ../sass/_paginaspecifiek.scss */
.page-node-234 h1 {
  color: #363932;
}

/* line 292, ../sass/_paginaspecifiek.scss */
.page-node-233 h1 {
  color: #FCD125;
}
/* line 295, ../sass/_paginaspecifiek.scss */
.page-node-233 .field--name-field-leeftijd {
  color: #FCD125;
}

/* line 301, ../sass/_paginaspecifiek.scss */
.page-node-232 h1 {
  color: #007E97;
}
/* line 304, ../sass/_paginaspecifiek.scss */
.page-node-232 .field--name-field-leeftijd {
  color: #007E97;
}

/*
 -------------------------------------
 * COOKIES
 -------------------------------------
 */
/* line 7, ../sass/_cookie.scss */
#sliding-popup {
  background: #EEA900 !important;
  color: white !important;
  font-family: inherit !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 32px 32px 20px 32px !important;
  max-height: 100vh;
  overflow: scroll;
}
@media (min-width: 768px) {
  /* line 7, ../sass/_cookie.scss */
  #sliding-popup {
    padding: 32px 40px 20px 32px !important;
  }
}
@media (min-width: 768px) {
  /* line 7, ../sass/_cookie.scss */
  #sliding-popup {
    width: 630px !important;
    left: 24px;
    margin-bottom: 24px;
  }
}
/* line 31, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-content {
  width: 100% !important;
  max-width: 100% !important;
}
/* line 35, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-content #popup-text {
  margin: 0;
  float: none;
}
/* line 39, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-content #popup-text p {
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
}
/* line 45, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-content #popup-text button {
  font-weight: bold;
}
/* line 52, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  position: relative;
  margin-bottom: 12px;
}
/* line 60, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox:first-of-type {
  margin-top: 8px;
}
/* line 64, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox:last-of-type {
  margin-bottom: 24px;
}
@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
/* line 75, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left {
  width: 32px;
}
/* line 78, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left input {
  display: block;
  width: 19px !important;
  height: 21px !important;
  z-index: 10;
  position: absolute;
  opacity: 0;
}
/* line 87, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left input:hover {
  cursor: pointer;
}
/* line 91, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left input:checked + .cbx span:first-child {
  background: white;
  border-color: white;
  animation: wave 0.4s ease;
}
/* line 97, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left input:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
/* line 101, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left input:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
/* line 107, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left input:disabled + .cbx span:first-child {
  background-color: black;
  border: 1px solid black;
  opacity: .24;
}
/* line 114, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left .cbx {
  margin: 0 12px 0 0;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
/* line 120, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left .cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
  margin-top: -4px;
}
/* line 126, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid white;
  transition: all 0.2s ease;
}
/* line 136, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: white;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}
/* line 147, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #EEA900;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
/* line 168, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_left .cbx:hover span:first-child {
  border-color: white;
}
/* line 176, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_right {
  width: calc(100% - 32px);
}
/* line 179, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_right label {
  color: white;
  font-size: 18px;
}
/* line 184, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-categories .cookie_checkbox .cookie_checkbox_right .eu-cookie-compliance-category-description {
  color: white;
  font-size: 14px;
  max-width: 550px;
}
/* line 213, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-buttons {
  margin: 0;
  float: none;
  max-width: 100%;
}
/* line 218, ../sass/_cookie.scss */
#sliding-popup .eu-cookie-compliance-buttons button {
  padding: 12px 30px;
  margin: 0 0 12px 0;
  font-size: .75rem;
  font-weight: normal;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  outline: 0;
  -webkit-appearance: none;
  text-shadow: none;
  box-shadow: none;
  background: white;
  font-family: inherit;
}