/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #3d4348; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #3e5055; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #004173; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --accent-color-2: #006bb6; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
    --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

html {
   height: 100%;
   width: 100%;
   /* background-color: #006bb6; */
   /* background: url("/new2023/img/tmp/takeover.jpg") no-repeat fixed top; */
   /* background-color: black; */
   /* Achtergrondkleur voor de randen */
   /* background-size: cover; */
   /* Zorgt ervoor dat de achtergrondafbeelding de ge */
    background-color: #f8f9fa; 
}

body.modal-open {
   overflow: auto !important; /* Zorg ervoor dat de overflow niet wordt verborgen */
   padding-right: 0 !important; /* Zorg ervoor dat padding-right niet is ingesteld */
}

._modal-dialog {
   margin: auto; /* Dit zorgt ervoor dat de modal gecentreerd is */
}

.modal-content {
   margin-left: 17px;
}

body {
   background-color: var(--accent-color-2);  /* transparent; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: #004173;
}

a {
   color: #006bb6;
   text-decoration: none;
}

a:hover {
   color: #004173;
   text-decoration: underline;
}

.btn:hover { text-decoration: none !important; }

.header_wrap a:hover {
   text-decoration:none}

.list-menu li>a:hover {
   color: #006bb6;
   text-decoration: underline;
   text-decoration-color: #004173;
   -webkit-text-decoration-color: #004173;
}

.nav-pills .nav-link:not(.active):hover {
   background-color: #006bb6;
   color: #fff;
   transition: color .1s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

.accordion-flush .accordion-button {
   padding: 1rem 1.25rem;
}


.text-yellow {
   color: #FFFF00;
}


#nav-header .nav-link {
   padding: .05rem .9rem;
}


/* color */

.gray-light{
   color: var(--bs-gray);
}

.color-1 {
   color: var(--accent-color);
}

.color-2 {
   color: #1860ac;
   /* 006bb6  */
}

.color-3 {
   color: #e0ecf8;
}

.color-red {
   color: #ef3e33;
}

.color-green {
   /* color : #159a22; */
   color: #008500;
}

.color-yellow {
   /* color : #159a22; */
   color: #ffff00;
}

.color-orange {
   color: #ff5733;
}


.bg-color-1 {
   background-color: #004070
}

.bg-color-2 {
   background-color: #006bb6;
}

.bg-color-3 {
   background-color: #e0ecf8;
}

.bg-color-red {
   background-color: #ef3e33;
}

.bg-color-yellow {
   background-color: #ffff00;
}

.bg-color-orange {
   background-color: #ff5733;
}

.border-color-yellow {
   border-color: #ffff00;
}

.clr-set-2 {
   color: #fff;
   background-color: #1860ac;
}

.btn-clr-2 {
   color: #fff;
   background-color: #1860ac;
   border-color: #1860ac;
}

.btn-clr-2:hover {
   color: #fff;
   background-color: #004070;
   border-color: #1860ac;
}

.btn-clr-2:focus {
   color: #fff;
   background-color: #004070;
   border-color: #004070;
   box-shadow: 0 0 0 0.2rem rgba(201, 209, 233);
   /* rgb(107,136,195) */
   /* rgb(201,209,233); */
}


.btn-clr-basket {
   color: #fff;
   background-color: #159a22;
   border-color: #159a22;
}

.btn-clr-basket:hover {
   color: #fff;
   background-color: #006500;
   border-color: #006500;
}

.btn-clr-basket:focus {
   color: #fff;
   background-color: #004070;
   border-color: #004070;
   box-shadow: 0 0 0 0.2rem rgba(201, 209, 233);
   /* rgb(107,136,195) */
   /* rgb(201,209,233); */
}


.btn-clr-basket {
   color: #fff;
   background-color: #159a22;
   border-color: #159a22;
}

.btn-clr-basket:hover {
   color: #fff;
   background-color: #006500;
   border-color: #006500;
}

.btn-clr-basket:focus {
   color: #fff;
   background-color: #004070;
   border-color: #004070;
   box-shadow: 0 0 0 0.2rem rgba(201, 209, 233);
   /* rgb(107,136,195) */
   /* rgb(201,209,233); */
}


.btn-outline-clr-2 {
   color: #1860ac;
   border-color: #1860ac;
}

.btn-outline-clr-2:hover {
   /* background-color: #f8f9fa; */
   color: #fff;
   background-color: #1860ac;
   border-color: #1860ac;
}


a.title:hover,
.title a:hover,
a .title:hover {
   color: #006bb6;
   ;
   text-decoration: underline;
}



/* icons */

.icon {
   display: inline-block;
   fill: currentColor;
}

.icon-xs {
   width: 1rem;
   height: 1rem;
}


.icon-16 {
   /* icon-size-1 */
   width: 1.1rem;
   height: 1rem;
}

.icon-size-2 {
   width: 1.5rem;
   height: 1.5rem;
}

/* badges */

.badge-small {
   font-size: 0.6em;
}

/* product detail */

.wishlist-icon {
   margin-top: -4px;
   color: #004060;
}

#product_tabs .nav-link {
   color: #fff;
   border: 0px;
   /* padding: 0.01rem 0.29rem; */
   /* text-decoration: underline; */
}

