/* CSS Document */
ul.atoom li {
  list-style: none;
  padding-left: 30px; }
  ul.atoom li:before {
    margin-left: -35px;
    margin-right: 15px;
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-position: left 2px;
    background-image: url(../images/atoom8.png);
    background-repeat: no-repeat;
    background-size: 100%; }

#collapseMaterial {
  max-height: 450px;
  overflow: scroll; }

.rood {
  color: #E73642; }

.blauw {
  color: #009FE3; }

.geel {
  background-color: #fff05c; }

.error {
  color: #E73642; }

em {
  font-weight: 200 !important;
  font-style: italic; }

.taligheid-container {
  width: 190px;
  height: 60px;
  background-image: url(../assets/images/taligheid-niveau-2.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.taligheid {
  width: 37px;
  height: 30px;
  float: left; }

.taligheid-container div:nth-child(1) {
  margin-left: 40px; }

.taligheid .checkmark {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  position: static;
  display: inline-block; }

.taligheid label {
  padding: 0; }

.taligheid.checked .checkmark, .taligheid.actief .checkmark {
  background-color: #2196F3; }

.articles-container .lang-div {
  float: left; }

.lang-container {
  width: 100px;
  height: 30px;
  background-image: url(../assets/images/taligheid-niveau-2.png);
  background-repeat: no-repeat;
  background-size: 100%; }

.lang {
  width: 37px;
  height: 30px;
  float: left; }

.lang-container div:nth-child(1) {
  margin-left: 40px; }

.lang .checkmark {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  position: static;
  display: inline-block; }

.lang label {
  padding: 0; }

.lang.checked .checkmark, .lang.actief .checkmark {
  background-color: #2196F3; }

hr.red {
  border: 1px solid #E73642; }

hr.yellow {
  border: 1px dashed #fff05c; }

hr.red-short {
  border: 1px solid #E73642;
  max-width: 65px;
  margin-left: 0; }

#logged_in_status h1, #logged_in_status h2, #logged_in_status h3, #logged_in_status h4, #logged_in_status h5 {
  color: #000000; }
#logged_in_status a {
  color: #000000;
  text-decoration: underline; }
  #logged_in_status a:hover {
    color: #009FE3; }

.kalenderfilter {
  padding: 5px 15px;
  color: #000000;
  background-color: transparent;
  border: 1px solid #000000;
  transition: .5s;
  display: inline-block;
  margin-bottom: 5px;
  text-decoration: none;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 25px; }
  .kalenderfilter:hover {
    color: #fff05c;
    background-color: #000000;
    text-decoration: none; }
  .kalenderfilter:nth-child(1) {
    margin-left: 0; }

.column-1 {
  column-count: 1; }

.column-2 {
  column-count: 2; }

.header-hero {
  height: 250px; }

.background .fav-add-remove {
  color: #FFFFFF; }
  .background .fav-add-remove:after {
    content: 'opslaan';
    padding-left: 5px; }
.background .fav-add-remove.actief {
  color: #E73642; }
  .background .fav-add-remove.actief:after {
    content: 'opgeslagen' !important;
    padding-left: 5px; }

.dates .monthAndYear {
  margin-bottom: 20px; }
.dates .theDates {
  margin-bottom: 35px; }
  .dates .theDates .date-row {
    border-bottom: 1px solid #E73642;
    padding: .8rem 0rem; }

li .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .5rem;
  margin-right: .5rem;
  margin-bottom: .5rem; }

.square {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center; }
  .square:after {
    content: "";
    display: block;
    padding-bottom: 100%; }

.cookie-holder {
  z-index: 1000;
  position: fixed;
  max-width: 420px;
  right: auto;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px); }
  .cookie-holder #cookies {
    border: 2px solid #E73642;
    animation-delay: 1.2s;
    visibility: visible;
    animation-name: fadeIn;
    background-color: #FFFFFF;
    text-align: left;
    padding: 24px;
    padding-top: 14px;
    border-radius: 0rem; }

.border-mask {
  /* Note that the properties aren't quite the same */
  -webkit-mask-box-image: url(../images/button.svg) 100 repeat;
  mask-border: url(../images/button.svg) 100 repeat;
  position: relative;
  overflow: hidden;
  display: inline-block;
  mask-image: url(../images/button.svg);
  mask-size: 100% 100%;
  mask-clip: border-box; }
  .border-mask .hidden-info {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .8s;
    z-index: 100; }
    .border-mask .hidden-info div {
      position: absolute;
      right: 10%;
      bottom: 10%;
      color: #FFFFFF; }
  .border-mask:hover .hidden-info {
    opacity: 1; }

.header-hero, .info-mask {
  position: relative;
  overflow: hidden; }
  .header-hero .hidden-info, .info-mask .hidden-info {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .8s;
    z-index: 2; }
    .header-hero .hidden-info div, .info-mask .hidden-info div {
      position: absolute;
      right: 10%;
      bottom: 10%;
      color: #FFFFFF; }
  .header-hero:hover .hidden-info, .info-mask:hover .hidden-info {
    opacity: 1; }

.quip-avatar {
  border: 0;
  border-radius: 50px; }

.aanbod-row .aanbod {
  align-items: center;
  margin-bottom: 15px; }
  .aanbod-row .aanbod h3::after {
    display: block;
    content: '';
    width: 45px;
    margin-left: 0;
    margin-right: auto;
    height: 2px;
    background: #e73642;
    margin-top: 20px;
    bottom: 0px;
    left: 0;
    border-radius: 0.5rem;
    margin-bottom: 20px; }
  .aanbod-row .aanbod p {
    margin-bottom: 0.8rem; }
  .aanbod-row .aanbod .red-color {
    color: #009FE3; }
  .aanbod-row .aanbod a {
    transition: .2s; }
    .aanbod-row .aanbod a:hover {
      text-decoration: 0; }
      .aanbod-row .aanbod a:hover .static {
        opacity: 0; }
      .aanbod-row .aanbod a:hover .active {
        opacity: 1; }
    .aanbod-row .aanbod a .static {
      width: 50px;
      position: absolute; }
    .aanbod-row .aanbod a .active {
      width: 50px;
      opacity: 0; }

.border {
  padding: 15px;
  border: 1px solid red; }

.header-section {
  padding-top: 100px; }
  .header-section .line::after {
    display: block;
    content: '';
    width: 45px;
    margin-left: 0;
    margin-right: auto;
    height: 2px;
    background: #e73642;
    margin-top: 20px;
    bottom: 0px;
    left: 0;
    border-radius: 0.5rem;
    margin-bottom: 20px; }
  .header-section .wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 35%;
    width: 70%;
    transition: 1s;
    background-size: cover;
    background-position: center; }
    .header-section .wrapper:hover {
      width: calc(65% - 80px); }
  .header-section .svg-container {
    /*&:after{
    	//content : url( "../images/scheiding-1.png");
    	content: '';
    	background-image: url("../images/scheiding-1.png");
    	left: 0;
    	position: absolute;
    	background-size: contain;
    	background-position: center;
    	width: 100%;
    	height: 50px;
    } */ }

.contact-form input, .contact-form textarea {
  width: 100%; }

.header-platform .row {
  align-items: center; }
.header-platform img {
  mix-blend-mode: darken; }
.header-platform h1, .header-platform .display-4 {
  color: #009FE3; }

.wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 50%;
  width: 90%;
  transition: 1s;
  background-size: cover;
  background-position: center; }
  .wrapper:hover {
    width: calc(80% - 80px); }

#filterContainer {
  margin-top: 25px; }

#filterBtn {
  border: 1px solid #000000; }
  #filterBtn:before {
    content: 'verberg ';
    display: inline-block;
    margin-right: 5px; }

#filterBtn.collapsed:before {
  content: 'open ';
  display: inline-block;
  margin-right: 5px; }

.sorteer-resultaten {
  opacity: 0.3;
  transition: 0.5s; }
  .sorteer-resultaten:hover, .sorteer-resultaten.actief {
    opacity: 1; }

form button, form input, form textarea {
  border: 1px solid #000000;
  padding: 5px 15px;
  display: block; }
  form button:focus, form input:focus, form textarea:focus {
    outline: none; }
form input, form textarea {
  margin-bottom: 10px; }
form button:disabled,
form button[disabled] {
  opacity: 0.2; }

.login-note form {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  width: 90%;
  max-width: 400px; }
.login-note img {
  max-width: 250px;
  transform-origin: 75% -50%;
  transition: transform 1s ease-in 0s;
  animation-duration: 3s;
  animation-name: swing;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: swing;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }
@keyframes swing {
  from {
    transform: rotate(-5deg); }
  to {
    transform: rotate(3deg); } }
@-webkit-keyframes swing {
  from {
    transform: rotate(-5deg); }
  to {
    transform: rotate(3deg); } }
.filter {
  margin-bottom: 25px; }
  .filter ul {
    margin-top: 25px; }
    .filter ul li {
      padding-top: .25rem;
      padding-bottom: .25rem; }
  .filter button {
    background-color: transparent;
    color: #009FE3;
    border: 0;
    width: 100%;
    padding: 0;
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 1.3rem; }
    .filter button span {
      float: right;
      margin-right: 0;
      margin-left: auto; }
      .filter button span svg {
        transform: rotate(0deg);
        transition: .3s;
        width: 35px;
        display: inline-block;
        margin-left: auto;
        margin-right: 0px;
        fill: red !important; }
  .filter .collapsed svg {
    transform: rotate(-90deg); }

.work .item {
  padding: 25px; }
  .work .item .card {
    border: none;
    background-color: transparent; }
  .work .item img {
    margin-bottom: 25px; }
  .work .item p {
    margin-bottom: 0; }
    .work .item p span {
      font-weight: 400; }
  .work .item a {
    color: #000000;
    text-decoration: underline; }
    .work .item a:hover {
      color: #E73642; }

.navbar i {
  color: #000000; }
.navbar .container-fluid {
  padding: 0px 15px; }

.platform-btn {
  max-height: 35px; }

button:focus {
  outline: none; }

#menuBtn {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-top: 15px;
  position: relative; }
  #menuBtn:focused {
    border: none !important;
    outline: none !important; }
  #menuBtn .bar {
    background-image: url(/assets/images/menu.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    transition: all .2s; }
    #menuBtn .bar:nth-child(1) {
      height: 11px;
      top: -9px;
      -webkit-transform: rotate(3deg);
      transform: rotate(3deg); }
    #menuBtn .bar:nth-child(2) {
      height: 11px;
      top: 12px;
      background-position-y: -12px;
      -webkit-transform: rotate(-3deg);
      transform: rotate(-3deg); }
    #menuBtn .bar:nth-child(3) {
      height: 11px;
      top: 34px;
      background-position-y: -24px;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg); }

#menuBtn.collapsed .bar:nth-child(1) {
  top: 0;
  transform: rotate(0); }
#menuBtn.collapsed .bar:nth-child(2) {
  top: 12px;
  transform: rotate(0); }
#menuBtn.collapsed .bar:nth-child(3) {
  top: 24px;
  transform: rotate(0); }

