/* .dark-bg {
    color: rgb(from var(--white) r g b/85%);
    background-color: #02284b;
} */

.mt-50 {
    margin-top: 50px;
}


.mt-100 {
    margin-top: 100px;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .blauw span {
    color: #0088C5;
}

.blauw {color: #0088C5 !important;}

.oranje {color: #FF6A16 !important;}

.email-link {
  color: #007BFF; /* blauw */
  text-decoration: underline;
}

.email-link:hover {
  color: #0056b3;
}

/* .email-link.button {
  background-color: #007BFF;
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
} */




.banner-5 {
    padding-top: 150px !important;
}



/* Verberg standaard op desktop */
.toggle-sidebar .toggle {
    display: none;
}

/* Toon alleen op schermen kleiner dan 992px (of jouw breakpoint) */
@media screen and (max-width: 1199px) {
    .toggle-sidebar .toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }
}


.close-btn {
  cursor: pointer;
  z-index: 9999;
  pointer-events: auto;
}

.blog-details img, .col-xxxl-6 img {border-radius: 10px !important;}


.blog-item .blog-item-content .btn-2 {
    margin-top: 10px !important;
}

.blog-title {
    margin-top: 10px;
/* margin-bottom: 31px;  origineel*/
margin-bottom: 10px !important; 
}


.video-thumb {
  position: relative;
  display: block;
}

.video-thumb::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3) url('/site/assets/img/play-icon-wit-46.svg') center center no-repeat;
  background-size: 20%;
  transition: background 0.3s ease;
}

.video-thumb:hover::after {
  background-color: rgba(0,0,0,0.5);
}




















/* Cookiebot-style knoppen in */

.privacywire-banner,
.privacywire-options, .privacywire-message {
    background-color: #ffffff !important; /* of een lichtgrijs voor contrast */
    color: #000000 !important;
}

.privacywire-banner,
.privacywire-options, .privacywire-message p,
.privacywire-banner,
.privacywire-options, .privacywire-message span,
.privacywire-banner,
.privacywire-options, .privacywire-message div {
    color: #000 !important;
}



.privacywire-buttons {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
  width: 100%;
}

.privacywire-buttons button {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.privacywire-buttons .allow-all {
  background-color: #0b5ed7;
  color: white;
  border: none;
}

.privacywire-buttons .allow-all:hover {
  background-color: #0a53be;
}

.privacywire-buttons .allow-necessary {
  background-color: white;
  color: #0b5ed7;
  border: 2px solid #0b5ed7;
}

.privacywire-buttons .allow-necessary:hover {
  background-color: #f0f8ff;
}

.privacywire-buttons .choose {
 background-color: white;
color: #0b5ed7;
border: 2px solid #0b5ed7;
}

.privacywire-buttons .choose:hover {
background-color: #f0f8ff;
}


.privacywire-buttons .save {
 background-color: white;
color: #0b5ed7;
border: 2px solid #0b5ed7;
}

.privacywire-buttons .save:hover {
background-color: #f0f8ff;
}


footer {
    padding-top: 178px;
    background-color: #141414;
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}

footer::before {
    content: url('../img/footer-590-320.jpg');
    max-width: 520px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1 !important;
  
}


/* .thumb-gallery {
    padding: 10px 20px 0px 20px !important;
} */


.thumb-gallery .thumb-row {
  display: flex;
  gap: 10px; /* ruimte tussen de thumbnails */
  flex-wrap: wrap; /* zorgt dat ze op de volgende regel gaan als het te smal is */
}

.thumb-gallery .thumb {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border: 2px solid #ccc;
  transition: transform 0.2s;
}

.thumb-gallery .thumb:hover {
  transform: scale(1.05);
  border-color: #333;
}

.thumb-responsive img {
    max-width: 100%;
    height: auto;
}



.mabo20{margin-bottom: 20px;}

  /* .thumb {max-width: 100px; margin-right: 10px; margin-bottom: 10px;  border-radius: 15%;
} */



@media (max-width: 991px) {
  br {
    display: inline !important;
  }
}