#hero.bnb-home:before {
background: var(--dark-60-color) !important;
opacity: 1 !important;
}
#hero.bnb-home .bt_bb_headline_subheadline {
max-width: 62ch;
margin-left: auto;
margin-right: auto;
} #hero.bnb-home .bt_bb_dual_buttons,
#contact.bnb-home .bt_bb_dual_buttons {
gap: 1em;
flex-wrap: wrap;
}
#hero.bnb-home .bt_bb_dual_buttons .bt_bb_button a,
#contact.bnb-home .bt_bb_dual_buttons .bt_bb_button a {
border-radius: var(--hard-rounded) !important;
}
#hero.bnb-home .bt_bb_dual_buttons .bt_bb_button .bt_bb_icon_holder,
#contact.bnb-home .bt_bb_dual_buttons .bt_bb_button .bt_bb_icon_holder {
order: 2;
margin-right: 0;
margin-left: 0.8rem;
} #waarom.bnb-home .bt_bb_counter_holder {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
align-items: center; text-align: center;
font-size: var(--large-title-size);
height: auto; overflow: visible;
}
#waarom.bnb-home .bt_bb_counter_holder .bt_bb_counter {
align-self: center;
height: 1.2em;
line-height: 1.2;
overflow: hidden;
}
#waarom.bnb-home .bt_bb_counter_holder .bt_bb_counter_content {
display: contents;
}
#waarom.bnb-home .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text {
order: 2;
margin: 0;
padding: 0;
font-size: inherit;
font-family: var(--heading-font);
font-weight: var(--heading-font-weight);
letter-spacing: var(--heading-letter-spacing);
color: var(--dark-color);
white-space: pre;
line-height: 1.2;
}
#waarom.bnb-home .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text_below {
order: 3;
flex: 0 0 100%;
margin-top: 0.75rem;
font-size: 0.875rem; line-height: 1.5;
color: var(--dark-color);
}
#waarom.bnb-home .bt_bb_counter_holder .bt_bb_counter_content .bt_bb_counter_text_below em {
font-family: var(--supertitle-font);
font-style: normal;
font-weight: 400;
text-transform: uppercase;
letter-spacing: var(--supertitle-letter-spacing);
} #uitgelicht.bnb-home .bt_bb_column.bt_bb_padding_double > .bt_bb_column_content {
padding: 1.8125em;
}
#uitgelicht.bnb-home .bt_bb_headline.bt_bb_size_small .bt_bb_headline_tag {
font-size: var(--small-title-size);
line-height: 1.2;
}
#uitgelicht.bnb-home .bt_bb_text p {
line-height: 1.8;
} #uitgelicht.bnb-home .bt_bb_column_content_inner {
display: grid;
grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
align-items: start;
}
#uitgelicht.bnb-home .bt_bb_column_content_inner > * {
grid-column: 1 / -1;
}
#uitgelicht.bnb-home .bt_bb_column_content_inner > .bt_bb_headline.bt_bb_size_extrasmall {
grid-column: 1;
align-self: center;
}
#uitgelicht.bnb-home .bt_bb_column_content_inner > .bt_bb_button.bt_bb_style_clean {
grid-column: 2;
align-self: center;
justify-self: end;
margin: 0;
}
#uitgelicht.bnb-home .bt_bb_headline.bt_bb_size_extrasmall .bt_bb_headline_superheadline {
color: var(--accent-color);
opacity: 1;
} #reviews.bnb-home .bt_bb_headline_tag[class] blockquote,
#reviews.bnb-home blockquote.bt_bb_headline_tag {
padding: 0;
min-height: 0;
margin: 0;
}
#reviews.bnb-home blockquote.bt_bb_headline_tag:before {
content: none;
}
#reviews.bnb-home .bt_bb_headline_subheadline {
margin-top: 1.5em;
font-family: var(--supertitle-font);
letter-spacing: var(--supertitle-letter-spacing);
font-size: var(--title-subtitle-size-small);
color: var(--accent-color);
} #contact.bnb-home:before {
background: var(--dark-60-color) !important;
opacity: 1 !important;
}   #uitgelicht.bnb-home .bt_bb_column.bt_bb_padding_double {
display: flex;
flex-direction: column;
}
#uitgelicht.bnb-home .bt_bb_column.bt_bb_padding_double > .bt_bb_column_content {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
#uitgelicht.bnb-home .bt_bb_column.bt_bb_padding_double > .bt_bb_column_content > .bt_bb_column_content_inner {
flex: 1 1 auto;
} .bt_bb_section#hero.bnb-hero-split.bt_bb_with_overlay_image .bt_bb_port:before,
.bt_bb_section#hero.bnb-hero-split.bt_bb_with_overlay_right_image .bt_bb_port:after {
width: 50%;
mix-blend-mode: normal;
filter: brightness(.86); }
#hero.bnb-hero-split {
background: var(--dark-color);
}
#hero.bnb-hero-split .bt_bb_promo {
margin-top: 2.25em;
} #uitgelicht.bnb-home .bt_bb_column.bt_bb_shape_hard-rounded > .bt_bb_column_content {
border-radius: var(--row-hard-rounded);
overflow: hidden;
}
#uitgelicht.bnb-home .bt_bb_column.bt_bb_shape_hard-rounded {
overflow: visible;
}   #klanten.bnb-kl .bt_bb_headline_superheadline { color: rgba(255, 255, 255, 0.6); }
#klanten.bnb-kl .bt_bb_headline_content { color: #fff; }
#klanten.bnb-kl .bt_bb_headline_content em { color: var(--accent-light-color, #d9c8b3); }
#klanten.bnb-kl .bnb-kl-quote blockquote {
margin: 0;
padding: 0;
min-height: 0;
color: rgba(255, 255, 255, 0.85);
font-size: 1.05rem;
line-height: 1.7;
}
#klanten.bnb-kl .bnb-kl-quote blockquote:before { content: none; }
#klanten.bnb-kl .bnb-kl-quote .bnb-rv-author {
margin-top: 0.75em;
color: var(--accent-light-color, #d9c8b3);
}
#klanten.bnb-kl .bnb-kl-photo,
#klanten.bnb-kl .bnb-kl-photo .bt_bb_image_content,
#klanten.bnb-kl .bnb-kl-photo a { display: block; }
#klanten.bnb-kl .bnb-kl-photo img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: var(--soft-rounded, 12px);
display: block;
}
#klanten.bnb-kl .bnb-kl-cell { margin-bottom: 15px; }
@media (max-width: 991px) {
#klanten.bnb-kl .bnb-kl-grid { margin-top: 2em; }
} .bnb-front.bt_bb_section + .bnb-front.bt_bb_section {
margin-top: clamp(2.5rem, 5vw, 5rem);
}   #reviews.bnb-rv-hero .bnb-rv-slidecard {
max-width: min(100%, 1100px);
margin-inline: auto;
}
#reviews.bnb-rv-hero .bnb-rv-slidecard .bt_bb_column_inner_content {
padding-top: clamp(3em, 5vw, 4.5em);
padding-bottom: clamp(3em, 5vw, 4.5em);
} #reviews.bnb-rv-hero .bnb-rv-slidecard .bt_bb_content_slider_item_content {
max-width: 720px;
margin-inline: auto;
}
#reviews.bnb-rv-hero .bnb-rv-slidecard > .bt_bb_column_content {
background-color: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
} #reviews.bnb-rv-hero .bt_bb_headline {
margin-bottom: 1.75em;
} #reviews.bnb-rv-hero button.slick-arrow {
padding: 0.4rem;
border-color: rgba(59, 59, 59, 0.35);
opacity: 0.55;
}
#reviews.bnb-rv-hero button.slick-arrow:before {
font-size: 1.5em;
}
#reviews.bnb-rv-hero button.slick-arrow:hover {
opacity: 1;
border-color: rgba(59, 59, 59, 0.6);
}
#klanten.bnb-kl .bt_bb_row { align-items: center; }
#klanten.bnb-kl .bnb-kl-grid > .bt_bb_column_content,
#klanten.bnb-kl .bnb-kl-grid > .bt_bb_column_content > .bt_bb_column_content_inner { display: flex; flex-direction: column; justify-content: center; height: 100%; }
#klanten.bnb-kl .bnb-kl-grid .bnb-kl-cell:last-child { margin-bottom: 0; }  .bnb-video-overlay {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(20, 20, 20, 0.88);
cursor: pointer;
}
.bnb-video-box {
position: relative;
max-width: min(92vw, calc(92vh * 9 / 16));
width: 100%;
cursor: default;
}
.bnb-video-box video {
display: block;
width: 100%;
max-height: 92vh;
background: #000;
border-radius: var(--soft-rounded, 12px);
}
.bnb-video-close {
position: absolute;
top: -14px;
right: -14px;
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
background: #fff;
color: #222;
font: 28px/40px sans-serif;
text-align: center;
cursor: pointer;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
padding: 0;
}
body.bnb-video-open { overflow: hidden; }
#klanten.bnb-kl .bnb-kl-photo a[href$=".mp4"] { cursor: pointer; } .bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover {
background: #b6935c !important;
}
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover,
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover .bt_bb_card_icon_title,
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover .bt_bb_card_icon_content_inner,
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover .bt_bb_card_icon_content_inner p,
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover .bt_bb_button a,
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover .bt_bb_button .bt_bb_icon_holder,
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover .bt_bb_card_icon_icon .bt_bb_icon .bt_bb_icon_holder,
.bnb-home .bt_bb_card_icon[class*="bt_bb_hover_color_scheme"]:hover .bt_bb_card_icon_icon .bt_bb_icon.bt_bb_style_borderless .bt_bb_icon_holder:before {
color: var(--beige-color, #f4f0ec) !important;
} #waarom.bnb-home .bt_bb_headline .bt_bb_headline_tag,
#waarom.bnb-home .bt_bb_headline .bt_bb_headline_content,
#waarom.bnb-home .bt_bb_headline .bt_bb_headline_content em,
#waarom.bnb-home .bt_bb_headline .bt_bb_headline_subheadline,
#waarom.bnb-home .bt_bb_service .bt_bb_service_content_title,
#waarom.bnb-home .bt_bb_service .bt_bb_service_content_text,
#waarom.bnb-home .bt_bb_text,
#waarom.bnb-home .bt_bb_text p,
#waarom.bnb-home .bt_bb_service .bt_bb_icon_holder,
#waarom.bnb-home .bt_bb_service .bt_bb_icon_holder:before {
color: var(--beige-color, #f4f0ec) !important;
}
#waarom.bnb-home .bt_bb_headline .bt_bb_headline_superheadline {
color: var(--beige-color, #f4f0ec) !important;
opacity: 0.8;
} #waarom.bnb-home .bt_bb_service.bt_bb_style_outline .bt_bb_icon_holder {
box-shadow: 0 0 0 1px var(--beige-color, #f4f0ec) inset !important;
background: transparent !important;
} @media (max-width: 767px) {
#uitgelicht.bnb-home .bt_bb_row_holder > .bt_bb_column {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
} #ambassadeurs.bnb-amb .bnb-amb-kaart .bt_bb_image img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: center top;
}
#ambassadeurs.bnb-amb .bnb-amb-logo .bt_bb_image img {
object-fit: contain;
padding: 14%;
background: #fff;
}
#ambassadeurs.bnb-amb .bnb-amb-kaart .bt_bb_text p {
margin: 0;
color: var(--dark-gray-color);
} #reviews.bnb-home .bnb-reviews-klanten p {
max-width: 60ch;
margin: 0 auto;
text-align: center;
line-height: 1.8;
}
#reviews.bnb-home .bnb-reviews-landen {
justify-content: center;
gap: 1em;
flex-wrap: wrap;
margin-top: 1.25em;
}
#reviews.bnb-home .bnb-reviews-landen .bt_bb_button a {
border-radius: var(--hard-rounded) !important; --primary-color: #9f8250;
--secondary-color: #fff;
transition: background-color 0.2s, color 0.2s;
}
#reviews.bnb-home .bnb-reviews-landen .bt_bb_button:hover a,
#reviews.bnb-home .bnb-reviews-landen .bt_bb_button:focus a,
#reviews.bnb-home .bnb-reviews-landen .bt_bb_button a:hover {
background-color: #9f8250;
color: #fff;
box-shadow: 0 0 0 1px #9f8250 inset;
}
#reviews.bnb-home .bnb-reviews-landen .bt_bb_button a:hover .bt_bb_icon_holder,
#reviews.bnb-home .bnb-reviews-landen .bt_bb_button:hover .bt_bb_icon_holder {
color: #fff;
} #reviews.bnb-home .bnb-reviews-landen:hover .bt_bb_button:not(:hover) a,
#reviews.bnb-home .bnb-reviews-landen:hover .bt_bb_button:not(:hover) a .bt_bb_icon_holder {
background-color: transparent !important;
color: #9f8250 !important;
box-shadow: 0 0 0 1px #9f8250 inset !important;
}
#reviews.bnb-home .bnb-reviews-landen:hover .bt_bb_button:not(:hover) a .bt_bb_icon_holder {
box-shadow: none !important;
}
#reviews.bnb-home .bnb-reviews-landen .bt_bb_button .bt_bb_icon_holder {
order: 2;
margin-right: 0;
margin-left: 0.8rem;
} #reviews.bnb-home .bnb-reviews-kaart {
margin: 0 auto 1.5em;
max-width: 440px;
}
#reviews.bnb-home .bnb-reviews-kaart a {
display: block;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 6px 24px rgba(20, 18, 16, 0.08);
transition: transform 0.25s, box-shadow 0.25s;
}
#reviews.bnb-home .bnb-reviews-kaart a:hover,
#reviews.bnb-home .bnb-reviews-kaart a:focus-visible {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(20, 18, 16, 0.14);
}
#reviews.bnb-home .bnb-reviews-kaart img {
display: block;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
#reviews.bnb-home .bt_bb_column_content_inner:has(> .bnb-reviews-kaart) {
display: grid;
grid-template-columns: minmax(0, 440px) minmax(0, 520px);
justify-content: center;
column-gap: 3.5em;
}
#reviews.bnb-home .bt_bb_column_content_inner:has(> .bnb-reviews-kaart) > * {
grid-column: 1 / -1;
}
#reviews.bnb-home .bt_bb_column_content_inner > .bnb-reviews-kaart {
grid-column: 1;
grid-row: span 2;
align-self: center;
margin: 0;
max-width: none;
}
#reviews.bnb-home .bt_bb_column_content_inner:has(> .bnb-reviews-kaart) > .bnb-reviews-klanten {
grid-column: 2;
align-self: end;
}
#reviews.bnb-home .bt_bb_column_content_inner:has(> .bnb-reviews-kaart) > .bnb-reviews-landen {
grid-column: 2;
align-self: start;
justify-content: flex-start;
}
#reviews.bnb-home .bt_bb_column_content_inner:has(> .bnb-reviews-kaart) .bnb-reviews-klanten p {
margin: 0;
text-align: left;
}
} #hero.bnb-hero-split .bt_bb_headline_tag,
#hero.bnb-hero-split .bt_bb_headline_superheadline,
#hero.bnb-hero-split .bt_bb_promo {
text-shadow: 0 1px 2px rgba(20, 18, 16, 0.4), 0 2px 22px rgba(20, 18, 16, 0.55);
} .bnb-home-blog .bt_bb_grid_item_post_content {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto 1fr auto;
justify-content: space-between;
height: 100%;
}
.bnb-home-blog .bt_bb_grid_item_post_title { grid-column: 1 / -1; grid-row: 1; margin: 0; }
.bnb-home-blog .bt_bb_grid_item_post_excerpt { grid-column: 1 / -1; grid-row: 2; }
.bnb-home-blog .bt_bb_grid_item_meta {
grid-column: 1;
grid-row: 3;
align-self: center;
justify-self: start;
width: auto;
height: auto;
margin: 0;
white-space: nowrap;
}
.bnb-home-blog .bt_bb_grid_item_item_read_more {
grid-column: 2;
grid-row: 3;
align-self: center;
justify-self: end;
width: auto;
height: auto;
margin: 0;
}
.bnb-home-blog .bt_bb_grid_item_item_read_more .bt_bb_button_text {
text-transform: none;
white-space: nowrap;
} @media (max-width: 1100px) {
.bnb-home-blog .bt_bb_grid_item_post_content {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto auto;
justify-content: stretch;
}
.bnb-home-blog .bt_bb_grid_item_meta { grid-column: 1; grid-row: 3; }
.bnb-home-blog .bt_bb_grid_item_item_read_more {
grid-column: 1;
grid-row: 4;
justify-self: start;
margin-top: 0.6rem;
}
} #klanten.bnb-kl .bnb-kl-photo img { aspect-ratio: 4 / 3; object-position: 50% 25%; }
#klanten.bnb-kl .bnb-kl-text .bt_bb_separator { display: none; }
#klanten.bnb-kl .bnb-kl-text .bt_bb_headline { margin-bottom: 1.25rem; } .bt_bb_section#hero.bnb-hero-split.bt_bb_with_overlay_image .bt_bb_port:before,
.bt_bb_section#hero.bnb-hero-split.bt_bb_with_overlay_right_image .bt_bb_port:after {
filter: brightness(.66);
}