#product_tabs .nav-link.active {
   color: #004060;
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff;
}

#product_tabs .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
   text-decoration: underline;
}

.topbar-small {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 10;
   text-align: left;
   padding: 0px 5px;
}


/* general page title EMS 25-02-23*/

/* .page-title-col2 {
   text-align: right !important;
   padding-top:20px;
}
 */

/* view buttons EMS 25-02-2023*/
.btn-light {
   background-color: #fff;
   border-color: #dee2e6;
   color: #212529;
}

.btn-light i {
   color: #006bb6;
}

.btn-light:hover {
   border-color: #c1c9d0;
   color: #004173;
}

.btn-light:hover i {
   color: red;
}

.btn-light.active {
   border-color: #c1c9d0;
   background-color: #006bb6;
   color: #fff;
}

.btn-light.active i {
   color: #fff;
}



/* header */

.iq-header {
   background: rgb(24, 96, 172);
   background: linear-gradient(180deg, rgba(24, 96, 172, 1) 0%, rgba(0, 64, 112, 1) 82%);
}



/* general pagination EMS 25-02-2023 */

.pagination {
   margin-bottom: 0px;
}



/* general page link */
.page-item.active .page-link {
   z-index: 3;
   color: #fff;
   background-color: #006bb6;
   border-color: #006bb6;
}

.page-link {
   position: relative;
   display: block;
   color: #006bb6;
   background-color: #fff;
   border: 1px solid #dee2e6;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* table */
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
   background-color: #e0ecf8;
}


/* topbar */

.product-badge-lg {
   position: absolute;
   top: 10px;
   left: 10px;
   /* width: 100%; */
   z-index: 10;
   text-align: left;

   /* display: inline-block; */
   padding: 0.52em 0.7em;
   font-size: 1.4em;
   font-weight: 400;
   line-height: 1.1rem;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;


}

.product-badge-br {
   position: absolute;
   bottom: 0px;
   right: -20px;
   /* width: 100%; */
   z-index: 10;
   text-align: left;

   /* display: inline-block; */
   padding: 0.52em 0.7em;
   font-size: 1.4em;
   font-weight: 400;
   line-height: 1.1rem;
   color: yellow;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
}

.product-badge-lg-bottom {
   position: absolute;
   bottom: 0px;
   left: -20px;
   /* width: 100%; */
   z-index: 10;
   text-align: left;

   /* display: inline-block; */
   padding: 0.52em 0.7em;
   font-size: 1.4em;
   font-weight: 400;
   line-height: 1.1rem;
   color: yellow;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
}

.product-badge-lg-norton {
   position: absolute;
   bottom: 0px;
   left: 20px;
   width: 50%; 
   z-index: 10;
   text-align: left;

   /* display: inline-block; */
   padding: 0.52em 0.7em;
   font-size: 1.4em;
   font-weight: 400;
   line-height: 1.1rem;
   color: yellow;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
}


.product-badge-energy-efficiency-class {
   position: absolute;
   bottom: 0px;
   right: 0px;
   z-index: 10;
   text-align: right;
   padding: 0.52em 0.7em;
   font-size: 1.4em;
   font-weight: 400;
   line-height: 1.1rem;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
}

/* Product list */

.card-product-list .img-wrap {
   height: 210px;
}

.card-product-list .topbar {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 10;
   text-align: left;
   padding: 10px 15px;
}

[class*=card-product] a.title:hover {
   color: #0a58ca;
   text-decoration: underline;
}






/* breadcrumbs */

.breadcrumb-item+.breadcrumb-item::before {
   float: left;
   padding-right: 0.7rem;
   /* color: rgba(33, 37, 41, .3); */
   color: red;
   content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" height="10" style="margin-top:1px;color:navy;"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="currentColor"/></svg>');
}


/* card */

a:hover>.card {
   border-color: #9DA1A7;
}

/* card product */
/*.product-card-small */
/* .card-product-grid .img-wrap { 
   height: 150px;
 } */

.card-product-grid.grid-medium .img-wrap {
   height: 200px;
}

[class*=card-product] .img-wrap img {
   /* height: auto; */
   /* 17-04-2024 */
   max-width: 100%;
   width: auto;
}


/* owl theme dots */
/* gebruikt op de productdatil pagina */

.dot-style1.owl-theme .owl-dots .owl-dot.active span {
   width: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
   background-color: #006bb6;
}

.owl-theme .owl-dots .owl-dot span {
   background-color: transparent;
   border: 1px solid #006bb6;
   cursor: pointer;
   margin: 3px;
   opacity: 1;
   transition: all 0.3s ease-in-out;
}

/* owl them navigatie */

/* .owl-theme .owl-nav [class*="owl-"] {
   background-color: #fff;
   color: #006bb6;
   font-size: 26px;
   line-height: 50px;
   transition: all 0.3s ease-in-out;
   height: 50px;
   padding: 0;
   margin: 0;
   width: 50px;
   text-align: center;
}

.nav-style3.owl-theme .owl-nav [class*="owl-"] {
   position: absolute;
   top: -90px;
   border-radius: 0;
   right: 0;
   height: auto;
   width: auto;
   background-color: transparent;
} */

.owl-prev {
   width: 15px;
   /* height: 100px; */
   position: absolute;
   top: 80px;
   margin-left: -20px;
   display: block !important;
   border: 0px solid black;
}

.owl-next {
   width: 15px;
   /* height: 100px; */
   position: absolute;
   top: 80px;
   right: 20px;
   display: block !important;
   border: 0px solid black;
}

/* .owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;} */

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
   background: #fff;
   color: inherit;
   border: none;
   padding: 0 !important;
   font: inherit;
   opacity: .6;
}

.owl-theme .owl-nav [class*=owl-]:hover {
   background: #006bb6;
   color: #FFF;
   text-decoration: none;
   opacity: 1;
}

.owl-carousel button:focus {
   outline: dotted 1px;
   /* outline: -webkit-focus-ring-color auto 5px; */
}


/*

 modal

*/

.modal-header .close {
   border-radius: 4px;
   border: 0;
}


/*
 
  alert box 

*/
.alert-red {
   color: #99172b;
   background-color: #ffd4da;
   border-color: #ffbec8;
   border-left-color: #99172b;
   border-left-width: thick;
}


.basket-dropdown .dropdown-menu,
.user-dropdown .dropdown-menu {
   border-radius: 0rem;
}


/* algemeen minimale hoogte van een pagina */
.iq-min-height {
   min-height: 700px;
}


/* side-menu zoek funtie */

.side-menu-item {
   max-width: 84%;
   /* was 85% */
}


/* voor dropdown menu's */

.form-select:focus {
   border-color: #006bb6;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(231, 241, 255, .7);
}

.form-control:not(:focus):hover,
.form-select:not(:focus):hover {
   border-color: #006bb6;
}

.card-product-grid .bottombar {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 10;
   text-align: left;
   padding: 10px 15px;
}

.bottombar .badge {
   border: 1px solid;
}

.img-wrap-productcard {
   position: relative;
   text-align: center;
   overflow: hidden;
   display: block;
}


/* TEST carpoussel */

.side-card {
   height: 112px;
}


/*  TEST tegeltje */

.tile-banner-1 {
   position: absolute;
   top: 190px;
   right: 220px;
   width: 300px;
   height: 75px;
   border: 2px solid #006bb6;
}


/* caroussel */

.carousel-control-next,
.carousel-control-prev {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 10%;
   padding: 0;
   color: #fff;
   text-align: center;
   background: 0 0;
   border: 0;
   opacity: .5;
   transition: opacity .15s ease;
}

.carousel-indicators .active {
   opacity: 1;
}

.carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 5px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border: 2px;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: .5;
   transition: opacity .6s ease;
}


.carousel-indicators_ {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: 0.5rem;
   margin-left: 15%;
   list-style: none;
}

.carousel-indicators_ [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 4px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #000;
   background-clip: padding-box;
   border: 1;
   border-color: #a2a3a3;
   /* border-top: 10px solid transparent; */
   /* border-bottom: 10px solid transparent; */
   opacity: .5;
   transition: opacity .6s ease;
}

.carousel-indicators .active {
   opacity: 1;
}

button:focus {
   outline: 0;
}



/* overig */

.itemside a.title:hover {
   color: #006bb6;
}

/* mode in de header switch tussen particulier en zakelijk */

.header_wrap .vat-mode {
   padding: 0.1rem 1rem;
   font-size: 0.8rem;
}


/* tabel kleuren */

.table {
   --bs-table-bg: transparent;
   --bs-table-striped-color: #004070;
   /* --bs-table-striped-bg: #eef3f8; */
   --bs-table-striped-bg: #f7f7f7;
   --bs-table-active-color: #004070;
   --bs-table-active-bg: #e0ecf8;
   --bs-table-hover-color: #004070;
   --bs-table-hover-bg: #e0ecf8;
   width: 100%;
   margin-bottom: 1rem;
   color: #004070;
   vertical-align: top;
   border-color: #dee2e6;
}

/* radio buttons */

.form-check-input:checked {
   background-color: #006bb6;
   border-color: #006bb6;
}


.card-banner .img-bg {
   top: 13px;
}


/* voor de tabellen op de contact pagina */

.table-fixed {
   table-layout: fixed;
}

.table-fixed th {
   width: 40%;
}



/* ul check */

.list-check>li::before {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   font-size: 17px;
   top: 0px;
}

h6,
h5,
h4,
h3,
h2,
h1 {
   margin-bottom: 0.9rem;
}

.h6,
.h5,
.h4,
.h3,
.h2,
.h1 {
    margin-bottom: 0.2rem; 
}



/* table op de servicecenter pagina */

#pricelist tr td:last-child,
#pricelist tr th:last-child {
   text-align: right;
   width: 80px;
}

#pricelist .table-dark {
   --bs-table-bg: #004070;
   --bs-table-striped-bg: #2c3034;
   --bs-table-striped-color: #fff;
   --bs-table-active-bg: #004070;
   --bs-table-active-color: #fff;
   --bs-table-hover-bg: #004070;
   --bs-table-hover-color: #fff;
   color: #fff;
   border-color: #004070;
}


/* kleuraanpassing accordion */

.accordion-button:focus {
   z-index: 3;
   border-color: #c1c9d0;
   outline: 0 !important;
   box-shadow: 0 0 0 0.25rem rgba(39, 156, 136, 0.25);
}

.accordion-header:hover .accordion-button {
   background-color: #006bb6;
   color: #fff;
}

.accordion-header:hover .accordion-button.collapsed::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-header:hover .accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed) {
   background-color: #004070;
   color: #fdfeff;
}


/* aanpassing hover title outlet */

a.itemside:hover .title {
   color: #006bb6;
}

/* aanpassing voor producttegel */

.card-product-grid .img-wrap {
   height: auto;
}


/* voor carousel swiper */
.swiper-button-next,
.swiper-button-prev {
   color: #fff;
}

.swiper-pagination-bullet-active {
   opacity: var(--swiper-pagination-bullet-opacity, 1);
   background: var(--swiper-pagination-color, var(--swiper-theme-color));
}


/* bullets verder uit elkaar */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 20px);
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
   bottom: var(--swiper-pagination-bottom, 0px);
   top: unset;
}


/* voor skyscraper banner */

.skyscraper.right {
   right: -195px;
}

.skyscraper.left {
   left: -195px;
}

.skyscraper {
   top: -20px;
}

.position-absolute {
   position: absolute !important;
}


/* Product card liggend */

[class*=card-product] .price-old {
   font-size: 95%;
}

/* product card grid */
.card-product-grid .info-wrap {
   padding: 0.5rem 1.2rem 1rem 1.2rem;
   overflow: hidden;
}

/* filter-goup */

.filter-group .card-header {
   height: 40px;
}

.icon-control {
   transition: transform 0.2s ease-in-out;
   transform: rotate(180deg); /* Chevron start nu standaard omhoog */
}

.rotated {
   transform: rotate(0deg); /* Chevron wijst naar beneden bij openen */
}

/* notification */

#notification-banners .notification-banner {
   padding: 15px;
   position: relative;
   text-align: center;
   border-radius: 5px;
   margin-bottom: 15px;
}

#notification-banners .notification-banner-info {
   background-color: #eef3f8;
   color: #004173;
   border: 1px solid #004070;
}

#notification-banners .notification-banner-warning {
   background-color: #f8d7da;
   color: #721c24;
   border: 1px solid #721c24;
}

#notification-banners .notification-banner-info-text {
   color: #004173;
}

#notification-banners .notification-banner-warning-text {
   color: #721c24;
}

#notification-banners .notification-title {
   font-weight: bold;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}

#notification-banners .notification-title .fa-icon {
   margin-right: 10px;
   font-size: 1.5rem;
}

#notification-banners .notification-title .fa-chevron-down {
   margin-left: 10px;
   transition: transform 0.3s ease;
}

#notification-banners .collapsed .fa-chevron-down {
   transform: rotate(0deg);
}

#notification-banners .expanded .fa-chevron-down {
   transform: rotate(180deg);
}

#notification-banners .notification-text {
   display: none;
   margin-top: 10px;
}

#notification-banners .close-btn {
   position: absolute;
   top: 10px;
   right: 15px;
   cursor: pointer;
   font-size: 1.5rem;
}

@media (min-width: 768px) {

   #notification-banners .notification-text {
      display: block !important;
   }

   #notification-banners .notification-title .fa-chevron-down {
      display: none;
   }
}

/* popover styling */

.popover {
   background-color: #fff; 
   border: 1px solid #ddd;
 }
 .popover-header {
   background-color: #004070; /* IQ blauwe header */
   color: white;
   font-weight: bold;
 }
 .popover-body {
   color: #333;
   font-size: 14px;
 }

/* range slider  EMS 25-03-2025*/

 #range-slider .slider-wrapper {
   margin-bottom: 1rem;
   min-height: 60px; 
   padding-inline: 10px; /* voorkomt dat de handle over de rand steekt */
 }
  
 #range-slider .slider-label {
   font-weight: bold;
   margin-bottom: 4px;
 }
 
 #range-slider .form_control {
   display: flex;
   gap: 1rem;
   margin-top: 0.5rem;
   justify-content: space-between;
 }
 
 #range-slider .fromInput,
 #range-slider .toInput {
   width: 70px;
   padding: 4px;
   border: 1px solid #ccc;
   border-radius: 4px;
 }
   
 #range-slider .noUi-handle {
   width: 18px;
   height: 18px;
   top: -6px;
   border-radius: 50%;
   background-color: var(--accent-color-2); /* egaal blauw */
   border: none;
   box-shadow: none;
   cursor: pointer;
 }
 
 #range-slider .noUi-horizontal .noUi-handle {
   right: -9px; /* duwt het rechter handvat iets naar binnen */
 }

 /* Verberg de standaard streepjes van noUiSlider */
 #range-slider .noUi-handle:before,
 #range-slider .noUi-handle:after {
   display: none;
 }
 
 /* Connectie-lijn (tussen de handles) */
 #range-slider .noUi-connect {
   background-color: var(--accent-color);;
 }
 
 /* Track (de sliderbalk zelf) */
 #range-slider .noUi-target {
   background-color: #dee2e6;
   border: none;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   height: 6px;
   border-radius: 3px;
 }


 /* Geen teksten omzetten naar telefoonnummers */
 .no-tel {
   -webkit-touch-callout: none;
   pointer-events: none;
 }

 .grecaptcha-badge { 
   visibility: hidden; 
   }
   
 .price {  
   font-weight: bold;
 }  

 .button-moreless {
   all: unset;
   cursor: pointer;
}