#highlights container-fluid {
  padding: 0; }

.highlight {
  padding: 0;
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 400px;
  height: 50vh;
  overflow: hidden;
  transition: 1s; }
  .highlight:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    transition: .8s; }

.highlight-info {
  max-width: 330px;
  margin-left: 5%;
  color: #000000;
  position: absolute;
  bottom: -50px;
  transition: .8s; }
  .highlight-info h2 {
    color: #ffffff;
    text-shadow: 1px 1px 7px #00000080;
    position: relative;
    z-index: 5;
    font-weight: 400;
    display: inline-block; }
    .highlight-info h2:before {
      background-color: #FFFFFF;
      width: 105%;
      height: 102%;
      transform: rotate(-2deg);
      position: absolute;
      left: 0;
      z-index: -1; }
  .highlight-info .extra {
    transition: 1.2s;
    transition-delay: .5s;
    opacity: 0;
    position: relative;
    z-index: 5;
    padding: 10px;
    color: #FFFFFF;
    font-weight: 400;
    /*	&:before{
    		content: '';
    		background-color: $white;
    		width: 105%;
    		height: 102%;
    		transform: rotate(2deg);
    		position: absolute;
    		left: 0;
    		z-index: -1;
    	} */ }
    .highlight-info .extra p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .highlight-info .extra img {
      mix-blend-mode: darken; }
  .highlight-info .active {
    width: 50px; }

