@charset "UTF-8";
/* MAIN */
/* FONTS */
@font-face {
  font-family: 'Croogla 4F';
  src: url("../fonts/Croogla4F-Bold.eot");
  src: url("../fonts/Croogla4F-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Croogla4F-Bold.woff2") format("woff2"), url("../fonts/Croogla4F-Bold.woff") format("woff"), url("../fonts/Croogla4F-Bold.ttf") format("truetype"), url("../fonts/Croogla4F-Bold.svg#Croogla4F-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/* VARS */
/* Compass */
/* Imports */
/* line 1, ../sass/_base.scss */
html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}

/* line 7, ../sass/_base.scss */
body {
  margin-bottom: 0px;
  min-width: 320px;
  font-family: "roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  overflow-x: hidden;
  background-color: white;
  font-size: 20px;
  line-height: 32px;
  color: #272c2d;
}

/* line 20, ../sass/_base.scss */
img {
  width: 100%;
  margin-bottom: 30px;
}

/* line 25, ../sass/_base.scss */
#mod_rsfirewall_protected {
  position: fixed;
  right: 0;
  bottom: -32px;
  margin: 0;
  padding: 0;
}

/* line 33, ../sass/_base.scss */
.intro {
  font-size: 20px;
  line-height: 30px;
  color: #272c2d;
}

/* line 39, ../sass/_base.scss */
.small {
  font-size: 13px;
  line-height: 19px;
  margin-top: -10px;
}
/* line 44, ../sass/_base.scss */
.small a {
  color: #438daa;
  text-decoration: underline;
}

/* line 50, ../sass/_base.scss */
.mini {
  font-size: 11px !important;
  line-height: 12px;
  margin-top: -17px;
}

/* line 56, ../sass/_base.scss */
.gap {
  line-height: 21px;
}

/* line 60, ../sass/_base.scss */
.dsalert {
  background-color: #ECB709;
  padding: 15px;
  font-family: "roboto", sans-serif;
  font-weight: 600;
  color: black;
  font-size: 20px;
}
/* line 69, ../sass/_base.scss */
.dsalert a {
  color: black;
  font-weight: 600;
  text-decoration: underline;
}

/*Buttons*/
/* line 79, ../sass/_base.scss */
.btn {
  border-radius: 4px;
  font-size: 16px;
}

/* line 84, ../sass/_base.scss */
.btn-outline-primary {
  color: #438daa;
  border-color: #438daa;
}

/* line 89, ../sass/_base.scss */
.btn-primary {
  font-family: "roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: white;
  background-color: #295068;
  border-color: #295068;
  text-transform: uppercase;
}

/* line 99, ../sass/_base.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: white !important;
  background-color: #438daa;
  border-color: #438daa;
}
/* line 103, ../sass/_base.scss */
.btn-primary:hover a, .btn-primary:focus a, .btn-primary:active a, .btn-primary.active a, .open > .dropdown-toggle.btn-primary a {
  color: white !important;
}

/* line 109, ../sass/_base.scss */
.btn-secondary {
  font-family: "roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: white;
  background-color: #438daa;
  border-color: #438daa;
  text-transform: uppercase;
}

/* line 118, ../sass/_base.scss */
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
  color: white !important;
  background-color: #295068;
  border-color: #295068;
}
/* line 122, ../sass/_base.scss */
.btn-secondary:hover a, .btn-secondary:focus a, .btn-secondary:active a, .btn-secondary.active a, .open > .dropdown-toggle.btn-secondary a {
  color: white !important;
}

/* line 127, ../sass/_base.scss */
.btn-default {
  font-family: "roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  color: #438daa;
  background-color: #272c2d;
  border-color: #272c2d;
  font-size: 14px;
}

/* line 136, ../sass/_base.scss */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #438daa !important;
  background-color: #438daa;
  border-color: #438daa;
}

/* line 142, ../sass/_base.scss */
.btn-success {
  font-family: "roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  background-color: #438daa;
  border-color: #438daa;
}

/* line 150, ../sass/_base.scss */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  color: white !important;
  background-color: black;
  border-color: black;
}
/* line 154, ../sass/_base.scss */
.btn-success:hover a, .btn-success:focus a, .btn-success:active a, .btn-success.active a, .open > .dropdown-toggle.btn-success a {
  color: white !important;
}

/* line 159, ../sass/_base.scss */
.btn-info {
  font-family: "roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #295068;
  background-color: #ECB709;
  border-color: #ECB709;
  width: 100%;
  text-transform: uppercase;
}

/* line 170, ../sass/_base.scss */
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  color: #295068;
  background-color: white;
  border-color: white;
}
/* line 174, ../sass/_base.scss */
.btn-info:hover a, .btn-info:focus a, .btn-info:active a, .btn-info.active a, .open > .dropdown-toggle.btn-info a {
  color: #295068;
}

/* line 180, ../sass/_base.scss */
.btn-info2 {
  font-family: "roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #272c2d;
  background-color: #ECB709;
  border-color: #ECB709;
  width: 100%;
  text-transform: uppercase;
}

/* line 191, ../sass/_base.scss */
.btn-info2:hover, .btn-info2:focus, .btn-info2:active, .btn-info2.active, .open > .dropdown-toggle.btn-info {
  color: #272c2d;
  background-color: white;
  border-color: white;
}
/* line 195, ../sass/_base.scss */
.btn-info2:hover a, .btn-info2:focus a, .btn-info2:active a, .btn-info2.active a, .open > .dropdown-toggle.btn-info a {
  color: #272c2d;
}

/* line 201, ../sass/_base.scss */
a {
  color: #272c2d;
  text-decoration: none;
}
/* line 205, ../sass/_base.scss */
a:hover {
  color: #272c2d;
}

/* line 211, ../sass/_base.scss */
h1 {
  font-family: 'Croogla 4F';
  font-weight: bold;
  font-style: normal;
  font-size: 34px;
  line-height: 42px;
  margin-top: 0px;
  color: #295068;
}

/* line 221, ../sass/_base.scss */
h2 {
  font-family: 'Croogla 4F';
  font-weight: bold;
  font-style: normal;
  font-size: 30px;
  line-height: 40px;
  margin-top: 0px;
  color: #438daa;
}

/* line 230, ../sass/_base.scss */
h3 {
  font-family: 'Croogla 4F';
  font-weight: bold;
  font-style: normal;
  font-size: 26px;
  line-height: 36px;
  margin-top: 0px;
  color: #438daa;
}

/* line 239, ../sass/_base.scss */
h4 {
  font-family: 'Croogla 4F';
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  line-height: 32px;
  color: #438daa;
}
/* line 247, ../sass/_base.scss */
h4 a {
  color: #272c2d;
}

/* line 255, ../sass/_base.scss */
blockquote {
  padding-bottom: 30px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #438daa;
}

/* line 265, ../sass/_base.scss */
.fixed-top2 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1031;
}

/* line 273, ../sass/_base.scss */
.logo {
  position: fixed;
  z-index: 9999;
  text-align: center;
  transition: none;
  margin-top: -32px;
}
/* line 281, ../sass/_base.scss */
.logo img {
  width: 200px !important;
  margin-top: 8px;
  margin-left: 15px;
}

/************nav1************/
/* line 289, ../sass/_base.scss */
div#mod-custom136 {
  width: 100%;
  background-color: #295068;
  margin-top: 20px;
}

/* line 297, ../sass/_base.scss */
.topmenu {
  color: #ffffff;
  margin-left: 15px;
  font-size: 14px;
}
/* line 302, ../sass/_base.scss */
.topmenu a {
  color: #ffffff;
}

/************nav2************/
/* line 309, ../sass/_base.scss */
.navbar-toggler {
  margin-right: 10px;
}

/* line 313, ../sass/_base.scss */
.navbar {
  background: white;
  border-color: transparent !important;
  box-shadow: 0 4px 8px -4px #666;
}
/* line 320, ../sass/_base.scss */
.navbar .dropdown-toggle::after {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 600 !important;
  content: "" !important;
  display: inline-block;
  margin-left: .255em;
  vertical-align: -1px !important;
  border-top: 0em solid !important;
  border-right: 0em solid transparent !important;
  border-bottom: 0 !important;
  border-left: 0em solid transparent !important;
}

/* line 334, ../sass/_base.scss */
a.nav-link {
  font-family: 'Croogla 4F';
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  color: #295068 !important;
  text-transform: uppercase;
}

/* line 343, ../sass/_base.scss */
a.active.nav-link {
  font-family: 'Croogla 4F';
  font-weight: bold;
  font-style: normal;
  color: #295068 !important;
}

/* line 350, ../sass/_base.scss */
a.nav-link:hover {
  font-family: 'Croogla 4F';
  font-weight: bold;
  font-style: normal;
  color: #295068 !important;
}

/* line 357, ../sass/_base.scss */
li.nav-item {
  padding: 10px 10px 10px 10px;
}

/* line 361, ../sass/_base.scss */
li.nav-item.current.active {
  /*background-color: $color-blue;*/
}

/* line 365, ../sass/_base.scss */
li.nav-item:hover {
  /*background-color: $color-blue;*/
}

/* line 373, ../sass/_base.scss */
.dropdown-item:focus, .dropdown-item:hover {
  color: #272c2d;
  text-decoration: none;
  background-color: transparent !important;
}

/* line 379, ../sass/_base.scss */
.dropdown-item.active, .dropdown-item:active {
  color: #272c2d;
  text-decoration: none;
  background-color: transparent !important;
}

/* line 385, ../sass/_base.scss */
.dropdown-menu {
  border-radius: 0px;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
  margin-top: 0px;
  background-color: #f1f4f5;
}
/* line 394, ../sass/_base.scss */
.dropdown-menu li.nav-item {
  /*border-bottom: 1px solid $color-darkblue;*/
  /*::before {
  	font-family: "Font Awesome 6 Pro";
  	font-weight: 600;
  	content: "\f0da";
  	font-size: 12px;
  	margin-left: -1.3em;
  	margin-right: 1.3em;
  	width: 1.3em;
  	}*/
}
/* line 398, ../sass/_base.scss */
.dropdown-menu li.nav-item:hover {
  background-color: #dfe7ea;
}

/* line 416, ../sass/_base.scss */
.jumbotron {
  padding: 0px !important;
  background-color: transparent !important;
  margin-bottom: 0px !important;
}

/* line 423, ../sass/_base.scss */
#headerslider {
  margin-top: 55px;
  margin-bottom: 45px;
}

/**************aankondiging*******************/
/* line 433, ../sass/_base.scss */
.aankondiging {
  background-color: #438daa;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  text-align: center;
}
/* line 441, ../sass/_base.scss */
.aankondiging h2 {
  color: black;
  font-weight: 600;
  text-transform: none !important;
  font-size: 18px;
}
/* line 448, ../sass/_base.scss */
.aankondiging p {
  font-size: 22px;
}

/************** content *********************/
/* line 455, ../sass/_base.scss */
#content {
  margin-top: 5px;
  padding-bottom: 40px;
  text-align: left;
  min-height: 350px;
}
/* line 461, ../sass/_base.scss */
#content img {
  margin-bottom: 30px;
  width: 100%;
}
/* line 467, ../sass/_base.scss */
#content span.field-label {
  display: none;
}
/* line 471, ../sass/_base.scss */
#content ul.fields-container {
  list-style: none;
  padding: 0px;
}
/* line 476, ../sass/_base.scss */
#content .showtime-default .showtime-image img {
  border: 0px solid !important;
  width: 100% !important;
}
/* line 484, ../sass/_base.scss */
#content .fa-ul {
  font-size: 16px;
  line-height: 30px;
}
/* line 492, ../sass/_base.scss */
#content .left.item-image img {
  width: 100% !important;
  height: auto !important;
}

/* line 501, ../sass/_base.scss */
.page-header {
  margin-bottom: 45px;
}

/************streamers**************/
/* line 509, ../sass/_base.scss */
#sectiestreamer {
  margin-top: 90px;
  margin-bottom: 110px;
}
/* line 513, ../sass/_base.scss */
#sectiestreamer p {
  font-family: "roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 26px;
  line-height: 40px;
  margin-top: 0px;
  color: #295068;
  text-align: center;
}

/* line 526, ../sass/_base.scss */
.streamerbox {
  margin-top: 60px;
  margin-bottom: 45px;
}

/*******************Diensten********************/
/* line 534, ../sass/_base.scss */
section#diensten {
  margin-top: 90px;
}
/* line 537, ../sass/_base.scss */
section#diensten .mod-custom {
  text-align: center;
  background-color: #295068;
  padding: 30px;
  margin-bottom: 45px;
}
/* line 543, ../sass/_base.scss */
section#diensten .mod-custom h2 {
  color: white;
  text-transform: uppercase;
}
/* line 549, ../sass/_base.scss */
section#diensten .mod-custom p {
  color: white;
  font-size: 20px;
}
/* line 554, ../sass/_base.scss */
section#diensten .mod-custom img {
  width: 48%;
  margin-bottom: 0px;
  margin-top: -60px;
}

/*******************Normen********************/
/* line 567, ../sass/_base.scss */
#normtitel {
  background-color: #438daa;
  padding-top: 60px;
}
/* line 570, ../sass/_base.scss */
#normtitel h2 {
  color: white;
  margin-bottom: 60px;
}

/* line 576, ../sass/_base.scss */
section#normen {
  padding-top: 20px;
  background-color: #438daa;
}
/* line 580, ../sass/_base.scss */
section#normen .mod-custom {
  text-align: center;
  background-color: #272c2d;
  padding: 30px;
  margin-bottom: 90px;
}
/* line 586, ../sass/_base.scss */
section#normen .mod-custom h2 {
  color: white;
  text-transform: uppercase;
}
/* line 592, ../sass/_base.scss */
section#normen .mod-custom p {
  color: white;
  font-size: 20px;
  min-height: 130px;
}
/* line 598, ../sass/_base.scss */
section#normen .mod-custom img {
  width: 30%;
  margin-bottom: 15px;
  margin-top: -60px;
}
/* line 608, ../sass/_base.scss */
section#normen #mod-custom138 img {
  width: 62% !important;
  margin-bottom: 5px;
  margin-top: -100px;
}

/****************reviews*****************/
/* line 621, ../sass/_base.scss */
section#review {
  background-color: #b4d1dd;
}

/* line 625, ../sass/_base.scss */
.grp-theme-default .grp-reviews-container {
  background-color: #b4d1dd !important;
}

/****************extra content*****************/
/* line 631, ../sass/_base.scss */
section#extra {
  padding-top: 110px;
  padding-bottom: 110px;
  color: #272c2d;
}

/********************footer********************/
/* line 643, ../sass/_base.scss */
section#bottom {
  background-color: #272c2d;
  padding-top: 30px;
  padding-bottom: 30px;
  color: white;
  font-size: 16px;
}
/* line 650, ../sass/_base.scss */
section#bottom p {
  margin-bottom: 0px;
}
/* line 654, ../sass/_base.scss */
section#bottom a {
  color: white;
}

/* line 663, ../sass/_base.scss */
#mod-custom128 img {
  width: 60%;
}

/* line 670, ../sass/_base.scss */
#mod-custom139 img {
  margin-top: 10px;
}

/* line 676, ../sass/_base.scss */
.footer {
  background-color: #438daa;
  height: auto;
  color: white;
}
/* line 682, ../sass/_base.scss */
.footer a {
  color: white;
}

/* line 688, ../sass/_base.scss */
.copyright {
  text-align: left;
  font-size: 12px;
  color: white;
  padding-left: 15px;
}
/* line 694, ../sass/_base.scss */
.copyright a {
  color: white;
}
/* line 698, ../sass/_base.scss */
.copyright p {
  margin-bottom: 0px;
}

/* MEDIA QUERIES */
@media (min-width: 992px) {
  /* line 15, ../sass/_mediaqueries.scss */
  .tmar {
    text-align: right;
  }

  /* line 20, ../sass/_mediaqueries.scss */
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    align-items: end;
  }

  /* line 26, ../sass/_mediaqueries.scss */
  .topmenu {
    color: white;
    margin-top: -13px;
    margin-left: 6px;
  }

  /* line 32, ../sass/_mediaqueries.scss */
  div#mod-custom136 {
    width: 100%;
    background-color: transparent;
    margin-top: 0px;
  }

  /* line 38, ../sass/_mediaqueries.scss */
  #headerslider {
    margin-top: 100px;
  }

  /* line 43, ../sass/_mediaqueries.scss */
  .navbar {
    height: 110px;
    background: #295068;
    background: -webkit-linear-gradient(#295068 0%, #295068 30%, white 30%, white 100%);
    background: -o-linear-gradient(#295068 0%, #295068 30%, white 30%, white 100%);
    background: linear-gradient(#295068 0%, #295068 30%, white 30%, white 100%);
    box-shadow: 0 4px 8px -4px #666;
  }

  /* line 53, ../sass/_mediaqueries.scss */
  .navbar-collapse {
    margin-top: 0px;
    padding-top: 0px;
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* line 62, ../sass/_mediaqueries.scss */
  .navbar-nav {
    margin-left: 300px;
  }

  /* line 67, ../sass/_mediaqueries.scss */
  li.nav-item {
    padding: 10px 10px 0px 10px;
  }

  /* line 71, ../sass/_mediaqueries.scss */
  ul.menu.navbar-nav {
    margin-top: -10px;
  }

  /* line 78, ../sass/_mediaqueries.scss */
  ul.nav-child.unstyled.dropdown-menu li.nav-item {
    padding: 5px 10px 0px 10px;
  }

  /* line 83, ../sass/_mediaqueries.scss */
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  /* line 89, ../sass/_mediaqueries.scss */
  ul.menu.justify-content-end.w-100.tm.navbar-nav {
    color: #272c2d;
  }
  /* line 94, ../sass/_mediaqueries.scss */
  ul.menu.justify-content-end.w-100.tm.navbar-nav li.nav-item a {
    color: #438daa;
    font-size: 16px;
  }

  /* line 102, ../sass/_mediaqueries.scss */
  .logo {
    position: fixed;
    z-index: 9999;
    text-align: center;
    transition: none;
    margin-top: -15px;
    margin-left: 30px;
  }
  /* line 112, ../sass/_mediaqueries.scss */
  .logo:hover {
    text-align: center;
    transition: none;
  }
  /* line 116, ../sass/_mediaqueries.scss */
  .logo p {
    margin-bottom: 0px;
  }

  /* line 124, ../sass/_mediaqueries.scss */
  section#normen {
    padding-top: 20px;
    background-color: #438daa;
  }
  /* line 128, ../sass/_mediaqueries.scss */
  section#normen .mod-custom {
    text-align: center;
    background-color: #272c2d;
    padding: 30px;
    margin-bottom: 90px;
  }
  /* line 134, ../sass/_mediaqueries.scss */
  section#normen .mod-custom h2 {
    color: white;
    text-transform: uppercase;
  }
  /* line 140, ../sass/_mediaqueries.scss */
  section#normen .mod-custom p {
    color: white;
    font-size: 20px;
    min-height: 130px;
  }
  /* line 146, ../sass/_mediaqueries.scss */
  section#normen .mod-custom img {
    width: 39%;
    margin-bottom: 15px;
    margin-top: -60px;
  }

  /* line 159, ../sass/_mediaqueries.scss */
  #mod-custom128 img {
    width: 75%;
  }
}
@media (min-width: 1200px) {
  /* line 176, ../sass/_mediaqueries.scss */
  #content {
    margin-top: 60px;
    padding-bottom: 40px;
    text-align: left;
  }
}