/* 20261027161700 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
@font-face {
    font-family: 'Proximate';
    src: url('Proximate-Regular.woff2') format('woff2'),
        url('Proximate-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.logo {
    width: 100%;
    height: 100%;
}

.br-xl {
    border-radius: 10px!important;
}

#header-fancy-cart:before {
  background: #cceaff;
  opacity: 1;
  border-radius: 10px;
}
.usp-bar .subheader-hallmark svg {
    height: 19px;
}

.pre-footer {
  background: #1D1D1D;
  color: #fff;
}

.button-footer {
    color: #1D1D1D;
}

.button-footer-lined, .button-footer-lined:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.vat-switcher-label:after {
    background: #cceaff;
  opacity: 1;
}

.slider-height-large .swiper-slide {
    min-height: 540px;
    height: calc(80vh - 160px);
}

.slider-with-overlays .banner-content-holder, .banner-overlay{
  background: transparent linear-gradient(90deg, rgb(0 0 0 / 90%) 0%, #0C0C0CAC 53%, #54545400 100%) 0% 0% no-repeat padding-box!important;
}

.slider-with-overlays .banner-content-holder::after, .banner-overlay::after {
  content: "";
  background: transparent linear-gradient(0deg, #069FFF 0%, #54545400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.25;
  position: absolute;
  bottom: 0px;
  left: 0px;
	width: 100%;
  height: 75%;
  z-index: -1;
}

.mod-banner .banner-content-holder {
  background: transparent linear-gradient(270deg, rgb(0 0 0 / 90%) 0%, #0C0C0CAC 53%, #54545400 100%) 0% 0% no-repeat padding-box!important;
}

.mod-banner .banner-content-holder::after {
  content: "";
  background: transparent linear-gradient(360deg, #069FFF 0%, #54545400 100%) 0% 0% no-repeat padding-box;
  opacity: 0.25;
  position: absolute;
  bottom: 0px;
  right: 0px;
	width: 100%;
  height: 75%;
}

.product-block,.quick-order-button, .quick-order input, .sticky-addtocart input {
  border-radius: 10px;
}

.dy-variant-active {
		border-color: #cceaff;
    font-weight: 600;
    border-bottom-width: 0px;
  	background: #cceaff;
}

.dy-variant-block {
    border: 1px solid #cceaff;
}

.product-details .content table {
  overflow-x: auto;
  border: none;
  margin-top: 10px;
  margin-bottom: 15px;
}

.product-details .content table td {
  padding: 5px;
  border: none;
}

.product-details .content table tr:nth-child(odd) td {
  background: rgb(29 29 29 / 15%)!important
}

.home-module.mod-categories {
  background: var(--navbar-bg-color);
  color: #fff;
}

.home-module.mod-categories .headline {
	color: #fff;
}

.button-icon-circle {
   background: var(--navbar-bg-color);
}

.slider-content .banner-subtitle {
  font-size: 14px;
}

.b2b-pricing-incl .vat-switcher-label-incl {
  display: initial;
}

.b2b-pricing-incl .vat-switcher-label-excl {
  display: none;
}

.b2b-pricing-excl .vat-switcher-label-excl {
  display: initial;
}

.b2b-pricing-excl .vat-switcher-label-incl {
  display: none;
}

.collection-category-carousel-block {
  max-width: 250px;
}

.mobile-nav-list-item img {
  display: none;
}


@media (max-width: 767px) {
#checkout-header .logo {
  width: auto;
  max-height: 40px;
  }
}

@media (min-width: 767px) {
#checkout-header .logo {
  width: auto;
  height: 50px;
  }
  #header-content .fancy-box {
    transform: translateY(80px)!important;
  }
}

.subheader-hallmark .hallmark-img {
  height: 20px;
  margin-left: 5px;
}


.block-cta {
  background: #1d1d1d;
  border-radius: var(--border-radius);
}
.block-cta__title {
	color: #fff!important;
}
@media (max-width: 1200px) {
  .block-cta__title {
		margin-bottom: 20px;
  }
}
.button-footer:hover {
  color: #333;
}


.bg-highlight {
  background: var(--navbar-bg-color);
  border-radius: 10px;
  color: #fff;
}

/* Home CTA */
.banner-content-holder {
  position: absolute;
  z-index: 2;
}
@media (min-width: 992px) {
.home-cta {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: var(--border-radius);
  padding: 30px;
  width: 350px;
  align-self: end;
}
}
.home-cta .button.with-icon i::before {
	margin-top: -1px;
}
/*@media (max-width: 992px) {
  .home-cta .button {
    background-color: #2B2114 !important;
    color: #fff !important;
  }
}*/
@media (max-width: 576px) {
	.home-cta {
  	width: 100%;
    padding: 15px;
  }
  .slider-side-block-highlights {
    height: 75vh;
  }
  .home-cta h2 {
    font-size: 18px;
  }

}
.home-cta h2 {
  color: #2B2114;
}
.d-block.d-lg-none.container.gray-bg {
  background: rgb(0 0 0 / 5%);
}
@media (min-width: 576px) {
.d-block.d-lg-none.container.gray-bg {
  background: rgb(0 0 0 / 5%);
  padding: 0px 50px 25px 50px;
}
}

.gui-messages ul.gui-error {
  color: #000;
  border-color: #ffd9ac;
  border-left-color: #ff8900;
  background: #fffbf6;
}

@media (max-width: 767px) {
.usp-carousel-pos-top {
        padding-top: 0px !important;
    }
}

#information h2 {
  font-size: 16px;
}


.proscons {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 15px;
}

.proscons li {
  display: flex;
  align-items: center;
  margin-top: 3px;
}

.proscons i {
  margin-right: 3px;
  color: #fff;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-text-stroke: 1px;
}

.proscons i::before {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.proscons .bi-plus::before {
  background: #00b900; 
}

.proscons .bi-dash::before {
  background: #706f6f; 
}

.bg.title-font {
    font-size: 85px;
    font-style: italic;
    font-weight: 800;
}

.add-to-cart-button {
  border-radius: var(--button-border-radius)!important;
}

.container.productpage .add-to-cart-button {
  border-radius: 2px!important;
}

.addtocart-sticky .button-cta, #add-to-cart-button, #cart-totals .button-cta.add-to-cart-button, .cart-proceed .add-to-cart-button {
  background-color: #00B900 !important;
  background-image:none !important;}

#regular-buy-button {
  background-color:#00b900 !important;
}
.block-whatsapp {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 30px;
	left: 30px;
  line-height: 53px;
	background-color: #25D366;
	color: #fff;
	border-radius: 50%;
	text-align: center;
  font-size: 30px;
  z-index: 100;
  overflow: hidden;
  transition: background-color .4s ease;
}
.block-whatsapp:hover {
	color: #fff;
  background-color: #1EBE5D;
}
.block-whatsapp i {
	left: 1px;
  position: relative;
}

/* Homepage content basis */
.homepage-content {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.homepage-content,
.homepage-content * {
  box-sizing: border-box;
}

.homepage-content h2 {
  margin: 0 0 12px 0;
}

.homepage-content h3 {
  margin: 0 0 10px 0;
}

.homepage-content p {
  margin: 0 0 18px 0;
  line-height: 1.6;
}

.homepage-content p:last-child {
  margin-bottom: 0;
}

/* 3 navigatieblokken: categorieën, oplossingen, advies */
.gid-home-nav-wrap {
  width: 100%;
  max-width: 100%;
  margin: 50px auto 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.gid-home-nav-wrap,
.gid-home-nav-wrap * {
  box-sizing: border-box;
}

.gid-home-nav-grid {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin: 0;
  padding: 0;
  align-items: start;
}

.gid-home-nav-card {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.gid-home-nav-image-link {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
  padding: 0;
  text-decoration: none;
}

.gid-home-nav-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  margin: 0;
  border-radius: 6px;
}

.gid-home-nav-text {
  max-width: 520px;
  margin: 0 auto 28px auto;
  padding: 0 12px;
  line-height: 1.6;
  text-align: center;
}

.gid-home-nav-button {
  display: inline-block;
  min-width: 220px;
  background: #009df5;
  color: #ffffff !important;
  padding: 16px 28px;
  border-radius: 8px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.gid-home-nav-button:hover,
.gid-home-nav-button:focus {
  background: #0089d6;
  color: #ffffff !important;
  text-decoration: none !important;
}

.gid-home-nav-button:active {
  transform: translateY(1px);
}

/* Populaire geluidsisolatie materialen */
.popular-materials-grid {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 36px;
  margin: 28px 0 0 0;
  padding: 0;
  align-items: start;
}

.popular-material-item {
  width: 100%;
  margin: 0;
  padding: 0;
}

.popular-material-item h3 {
  margin: 0 0 10px 0;
}

.popular-material-item p {
  margin: 0;
  line-height: 1.6;
}

.popular-material-item a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.popular-material-item a:hover,
.popular-material-item a:focus {
  color: #009df5;
}

/* Tablet */
@media (max-width: 991px) {
  .gid-home-nav-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .gid-home-nav-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gid-home-nav-text {
    max-width: 650px;
    padding-left: 0;
    padding-right: 0;
  }

  .popular-materials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}

/* Mobiel */
@media (max-width: 600px) {
  .homepage-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gid-home-nav-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 35px;
  }

  .gid-home-nav-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .gid-home-nav-image-link {
    margin-bottom: 18px;
  }

  .gid-home-nav-text {
    margin-bottom: 22px;
  }

  .gid-home-nav-button {
    width: 100%;
    min-width: 0;
  }

  .popular-materials-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

.fz-100 {
    text-transform: none !important;
}