.highlight:hover:before {
  opacity: .6; }
.highlight:hover .highlight-info {
  bottom: 65px; }
  .highlight:hover .highlight-info .extra {
    opacity: 1; }

.header-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 500px;
  height: 110vh; }

.header-info {
  background-color: #0000005e;
  position: absolute;
  height: 100%;
  width: 100%; }

.info-container {
  margin-top: 50vh;
  z-index: 10;
  color: white;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  color: #FFFFFF; }
  .info-container a {
    color: #FFFFFF;
    border: 1px solid #FFFFFF; }
    .info-container a:hover {
      background-color: #FFFFFF;
      color: #000000; }

section .container {
  z-index: 10;
  position: relative; }
section .svg-container {
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: 5; }
  section .svg-container svg {
    width: 100%; }
section .svg-container {
  transform: translateY(-50%); }

.bg-yellow .container-fluid {
  background-color: #fff05c; }
.bg-yellow .svg-container svg {
  fill: #fff05c; }

.bg-grey .container-fluid {
  background-color: #EDEDED; }
.bg-grey .svg-container svg {
  fill: #EDEDED; }

.bg-white .container-fluid {
  background-color: #FFFFFF; }
.bg-white .svg-container svg {
  fill: #FFFFFF; }

.bg-black p, .bg-black a, .bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4 {
  color: #FFFFFF; }
.bg-black .container-fluid {
  background-color: #000000; }
.bg-black .svg-container svg {
  fill: #000000; }

.bg-footer p, .bg-footer a, .bg-footer h1, .bg-footer h2, .bg-footer h3, .bg-footer h4 {
  color: #000000; }
  .bg-footer p:hover, .bg-footer a:hover, .bg-footer h1:hover, .bg-footer h2:hover, .bg-footer h3:hover, .bg-footer h4:hover {
    color: #000000; }
.bg-footer .container-fluid {
  background-color: #cdcdcd; }
.bg-footer .svg-container svg {
  fill: #cdcdcd; }

.bg-red p, .bg-red a, .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4 {
  color: #FFFFFF; }
.bg-red .container-fluid {
  background-color: #E73642; }
.bg-red .svg-container svg {
  fill: #E73642; }

.bg-bleu p, .bg-bleu a, .bg-bleu h1, .bg-bleu h2, .bg-bleu h3, .bg-bleu h4, .bg-bleu .display-4 {
  color: #FFFFFF; }
.bg-bleu .container-fluid {
  background-color: #009FE3; }
.bg-bleu .svg-container svg {
  fill: #009FE3; }

.news-slider img {
  height: 100%;
  margin-right: 25px; }
.news-slider .slick-slide {
  position: relative;
  height: 250px; }
.news-slider .slick-prev {
  left: 20px; }
  .news-slider .slick-prev:before {
    content: url(/assets/images/prev-arrow.svg);
    width: 30px;
    height: 10px; }
.news-slider .slick-next {
  right: 20px; }
  .news-slider .slick-next:before {
    content: url(/assets/images/next-arrow.svg);
    width: 30px;
    height: 10px; }
.news-slider .slick-arrow {
  width: 50px;
  z-index: 10; }

.arrows-2 {
  margin-top: 25px; }
  .arrows-2 button {
    background-color: transparent;
    border: none;
    outline: 0;
    padding: 0.5rem 1.25rem; }
    .arrows-2 button svg {
      width: 50px;
      fill: #E73642; }

#platformloginform input {
  margin-left: auto;
  margin-right: auto; }

.slider-cover {
  margin-left: -15px;
  margin-right: -15px;
  position: relative; }
  .slider-cover .background-cover, .slider-cover .slide {
    z-index: -5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .slider-cover .slide {
    height: 60vh;
    min-height: 600px;
    width: 100%; }
  .slider-cover .arrows {
    position: absolute;
    width: 100%;
    top: 50%; }
  .slider-cover .slick-arrow {
    z-index: 1000;
    position: absolute;
    width: 85px;
    background-color: transparent;
    border: 0; }
    .slider-cover .slick-arrow:focus {
      border: 0;
      outline: 0; }
    .slider-cover .slick-arrow svg {
      transition: .8s;
      fill: #FFFFFF;
      opacity: .3; }
    .slider-cover .slick-arrow:hover svg {
      opacity: 1; }
  .slider-cover .next {
    right: 25px; }
  .slider-cover .prev {
    left: 25px; }

.slick-dotted.slick-slider {
  margin-bottom: 0px; }

.slick-dots {
  bottom: 55px; }

.slick-dots li button:before {
  width: 40px;
  height: 40px;
  font-size: 12px;
  color: #FFFFFF;
  opacity: 0.25; }

.slick-dots li.slick-active button:before {
  color: #FFFFFF;
  opacity: 0.75; }

.home-container h1, .home-container h2, .home-container h3, .home-container h4 {
  margin-bottom: 2.2rem; }

#logo {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 120px;
  height: 120px;
  z-index: 999; }
  #logo svg {
    fill: #009FE3;
    width: 120px;
    height: 120px; }

body {
  overflow-x: hidden;
  font-family: din-2014,sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 110%; }
  body .display-1, body .display-2, body .display-3, body .display-4 {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #000000; }
  body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
    font-weight: 400;
    color: #009FE3; }

.circle {
  position: absolute;
  width: 40px;
  height: 50px;
  border-radius: 50%;
  z-index: 100000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 1;
  z-index: 10000;
  background-image: url("../images/anker1.svg");
  transition: transform .5s,  opacity .5s;
  opacity: 100%; }

.circle.enlarge {
  transform: scale(2);
  opacity: 0%; }

nav {
  font-size: 1.2rem;
  background-color: #FFFFFF;
  padding: 0 !important; }
  nav::after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 29px;
    width: 100%;
    background: url(../images/Naamloos-2_menu.svg) bottom center;
    background-size: cover;
    z-index: -5; }
  nav .nav-brand {
    max-height: 75px;
    margin-top: 10px;
    min-height: 75px; }
  nav .nav-item {
    color: #E73642; }
  nav .nav-link {
    display: inline-block;
    position: relative;
    color: #000000 !important; }
  nav .dropdown-menu {
    border: 0; }
  nav .dropdown-item {
    margin-top: 6px;
    margin-bottom: 6px; }

#nav-up {
  z-index: 1000;
  background-color: #FFFFFF;
  /* Black background color */
  position: fixed;
  /* Make it stick/fixed */
  width: 100%;
  /* Full width */
  transition: top 0.3s;
  /* Transition effect when sliding down (and up) */
  top: 85px; }
  #nav-up .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  #nav-up ul {
    display: flex;
    flex-direction: row; }
  #nav-up::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    height: 30px;
    width: 100%;
    background: url("../images/Naamloos-2_menu.svg") bottom center;
    background-size: cover;
    z-index: -10; }

img {
  max-width: 100%; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sticky-class {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 150px; }

.img-class img {
  display: block;
  max-width: 175px;
  margin-bottom: 25px; }
  .img-class img:nth-child(3) {
    margin-right: auto; }
  .img-class img:nth-child(2) {
    margin-left: auto;
    margin-right: 25%; }
  .img-class img:nth-child(4) {
    margin-left: auto;
    margin-right: auto; }
  .img-class img:nth-child(1) {
    margin-left: auto;
    margin-left: 45%; }

.background {
  background-size: contain;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 25px;
  background-image: url("../images/button.svg");
  color: #FFFFFF; }

.background-filter {
  background-size: contain;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 25px;
  background-image: url("../images/button-bl.svg");
  color: #000000; }
  .background-filter .btn-filter {
    color: #000000; }
  .background-filter .st0 {
    fill: #000000 !important; }

.column-with-background .row div {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  position: relative; }
  .column-with-background .row div .mb-lg-5 {
    margin-bottom: 1rem !important;
    margin-top: 2rem !important; }
  .column-with-background .row div:before {
    content: '';
    display: block;
    width: calc(100% -  25px);
    height: 100%;
    position: absolute;
    background-size: contain;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/button-bl.svg");
    color: #000000;
    opacity: 0.05;
    transition: 0.4s; }
    .column-with-background .row div:before .btn-filter {
      color: #000000; }
    .column-with-background .row div:before .st0 {
      fill: #000000 !important; }
  .column-with-background .row div:first-child:before {
    transform: rotate(180deg); }
  .column-with-background .row div:hover:before {
    opacity: 0.2; }
  .column-with-background .row div a {
    position: static; }
    .column-with-background .row div a:after {
      display: none; }
    .column-with-background .row div a:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      content: "";
      width: 100%;
      height: 100%; }
    .column-with-background .row div a:hover:after {
      display: none; }

.background.black .cm-btn {
  color: #FFFFFF;
  background-color: transparent;
  border: 1px solid #FFFFFF; }
  .background.black .cm-btn:hover {
    color: #fff05c;
    background-color: transparent;
    border: 1px solid #fff05c; }
.background.black .cm-btn.actief {
  color: #E73642;
  border: 1px solid #E73642; }

.background.white {
  background-image: url("../images/button-white.svg");
  color: #000000;
  background-size: contain;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 25px; }

#simplesearch-search-form {
  width: 100%;
  max-width: 14em;
  position: relative;
  -webkit-appearance: none;
  border: none;
  margin-top: 6px;
  margin-bottom: 6px; }

#simplesearch-search-form input {
  background: transparent;
  border-bottom: 1px dotted #000000;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  border-radius: 0;
  width: 100%;
  -webkit-appearance: none;
  padding: 0; }

#simplesearch-search-form button {
  background: none;
  border: none;
  color: #000000;
  font-size: 1rem;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-70%);
  -webkit-appearance: none; }

.list-unstyled.category span {
  color: #009FE3; }

.page-title {
  color: #E73642; }

.parent-name {
  color: #009FE3; }
  .parent-name::after {
    display: block;
    content: '';
    width: 50px;
    margin-left: 0;
    margin-right: auto;
    height: 2px;
    background: #009FE3;
    margin-top: 20px;
    bottom: 0px;
    left: 0;
    border-radius: 0.5rem;
    margin-bottom: 30px; }

.kader {
  border: 1px solid #E73642;
  padding: 25px;
  display: inline-block; }
  .kader ul {
    padding: 0; }
    .kader ul ul {
      padding: 10px;
      list-style: none; }
      .kader ul ul li {
        padding-bottom: 8px; }

.articles-container #save-btn, .articles-container .fav-add-remove {
  background-color: #FFFFFF;
  border: 0;
  padding: 10px 17px;
  border-radius: 60px;
  font-size: 1.7rem;
  color: transparent !important;
  margin-left: 15px;
  z-index: 10;
  position: absolute;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: .5s;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black; }
  .articles-container #save-btn:hover, .articles-container #save-btn.actief, .articles-container .fav-add-remove:hover, .articles-container .fav-add-remove.actief {
    -webkit-text-stroke-width: 0px;
    color: #E73642 !important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); }
.articles-container .news-article {
  transition: .2s; }
  .articles-container .news-article a {
    color: #000000; }
  .articles-container .news-article a:hover {
    text-decoration: 0; }
    .articles-container .news-article a:hover .static {
      opacity: 0; }
    .articles-container .news-article a:hover .active {
      opacity: 1; }
  .articles-container .news-article .static {
    width: 50px;
    position: absolute; }
  .articles-container .news-article .active {
    width: 50px;
    opacity: 0; }
  .articles-container .news-article .card, .articles-container .news-article .card-footer, .articles-container .news-article .card-body, .articles-container .news-article .card-header {
    border-radius: 0;
    border: 0;
    background-color: #FFFFFF; }
  .articles-container .news-article .card {
    margin-top: 25px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
    .articles-container .news-article .card h3 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      height: 69px; }
    .articles-container .news-article .card p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      min-height: 48px; }
    .articles-container .news-article .card span {
      color: #009FE3; }
  .articles-container .news-article .card-header {
    position: relative;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .articles-container .news-article .arrow-link {
    width: 50px;
    height: 50px;
    transition: .2s;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: auto; }
  .articles-container .news-article .category {
    color: #009FE3;
    margin-bottom: 15px; }
  .articles-container .news-article:hover {
    transform: scale(1.1) rotate(-2deg); }
    .articles-container .news-article:hover .card {
      -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); }

.uitgelicht {
  max-width: 1000px !important;
  margin-left: auto;
  margin-right: auto; }
  .uitgelicht:hover .static {
    opacity: 0; }
  .uitgelicht:hover .active {
    opacity: 1; }
  .uitgelicht .static {
    width: 50px;
    position: absolute; }
  .uitgelicht .active {
    width: 50px;
    opacity: 0; }
  .uitgelicht .round-img {
    background-color: red;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 270px 270px 270px 270px;
    ackground-size: cover;
    background-position: center; }
    .uitgelicht .round-img:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
  .uitgelicht h3 {
    transform-origin: bottom left;
    transform: rotate(-2deg);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .uitgelicht p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transform-origin: bottom left;
    transform: rotate(3deg); }
  .uitgelicht svg {
    width: 150px;
    height: auto;
    transform: rotate(-110deg);
    margin-bottom: 25px;
    margin-left: -25px; }

.news-container {
  max-width: 1000px !important;
  margin-left: auto;
  margin-right: auto; }
  .news-container .col-md-6 {
    margin-bottom: 50px;
    height: 100%; }
    .news-container .col-md-6:nth-child(1) {
      border-radius: 0px; }
      .news-container .col-md-6:nth-child(1) .news-img {
        width: 82%; }
        .news-container .col-md-6:nth-child(1) .news-img:after {
          content: "";
          display: block;
          padding-bottom: 80%; }
    .news-container .col-md-6:nth-child(2) .news-img {
      width: 78%; }
      .news-container .col-md-6:nth-child(2) .news-img:after {
        content: "";
        display: block;
        padding-bottom: 150%; }
    .news-container .col-md-6:nth-child(3) .news-img {
      width: 65%; }
      .news-container .col-md-6:nth-child(3) .news-img:after {
        content: "";
        display: block;
        padding-bottom: 100%; }
    .news-container .col-md-6 .news-img {
      margin-bottom: 50px; }
  .news-container .news-article a {
    text-decoration: none;
    color: #000000; }
    .news-container .news-article a:hover {
      text-decoration: none;
      color: #000000; }
  .news-container .news-article a:hover .static {
    opacity: 0; }
  .news-container .news-article a:hover .active {
    opacity: 1; }
  .news-container .news-article .static {
    width: 50px;
    position: absolute; }
  .news-container .news-article .active {
    width: 50px;
    opacity: 0; }
  .news-container a {
    text-decoration: none;
    color: #000000; }
    .news-container a:hover {
      text-decoration: none;
      color: #000000; }
  .news-container a:hover .static {
    opacity: 0; }
  .news-container a:hover .active {
    opacity: 1; }
  .news-container .static {
    width: 50px;
    position: absolute; }
  .news-container .active {
    width: 50px;
    opacity: 0; }

/*
.cm-btn{
	padding: 5px 15px;
	color: $black;
	background-color: transparent;
	border: 1px solid $black;
	//border-radius: 60px;
	transition: .5s;
	display: inline-block;
	margin-bottom: 5px;
	text-decoration: none;
	&:hover{
		color: $yellow;
		background-color: $black;
		text-decoration: none;
	}
}
*/
.cm-btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #009FE3; }
  .cm-btn:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 28px;
    opacity: 0;
    transition: .5s; }
  .cm-btn:hover {
    text-decoration: none;
    color: #009FE3; }
    .cm-btn:hover:after {
      opacity: 1;
      background-image: url("/assets/images/rodelijn3.png"); }

.treasure {
  z-index: 15; }
  .treasure .stripes {
    width: 80px;
    height: auto;
    margin-top: -200px; }
  .treasure .schat {
    width: 400px;
    margin-top: 50px;
    mix-blend-mode: darken; }

.pagination {
  background-color: transparent;
  margin-top: 25px;
  font-size: 2rem;
  font-weight: 700; }
  .pagination .page-link {
    border: none;
    volor: #009FE3; }

.ship {
  z-index: 8;
  position: absolute;
  top: -35px;
  left: 10%;
  width: 255px;
  height: 265px;
  background-image: url("/assets/images/schilderende-piraat2.gif");
  background-size: cover;
  transform-origin: 50% 75%;
  transition: transform 1s ease-in 0s;
  animation-duration: 2.2s;
  animation-name: paragato;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-name: paragato;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@keyframes paragato {
  from {
    transform: rotate(-5deg); }
  to {
    transform: rotate(3deg); } }
@-webkit-keyframes paragato {
  from {
    transform: rotate(-5deg); }
  to {
    transform: rotate(3deg); } }
footer {
  background-color: #FFFFFF; }
  footer .footer-top {
    padding-top: 50px;
    padding-bottom: 50px; }
  footer .footer-bottom {
    position: relative; }
  footer .footer-bottom-inner {
    padding-top: 350px;
    padding-bottom: 15px; }
  footer .footertekst a:hover {
    color: #000000; }
    footer .footertekst a:hover small {
      color: #000000; }
    footer .footertekst a:hover svg {
      fill: #000000 !important; }
  footer .footertekst small {
    color: #000000; }
  footer .socials li {
    margin-right: 15px;
    padding: 2px; }
  footer #Laag_culd {
    height: 14px;
    fill: #000000;
    margin-left: 8px;
    display: inline-block;
    margin-top: -6px; }
  footer span p {
    font-weight: 600; }
  footer a {
    color: #000000;
    text-decoration: underline; }
    footer a:hover {
      color: #E73642; }

.calender-div {
  padding: 15px 0px;
  margin: 15px 0px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .calender-div a {
    color: #009FE3; }
  .calender-div:first-child {
    margin-top: 35px; }
  .calender-div:last-child {
    margin-bottom: 55px; }
  .calender-div .collapse, .calender-div .collapsing {
    margin-top: 35px; }
  .calender-div .locationlink {
    color: #E73642; }
    .calender-div .locationlink:hover {
      color: #E73642;
      text-decoration: underline; }
  .calender-div .cm-btn:hover {
    color: #FFFFFF; }

@media (min-width: 576px) {
  .news-slider .slick-slide {
    height: 350px; } }
@media (min-width: 768px) {
  .header-hero {
    height: 350px; }

  .news-slider .slick-slide {
    height: 350px; }

  .news-container .col-md-6:nth-child(2) {
    margin-top: 100px; }
  .news-container .col-md-6:nth-child(3) {
    margin-top: -250px; }
  .news-container .col-md-6 .news-img {
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
    background-color: red; }

  	/*.work{
  	.item{
  		&:nth-child(1){
  			//padding: 5% 4% 5% 5%;
  			img{
  				width: 75%;
  			}
  		}
  		&:nth-child(2){
  			margin-top: 100px;
  			padding-left: 45px;
  			//padding: 9% 5% 4% 5%;
  			img{
  				width: 65%;
  			}			
  		}
  		&:nth-child(3){
  			//padding: 8% 7% 5% 3%;
  			padding-left: 45px;
  			img{
  				width: 82%;
  			}
  		}
  		&:nth-child(4){
  			//padding: 10% 8% 2% 3%;
  			img{
  				width: 72%;
  			}			
  		}
  	}
  }*/ }
@media (min-width: 992px) {
  .header-hero {
    height: 450px; }

  #simplesearch-search-form {
    float: right;
    padding: 8px 16px; }

  .nav-item {
    position: relative;
    display: inline-block;
    cursor: pointer; }
    .nav-item:after {
      content: '';
      display: block;
      position: absolute;
      width: 80%;
      height: 15px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      top: 38px;
      opacity: 0;
      transition: .5s; }
    .nav-item:hover:after {
      opacity: 1; }
    .nav-item:nth-child(even):after {
      background-image: url("/assets/images/rodelijn3.png"); }
    .nav-item:nth-child(odd):after {
      background-image: url("/assets/images/rodelijn4.png"); }
    .nav-item .nav-link {
      margin-top: 6px;
      margin-bottom: 6px;
      padding: 8px 16px;
      border: none;
      background: none;
      outline: none; }

  .search-btn:after {
    content: '';
    display: none; }

  .news-slider .slick-slide {
    height: 350px; }

  .wrapper {
    padding-top: 25%;
    width: 50%; }
    .wrapper:hover {
      width: calc(50% - 10%); }

  nav ul.pl-lg-4 {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  .ship {
    top: 15px;
    left: 10%;
    width: 315px;
    height: 335px; }

  .navbar-expand-lg .filters {
    display: block !important; } }
@media (min-width: 1200px) {
  nav ul.pl-lg-4 {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); } }
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1340px; }

  .col-xl-4 {
    flex: 0 0 33%;
    max-width: 33%; } }
@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1540px; } }
.filter-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

:root {
  --radius-1: 70%;
  --radius-2: 30%;
  --radius-3: 30%;
  --radius-4: 70%;
  --radius-5: 60%;
  --radius-6: 40%;
  --radius-7: 60%;
  --radius-8: 40%; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  transition: 0.5s;
  border-radius: var(--radius-1) var(--radius-2) var(--radius-3) var(--radius-4)/var(--radius-5) var(--radius-6) var(--radius-7) var(--radius-8); }

.filter li:hover .checkmark {
  border-radius: var(--radius-1) var(--radius-6) var(--radius-6) var(--radius-4)/var(--radius-5) var(--radius-7) var(--radius-7) var(--radius-6); }

.filter ul, .filter li {
  list-style: none;
  padding: 0; }

.filter label {
  position: relative;
  padding-left: 35px;
  cursor: pointer; }

/* On mouse-over, add a grey background color */
.filter label:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }