/* ============================================================
BB GLOBAL CSS (preview-embedded — zelfde als bb-global.css)
============================================================ */
/* Lettertypen worden niet-blokkerend ge-enqueued via functions.php (Mulish).
JetBrains Mono valt terug op systeem-monospace. */
:root {
--bb-green-dark: #4d7060;
--bb-green: #6b8d7a;
--bb-green-light: #a8c0b0;
--bb-sand: #e8d9b0;
--bb-sand-light: #f5ebd0;
--bb-yellow: #f4c542;
--bb-orange: #e3a134;
--bb-blue-light: #a4ccd5;
--bb-blue: #2b9bb5;
--bb-peach: #f5cfa8;
--bb-page-bg: #ffffff;
--bb-cream: #faf6ed;
--bb-text: #2a3a32;
--bb-text-light: #ffffff;
--bb-font-display: 'Kilimanjaro Sans ExtraTall Rnd3', 'Mulish', system-ui, sans-serif;
--bb-font-body: 'Mundial', 'Mulish', system-ui, sans-serif;
--bb-space-xs: clamp(0.4rem, 0.5vw, 0.5rem);
--bb-space-sm: clamp(0.75rem, 1vw, 1rem);
--bb-space-md: clamp(1.25rem, 2.2vw, 2rem);
--bb-space-lg: clamp(2rem, 4.5vw, 4rem);
--bb-space-xl: clamp(3rem, 6.5vw, 6rem);
--bb-container-max: 1400px;
--bb-container-padding: clamp(20px, 4vw, 50px);
--bb-radius-sm: 8px;
--bb-radius-md: clamp(12px, 1.5vw, 16px);
--bb-radius-lg: clamp(16px, 2vw, 24px);
--bb-radius-xl: clamp(20px, 2.5vw, 32px);
--bb-radius-pill: 999px;
--bb-text-xs: 0.75rem;
--bb-text-sm: 0.875rem;
--bb-text-base: 1rem;
--bb-text-lg: 1.125rem;
--bb-h-display: clamp(2.5rem, 5.5vw, 5rem);
--bb-h-section: clamp(2rem, 4vw, 3.5rem);
--bb-h-card: clamp(1.1rem, 1.4vw, 1.3rem);
--bb-shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
--bb-shadow-md: 0 8px 24px rgba(0,0,0,0.12);
}
.bb-section, .bb-section *, .bb-section *::before, .bb-section *::after { box-sizing: border-box; }
.bb-section { font-family: var(--bb-font-body); color: var(--bb-text); line-height: 1.5; position: relative; }
.bb-section img, .bb-section svg { max-width: 100%; height: auto; display: block; }
.bb-container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto; padding-inline: var(--bb-container-padding);
}
.bb-hide-mobile { display: block; }
.bb-show-mobile { display: none; }
@media (max-width: 767px) {
.bb-hide-mobile { display: none; }
.bb-show-mobile { display: block; }
}
/* === HERO === */
.bb-hero {
position: relative; width: 100%;
max-width: var(--bb-container-max);
margin-inline: auto;
height: clamp(440px, 64vw, 840px);
overflow: hidden; background: var(--bb-green-dark);
}
@media (max-width: 1024px) {
.bb-hero {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
max-width: 100vw;
flex-shrink: 0;
}
}
@media (max-width: 768px) {
.bb-hero { height: clamp(560px, 92vw, 760px); }
}
.bb-hero__slideshow { position: absolute; inset: 0; }
.bb-hero__slide { position: absolute; inset: 0; opacity: 0; will-change: opacity; }
.bb-hero__slide img {
width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.bb-hero--slides-3 .bb-hero__slide { animation: bb-hero-fade-3 24s infinite ease-in-out; }
.bb-hero--slides-3 .bb-hero__slide:nth-child(1) { animation-delay: 0s; }
.bb-hero--slides-3 .bb-hero__slide:nth-child(2) { animation-delay: 8s; }
.bb-hero--slides-3 .bb-hero__slide:nth-child(3) { animation-delay: 16s; }
@keyframes bb-hero-fade-3 {
0% { opacity: 0; }
4% { opacity: 1; }
33% { opacity: 1; }
37% { opacity: 0; }
100% { opacity: 0; }
}
.bb-hero--slides-4 .bb-hero__slide { animation: bb-hero-fade-4 24s infinite ease-in-out; }
.bb-hero--slides-4 .bb-hero__slide:nth-child(1) { animation-delay: 0s; }
.bb-hero--slides-4 .bb-hero__slide:nth-child(2) { animation-delay: 6s; }
.bb-hero--slides-4 .bb-hero__slide:nth-child(3) { animation-delay: 12s; }
.bb-hero--slides-4 .bb-hero__slide:nth-child(4) { animation-delay: 18s; }
@keyframes bb-hero-fade-4 {
0% { opacity: 0; }
4% { opacity: 1; }
25% { opacity: 1; }
29% { opacity: 0; }
100% { opacity: 0; }
}
.bb-hero__wave {
position: absolute; bottom: -1px; left: 0;
width: 100%; height: clamp(64px, 9vw, 130px);
pointer-events: none; z-index: 2; overflow: hidden;
}
.bb-hero__wave-track {
position: absolute; bottom: 0; left: 0;
width: 200%; height: 100%;
will-change: transform;
animation: bb-wave-slide 18s linear infinite;
}
.bb-hero__wave-track svg {
position: absolute; inset: 0; width: 100%; height: 100%;
display: block; fill: var(--bb-cream);
transform-origin: center bottom;
animation: bb-wave-breathe-strong 4.2s ease-in-out infinite;
}
/* Achterste golf: zandkleurig, trager en tegengesteld → diepte */
.bb-hero__wave-track--back { animation-duration: 26s; animation-direction: reverse; opacity: 0.7; }
.bb-hero__wave-track--back svg { fill: var(--bb-sand); animation-duration: 5.6s; }
/* Voorste golf bovenop */
.bb-hero__wave-track--front svg { fill: var(--bb-cream); }
/* Gele crest-lijn die op de top van de golf meedeint */
.bb-hero__wave-crest {
fill: none; stroke: var(--bb-yellow); stroke-width: 3.5;
vector-effect: non-scaling-stroke; opacity: 0.95;
filter: drop-shadow(0 0 6px rgba(244,197,66,0.5));
}
@keyframes bb-wave-slide {
from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(-50%, 0, 0); }
}
@keyframes bb-wave-breathe {
0%, 100% { transform: scaleY(0.85); }
50% { transform: scaleY(1.25); }
}
@keyframes bb-wave-breathe-strong {
0%, 100% { transform: scaleY(0.5); }
50% { transform: scaleY(1.5); }
}
@media (prefers-reduced-motion: reduce) {
.bb-hero__slide,
.bb-hero__wave-track,
.bb-hero__wave-track svg { animation: none; }
.bb-hero__slide:first-child { opacity: 1; }
}
/* === Updated button to match brand === */
.bb-button {
display: inline-flex; align-items: center; justify-content: center;
gap: 0.5rem; padding: 0.75rem 1.875rem;
font-family: var(--bb-font-display); font-weight: 700;
font-size: var(--bb-text-lg); line-height: 1; text-decoration: none;
border: 2px solid transparent; border-radius: var(--bb-radius-sm); cursor: pointer;
transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.bb-button.bb-button--primary {
background-color: var(--bb-yellow); color: var(--bb-text);
border-color: transparent;
box-shadow: 0 3px 5px rgba(0,0,0,0.25);
}
.bb-button.bb-button--primary:hover {
background-color: var(--bb-green-dark); color: var(--bb-yellow);
transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,0.3);
}
/* === BUBBLE-ARROW knop op body-CTA (uit animatie-bibliotheek, BeachBreak-stijl) ===
In rust een compact rond knopje met pijltje; bij hover schuift het tekst-pilletje
open, verschijnt rechts een gekleurde pijl-bubbel die opschaalt en het pijltje
draait 45° mee. Het ronde rust-knopje krimpt tegelijk weg. Puur CSS. */
.wa-btn-bubble-arrow {
/* STANDAARD CTA = geel (op niet-gele achtergrond). Pijl-bubbel is groen,
de pijl zelf geel zodat hij de pill echoot. */
--wa-bubble-content-bg: var(--bb-yellow); /* tekst-pill = geel */
--wa-bubble-content-fg: var(--bb-text); /* donkere tekst op geel */
--wa-bubble-alt-bg: var(--bb-green-dark); /* rust-knopje (groen) */
--wa-bubble-accent: var(--bb-green-dark); /* hover-bubbel (groen) */
--wa-bubble-arrow-fg: var(--bb-yellow); /* gele pijl op groene bubbel */
font-size: 0.95rem; /* basismaat body-knoppen */
border-radius: 10em;
justify-content: center; align-items: center;
text-decoration: none;
display: inline-flex; position: relative;
}
/* GROEN-variant: gebruiken bij een gele/oranje/gouden achtergrond, zodat de knop
contrasteert. De anders-gele pijl-bubbel wordt hier beige + donkere pijl. */
.wa-btn-bubble-arrow.wa-btn-bubble-arrow--on-yellow {
--wa-bubble-content-bg: var(--bb-green-dark); /* tekst-pill = groen */
--wa-bubble-content-fg: #ffffff; /* witte tekst op groen */
--wa-bubble-alt-bg: var(--bb-sand); /* rust-knopje (beige, niet geel) */
--wa-bubble-accent: var(--bb-sand); /* hover-bubbel (beige, niet geel) */
--wa-bubble-arrow-fg: var(--bb-text); /* donkere pijl op beige */
}
.wa-btn-bubble-arrow__arrow {
color: var(--wa-bubble-arrow-fg);
background-color: var(--wa-bubble-accent);
border-radius: 10em;
flex-flow: row; justify-content: center; align-items: center;
width: 3.75em; height: 3.75em;
display: flex; position: relative;
transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
transform: scale(0) rotate(0.001deg);
transform-origin: left;
}
/* Het zichtbare rust-knopje: staat rechts, op schaal 1 */
.wa-btn-bubble-arrow__arrow.is--duplicate {
z-index: 2;
background-color: var(--wa-bubble-alt-bg);
position: absolute; right: 0;
transform: scale(1) rotate(0.001deg);
transform-origin: right;
}
.wa-btn-bubble-arrow__arrow-svg {
width: 40%;
transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
transform: rotate(0.001deg);
}
.wa-btn-bubble-arrow__content {
color: var(--wa-bubble-content-fg);
background-color: var(--wa-bubble-content-bg);
border-radius: 10em;
justify-content: center; align-items: center;
height: 3.75em; padding-left: 2em; padding-right: 2em;
font-family: var(--bb-font-display); font-weight: 700;
display: flex; position: relative;
transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
transform: translateX(-3.75em) rotate(0.001deg);
}
.wa-btn-bubble-arrow__content-text { line-height: 1; white-space: nowrap; }
.wa-btn-bubble-arrow:hover .wa-btn-bubble-arrow__content { transform: translateX(0em) rotate(0.001deg); }
.wa-btn-bubble-arrow:hover .wa-btn-bubble-arrow__arrow-svg { transform: rotate(-45deg); }
.wa-btn-bubble-arrow:hover .wa-btn-bubble-arrow__arrow { transform: scale(1) rotate(0.001deg); }
.wa-btn-bubble-arrow:hover .wa-btn-bubble-arrow__arrow.is--duplicate { transform: scale(0) rotate(0.001deg); }
@media (prefers-reduced-motion: reduce) {
.wa-btn-bubble-arrow__arrow,
.wa-btn-bubble-arrow__arrow-svg,
.wa-btn-bubble-arrow__content { transition: none !important; }
}
/* --- Bubble-arrow toegepast op de HERO-CTA: oude knop-styling neutraliseren,
reveal-hook (.bb-hero__cta) en margin blijven behouden --- */
.bb-hero__cta.wa-btn-bubble-arrow {
background: none; padding: 0; box-shadow: none; gap: 0;
font-size: 1.05rem; /* schaalt de bubbel-knop in de hero */
}
.bb-hero__cta.wa-btn-bubble-arrow::after { content: none; } /* oude → pijl weg */
/* --- Bubble-arrow toegepast op de NIEUWSBRIEF-submit: knop-reset + recolor
voor de oranje achtergrond, en op formulier-hoogte geschaald --- */
.bb-newsletter .bb-newsletter__submit.wa-btn-bubble-arrow {
flex: 0 0 auto; align-self: center;
background: none; border: 0; padding: 0; border-radius: 10em;
font-size: 0.95rem; /* gelijk aan de body-knop */
/* groen-variant, maar bubbels wit (echoot de invoervelden, pop op oranje) */
--wa-bubble-alt-bg: #ffffff; /* rust-knopje wit */
--wa-bubble-accent: #ffffff; /* hover-bubbel wit */
--wa-bubble-arrow-fg: var(--bb-text); /* donkere pijl op wit */
}
/* === CURSOR-FOLLOWING CIRCLE FILL knop (uit animatie-bibliotheek, BeachBreak-stijl) ===
Bij hover groeit een gekleurde cirkel op vanaf de cursorpositie en volgt 'm.
Toegepast op de losse nav-knop rechtsboven. */
.wa-btn-circlefill {
/* BeachBreak-recolor: witte pill, gele cirkel-fill vanaf de cursor */
--wa-btn-circlefill-color: var(--bb-green-dark);
--wa-btn-circlefill-color-background: #fff;
--wa-btn-circlefill-hover-color: var(--bb-text);
--wa-btn-circlefill-hover-color-background: var(--bb-yellow);
--wa-btn-circlefill-color-focus: var(--bb-green-dark);
--wa-btn-circlefill-padding: 0.78em 1.6em;
--wa-btn-circlefill-border-radius: var(--bb-radius-pill);
--wa-btn-circlefill-focus-inset: -0.125em;
--wa-btn-circlefill-hover-scale: 1.065 1.095;
--wa-btn-circlefill-click-scale: 0.955, 0.925;
--wa-btn-circlefill-ease-click: cubic-bezier(0.4, 0, 0.2, 1);
--wa-btn-circlefill-ease-hover: cubic-bezier(0.34, 2.27, 0.64, 1);
--wa-btn-circlefill-ease-focus: cubic-bezier(0.32, 0.72, 0, 1);
color: var(--wa-btn-circlefill-color);
-webkit-user-select: none; user-select: none;
background-color: #0000; outline-style: none; padding: 0; line-height: 1;
text-decoration: none; display: inline-grid; position: relative;
-webkit-tap-highlight-color: transparent;
transition: color 0.25s ease-out;
}
.wa-btn-circlefill::after {
content: ''; display: block; position: absolute;
inset: var(--wa-btn-circlefill-focus-inset);
border-radius: var(--wa-btn-circlefill-border-radius);
transition: box-shadow 0.3s var(--wa-btn-circlefill-ease-focus), scale 0.4s var(--wa-btn-circlefill-ease-hover);
pointer-events: none; z-index: 1;
}
.wa-btn-circlefill:is(:hover, :focus-visible),
[data-hover]:is(:hover, :focus-visible) .wa-btn-circlefill { color: var(--wa-btn-circlefill-hover-color); }
.wa-btn-circlefill:is(:focus-visible)::after {
box-shadow: 0 0 0 0.125em var(--wa-btn-circlefill-color-focus);
scale: var(--wa-btn-circlefill-hover-scale);
transition: box-shadow 0.3s var(--wa-btn-circlefill-ease-focus), scale 0.425s 0.05s var(--wa-btn-circlefill-ease-hover);
}
.wa-btn-circlefill__bg {
background-color: var(--wa-btn-circlefill-color-background);
border-radius: var(--wa-btn-circlefill-border-radius);
grid-area: 1 / 1; width: 100%; height: 100%; padding: 0;
transition: background-color 0.25s ease-out, scale 0.4s var(--wa-btn-circlefill-ease-hover), transform 0.15s var(--wa-btn-circlefill-ease-click);
}
.wa-btn-circlefill:active .wa-btn-circlefill__bg { transform: scale(var(--wa-btn-circlefill-click-scale)); }
.wa-btn-circlefill:is(:focus-visible) .wa-btn-circlefill__bg { background-color: var(--wa-btn-circlefill-hover-color-background) !important; }
.wa-btn-circlefill__bg-circle {
z-index: 1; border-radius: var(--wa-btn-circlefill-border-radius);
grid-area: 1 / 1; place-self: center;
width: calc(100% + 1px); height: calc(100% + 1px);
position: relative; overflow: clip;
transition: background-color 0.25s ease-out, scale 0.4s var(--wa-btn-circlefill-ease-hover), transform 0.15s var(--wa-btn-circlefill-ease-click);
}
.wa-btn-circlefill:active .wa-btn-circlefill__bg-circle { transform: scale(var(--wa-btn-circlefill-click-scale)); }
.wa-btn-circlefill__circle-wrap {
transform-origin: 0 0; will-change: transform;
position: absolute; inset: 0%; transform: scale(0);
}
.wa-btn-circlefill__circle {
aspect-ratio: 1; background-color: var(--wa-btn-circlefill-hover-color-background);
border-radius: 50%; width: 200%; display: block; position: absolute;
inset: 0% auto auto 0%; transform: translate(-50%, -50%);
}
.wa-btn-circlefill__inner {
grid-column-gap: .125em; grid-row-gap: .125em;
width: 100%; height: 100%; padding: var(--wa-btn-circlefill-padding);
z-index: 2; grid-area: 1 / 1; justify-content: center; align-items: center; display: flex;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
.wa-btn-circlefill:is(:hover, :focus-visible) .wa-btn-circlefill__bg,
[data-hover]:is(:hover, :focus-visible) .wa-btn-circlefill .wa-btn-circlefill__bg {
scale: var(--wa-btn-circlefill-hover-scale);
transition: background-color 0.25s 0.05s ease-out, scale 0.425s 0.05s var(--wa-btn-circlefill-ease-hover), transform 0.15s var(--wa-btn-circlefill-ease-click);
background-color: var(--wa-btn-circlefill-color-background);
}
.wa-btn-circlefill:is(:hover, :focus-visible) .wa-btn-circlefill__bg-circle,
[data-hover]:is(:hover, :focus-visible) .wa-btn-circlefill .wa-btn-circlefill__bg-circle {
scale: var(--wa-btn-circlefill-hover-scale);
transition: background-color 0.25s 0.05s ease-out, scale 0.425s 0.05s var(--wa-btn-circlefill-ease-hover), transform 0.15s var(--wa-btn-circlefill-ease-click);
}
}
@media (prefers-reduced-motion: reduce) {
.wa-btn-circlefill::after,
.wa-btn-circlefill__bg,
.wa-btn-circlefill__bg-circle { transition: none; }
}
/* Nav-knop-visuals neutraliseren zodat het circle-fill-component het uiterlijk bepaalt;
layout-class .bb-nav__cta blijft (o.a. voor het verbergen op mobiel). */
.bb-nav__cta.wa-btn-circlefill,
.bb-nav.is-scrolled .bb-nav__cta.wa-btn-circlefill {
background: none; box-shadow: none; padding: 0; transform: none;
/* even hoog als de menu-pill ernaast (~42px in de bovenstaat) */
--wa-btn-circlefill-padding: 0.9rem 1.6em;
}
/* Op scroll tekst groen houden (was wit → onleesbaar op de witte pill) */
.bb-nav.is-scrolled .bb-nav__cta.wa-btn-circlefill,
.bb-nav.is-scrolled .bb-nav__cta.wa-btn-circlefill:hover {
color: var(--bb-green-dark);
}
.bb-nav__cta.wa-btn-circlefill:hover,
.bb-nav__cta.wa-btn-circlefill:focus-visible,
.bb-nav.is-scrolled .bb-nav__cta.wa-btn-circlefill:hover {
background: none; transform: none;
}
.bb-nav__cta.wa-btn-circlefill .wa-btn-circlefill__bg { box-shadow: 0 12px 32px rgba(12,30,24,0.18); }
/* === INTRO (sectie 2) — beige box, direct aansluitend op hero === */
.bb-intro {
padding-block-end: clamp(0.5rem, 1vw, 1rem);
}
.bb-intro .bb-intro__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto;
padding-inline: var(--bb-container-padding);
padding-block-start: clamp(3rem, 6vw, 6rem);
padding-block-end: clamp(1.5rem, 3vw, 3rem);
background-color: var(--bb-cream);
border-radius: 0 0 var(--bb-radius-lg) var(--bb-radius-lg);
display: grid; grid-template-columns: 1fr 1fr;
gap: clamp(1.5rem, 4vw, 4rem); align-items: center;
}
@media (max-width: 767px) {
.bb-intro .bb-intro__container { grid-template-columns: 1fr; gap: clamp(1.5rem, 5vw, 2.5rem); }
.bb-intro .bb-intro__content { order: 1; }
.bb-intro .bb-intro__media { order: 2; }
}
.bb-intro .bb-intro__media img {
width: 100%; height: auto; border-radius: var(--bb-radius-lg);
display: block; box-shadow: var(--bb-shadow-md);
}
.bb-intro .bb-intro__content {
display: flex; flex-direction: column; align-items: flex-start;
padding-inline-end: clamp(0rem, 4vw, 3rem);
}
.bb-intro .bb-intro__eyebrow {
display: block; font-family: var(--bb-font-display);
font-size: clamp(1.5rem, 2.5vw, 2.25rem); /* 24 → 36px */
font-weight: 900; line-height: 1.05; letter-spacing: -0.01em;
color: var(--bb-green-dark); margin: 0;
}
.bb-intro .bb-intro__title {
font-family: var(--bb-font-display);
font-size: clamp(2.5rem, 4.25vw, 4rem); /* 40 → 64px */
font-weight: 900; line-height: 1; letter-spacing: -0.02em;
color: var(--bb-green-dark); margin: -0.05em 0 clamp(1rem, 2.5vw, 2rem);
}
.bb-intro .bb-intro__body {
font-family: var(--bb-font-body);
font-size: clamp(1rem, 1.1vw, 1.125rem);
line-height: 1.65; color: var(--bb-text);
max-width: 52ch; margin: 0 0 clamp(1.5rem, 3vw, 2rem);
}
.bb-intro .bb-intro__body p { margin: 0 0 1em; }
.bb-intro .bb-intro__body p:last-child { margin-bottom: 0; }
.bb-intro .bb-intro__body b, .bb-intro .bb-intro__body strong { font-weight: 700; }
/* === TILES (sectie 3) — 6 tegels, beige box met afgeronde hoeken === */
.bb-tiles {
padding-block: clamp(1.5rem, 3vw, 3rem);
}
.bb-tiles .bb-tiles__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto;
padding-inline: 0;
}
.bb-tiles .bb-tiles__grid {
display: grid; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(4, 1fr);
grid-template-areas:
"wet agenda rentals"
"wet breakers rentals"
"webcam cafe rentals"
"webcam cafe rentals";
gap: 10px; aspect-ratio: 2 / 1;
}
@media (max-width: 1024px) {
.bb-tiles .bb-tiles__container { padding-inline: var(--bb-container-padding); }
.bb-tiles .bb-tiles__grid {
grid-template-columns: 1fr 1fr;
grid-template-areas:
"wet agenda"
"wet breakers"
"webcam cafe"
"rentals rentals";
aspect-ratio: 1 / 1;
}
}
@media (max-width: 767px) {
.bb-tiles .bb-tiles__grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-template-areas:
"wet" "agenda" "breakers" "webcam" "cafe" "rentals";
aspect-ratio: auto; gap: 12px;
}
.bb-tiles .bb-tiles__tile { aspect-ratio: 16 / 10; }
}
.bb-tiles .bb-tiles__tile {
position: relative; overflow: hidden;
border: 0; outline: 0; border-radius: var(--bb-radius-lg);
display: block; text-decoration: none;
background: var(--bb-blue-light);
box-shadow: 0 12px 30px -14px rgba(12,30,24,0.4);
transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;
}
.bb-tiles .bb-tiles__tile:hover,
.bb-tiles .bb-tiles__tile:focus-visible {
transform: translateY(-6px);
box-shadow: 0 26px 54px -18px rgba(12,30,24,0.5);
}
/* dunne accent-ring bij hover i.p.v. dikke oranje rand */
.bb-tiles .bb-tiles__tile::before {
content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none;
border-radius: inherit; box-shadow: inset 0 0 0 0 var(--bb-orange);
transition: box-shadow .35s ease;
}
.bb-tiles .bb-tiles__tile:hover::before,
.bb-tiles .bb-tiles__tile:focus-visible::before { box-shadow: inset 0 0 0 3px var(--bb-orange); }
.bb-tiles .bb-tiles__tile--bordered { border: 0; }
.bb-tiles .bb-tiles__tile--wet { grid-area: wet; }
.bb-tiles .bb-tiles__tile--agenda { grid-area: agenda; }
.bb-tiles .bb-tiles__tile--breakers { grid-area: breakers; }
.bb-tiles .bb-tiles__tile--webcam { grid-area: webcam; }
.bb-tiles .bb-tiles__tile--cafe { grid-area: cafe; }
.bb-tiles .bb-tiles__tile--rentals { grid-area: rentals; }
/* rijke merk-gradients voor de tegels zonder foto */
.bb-tiles .bb-tiles__tile--agenda { background: linear-gradient(150deg, var(--bb-blue) 0%, var(--bb-green-dark) 100%); }
.bb-tiles .bb-tiles__tile--breakers { background: linear-gradient(150deg, var(--bb-green) 0%, var(--bb-green-dark) 100%); }
.bb-tiles .bb-tiles__tile--webcam { background: linear-gradient(150deg, #2b9bb5 0%, #0c4a6e 100%); }
/* decoratief watermerk-icoon */
.bb-tiles .bb-tiles__tile-icon {
position: absolute; right: -8px; top: 46%; transform: translateY(-50%);
width: clamp(96px, 14vw, 180px); height: auto; color: #fff; opacity: 0.16; z-index: 1;
pointer-events: none;
transition: transform .5s cubic-bezier(.22,1,.36,1), opacity .4s ease;
}
.bb-tiles .bb-tiles__tile:hover .bb-tiles__tile-icon,
.bb-tiles .bb-tiles__tile:focus-visible .bb-tiles__tile-icon { transform: translateY(-50%) scale(1.08) rotate(-6deg); opacity: 0.24; }
/* LIVE-badge (webcam) */
.bb-tiles .bb-tiles__tile-live {
position: absolute; top: clamp(0.9rem,1.5vw,1.3rem); left: clamp(0.9rem,1.5vw,1.3rem); z-index: 2;
display: inline-flex; align-items: center; gap: 0.4rem;
background: rgba(0,0,0,0.32); backdrop-filter: blur(4px);
color: #fff; font-family: var(--bb-font-display); font-weight: 800;
font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase;
padding: 0.32rem 0.62rem; border-radius: 999px;
}
.bb-tiles .bb-tiles__tile-live::before {
content: ''; width: 7px; height: 7px; border-radius: 50%; background: #ff5252;
box-shadow: 0 0 0 0 rgba(255,82,82,0.6); animation: bb-live-pulse 1.8s infinite;
}
@keyframes bb-live-pulse {
0% { box-shadow: 0 0 0 0 rgba(255,82,82,0.6); }
70% { box-shadow: 0 0 0 8px rgba(255,82,82,0); }
100% { box-shadow: 0 0 0 0 rgba(255,82,82,0); }
}
@media (prefers-reduced-motion: reduce) {
.bb-tiles .bb-tiles__tile-live::before { animation: none; }
}
.bb-tiles .bb-tiles__tile img {
position: absolute; inset: 0;
width: 100%; height: 100%; object-fit: cover;
transition: transform 0.5s ease;
}
.bb-tiles .bb-tiles__tile:hover img,
.bb-tiles .bb-tiles__tile:focus-visible img { transform: scale(1.06); }
.bb-tiles .bb-tiles__tile-cap {
position: absolute; inset: auto 0 0 0; z-index: 2;
display: flex; flex-direction: column; gap: 0.15rem;
padding: clamp(0.9rem, 1.6vw, 1.6rem);
background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.30) 55%, rgba(0,0,0,0) 100%);
pointer-events: none;
}
.bb-tiles .bb-tiles__tile-eyebrow {
font-family: var(--bb-font-display); font-weight: 800;
font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase;
color: rgba(255,255,255,0.82); transition: color 0.2s ease;
}
.bb-tiles .bb-tiles__tile-title {
color: var(--bb-text-light);
font-family: var(--bb-font-display);
font-size: clamp(1.15rem, 1.7vw, 1.85rem);
font-weight: 900; line-height: 1.05; z-index: 2;
transition: color 0.2s ease; pointer-events: none;
}
.bb-tiles .bb-tiles__tile:hover .bb-tiles__tile-title,
.bb-tiles .bb-tiles__tile:focus-visible .bb-tiles__tile-title,
.bb-tiles .bb-tiles__tile:hover .bb-tiles__tile-eyebrow,
.bb-tiles .bb-tiles__tile:focus-visible .bb-tiles__tile-eyebrow {
color: var(--bb-yellow);
}
/* === EVENTS (sectie 4) — peach sectie met wave-top + cream box met zwarte event-cards === */
.bb-events {
background: var(--bb-peach);
position: relative;
padding-block: clamp(4rem, 8vw, 7rem) clamp(2.5rem, 5vw, 4.5rem);
overflow: hidden;
}
.bb-events .bb-events__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto; padding-inline: var(--bb-container-padding);
position: relative; z-index: 1;
}
.bb-events .bb-events__box {
background: var(--bb-cream);
border-radius: var(--bb-radius-xl);
padding: clamp(2rem, 4vw, 4rem) clamp(1.5rem, 3.5vw, 3.5rem);
}
.bb-events .bb-events__grid {
display: grid; grid-template-columns: 1fr 1.4fr;
gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center;
}
@media (max-width: 767px) {
.bb-events .bb-events__grid { grid-template-columns: 1fr; gap: clamp(1.5rem, 5vw, 2.5rem); }
}
.bb-events .bb-events__intro {
display: flex; flex-direction: column;
align-items: center; text-align: center;
gap: clamp(1rem, 2vw, 1.5rem);
}
.bb-events .bb-events__title {
font-family: var(--bb-font-display);
font-size: clamp(3rem, 6vw, 5rem);
font-weight: 900; line-height: 1; letter-spacing: -0.02em;
color: var(--bb-blue); margin: 0;
}
.bb-events .bb-events__image { max-width: 100%; height: auto; display: block; }
.bb-events .bb-events__list { display: flex; flex-direction: column; gap: clamp(0.75rem, 1.5vw, 1rem); }
.bb-events .bb-events__item {
display: grid; grid-template-columns: auto 1fr;
column-gap: clamp(1rem, 2.5vw, 2rem); align-items: center;
padding: clamp(1rem, 1.8vw, 1.4rem) clamp(1.25rem, 2.5vw, 1.75rem);
background-color: #000; color: #fff;
border-radius: var(--bb-radius-md);
text-decoration: none; transition: transform 0.2s ease;
}
.bb-events .bb-events__item:hover { transform: translateY(-2px); }
.bb-events .bb-events__date {
display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto;
column-gap: 0.4rem; min-width: 70px; color: #fff; line-height: 1;
font-family: var(--bb-font-display);
}
.bb-events .bb-events__day {
grid-column: 1; grid-row: 1;
font-size: clamp(1.75rem, 2.6vw, 2.25rem); font-weight: 900;
}
.bb-events .bb-events__day-end {
grid-column: 2; grid-row: 1; align-self: start; margin-top: 0.3rem;
font-size: clamp(0.75rem, 1vw, 0.9rem); font-weight: 700; white-space: nowrap;
}
.bb-events .bb-events__month {
grid-column: 1 / -1; grid-row: 2; margin-top: 0.4rem;
font-size: clamp(0.65rem, 0.8vw, 0.75rem); font-weight: 700; letter-spacing: 0.15em;
}
.bb-events .bb-events__info { min-width: 0; }
.bb-events .bb-events__name {
font-family: var(--bb-font-display);
font-size: clamp(0.95rem, 1.25vw, 1.15rem);
font-weight: 900; text-transform: uppercase; color: #fff;
margin: 0 0 0.4rem;
display: flex; align-items: center; gap: 0.5rem;
line-height: 1.2; letter-spacing: 0.01em;
}
.bb-events .bb-events__icon {
color: var(--bb-blue);
width: clamp(18px, 1.5vw, 22px); height: auto; flex-shrink: 0;
}
.bb-events .bb-events__meta {
font-family: var(--bb-font-body);
font-size: clamp(0.7rem, 0.85vw, 0.78rem);
text-transform: uppercase; color: rgba(255,255,255,0.85);
margin: 0; letter-spacing: 0.03em; line-height: 1.4;
}
.bb-events .bb-events__wave-top {
position: absolute; top: -1px; left: 0; width: 100%;
height: clamp(40px, 5.7vw, 80px); pointer-events: none;
z-index: 2; overflow: hidden;
}
.bb-events .bb-events__wave-track {
position: absolute; top: 0; left: 0; width: 200%; height: 100%;
will-change: transform;
animation: bb-wave-slide 18s linear infinite;
}
.bb-events .bb-events__wave-track svg {
position: absolute; inset: 0; width: 100%; height: 100%; display: block;
fill: var(--bb-cream);
transform-origin: center top;
animation: bb-wave-breathe 4.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.bb-events .bb-events__wave-track,
.bb-events .bb-events__wave-track svg { animation: none; }
}
/* ============================================================
PREVIEW-PAGINA STYLING (niet in productie CSS)
============================================================ */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; width: 100%; max-width: 100%; overflow-x: hidden; }
body {
font-family: var(--bb-font-body);
color: var(--bb-text);
/* Schone witte pagina-achtergrond. De groene textuur zit nu alleen in de
banner (bb-pagebanner) / hero — niet meer als body-image (voorkwam dat
de textuur door transparante content-secties heen schijnt, en scheelt
een externe afbeelding). */
background-color: #ffffff;
min-height: 100vh;
padding: 0 0 6rem;
}
/* Groene structuur-textuur als kader bovenaan de HOMEPAGE (rond de boxed hero).
Alleen op de homepage; lokaal gehost (geen externe afbeelding). Op andere
pagina's blijft de body wit, zodat content niet door de textuur heen schijnt. */
body.home {
background-image: url('../img/bb-header-texture.webp');
background-position: top center;
background-repeat: no-repeat;
background-size: 1920px auto;
}
.preview-header {
max-width: 1400px;
margin: 0 auto;
padding: 2rem 50px 1rem;
text-align: center;
}
.preview-header__tag {
display: inline-block;
padding: 0.4rem 1rem;
background: var(--bb-yellow);
color: var(--bb-text);
border-radius: var(--bb-radius-pill);
font-size: var(--bb-text-xs);
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 0.75rem;
}
.preview-header h1 {
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 800;
margin: 0 0 0.5rem;
color: var(--bb-text-light);
text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.preview-header p {
color: rgba(255,255,255,0.92);
text-shadow: 0 1px 8px rgba(0,0,0,0.3);
margin: 0;
font-size: var(--bb-text-sm);
}
/* Boxed wrapper die de Elementor "boxed container" simuleert */
.preview-boxed {
max-width: 1400px;
margin: 2rem auto 0;
padding: 0 50px;
}
@media (max-width: 767px) {
.preview-boxed { padding: 0 20px; }
}
/* Code blok onderaan */
.preview-info {
max-width: 1400px;
margin: 4rem auto 0;
padding: 2rem 50px;
}
.preview-info__card {
background: white;
border-radius: var(--bb-radius-lg);
padding: 2rem;
box-shadow: var(--bb-shadow-md);
}
.preview-info__card h2 {
margin: 0 0 0.5rem;
font-size: 1.1rem;
color: var(--bb-green-dark);
}
.preview-info__card p {
margin: 0 0 1rem;
font-size: var(--bb-text-sm);
line-height: 1.6;
color: rgba(42,58,50,0.8);
}
.preview-info__card ul {
margin: 0;
padding-left: 1.25rem;
font-size: var(--bb-text-sm);
line-height: 1.7;
color: rgba(42,58,50,0.8);
}
.preview-info__card code {
font-family: 'JetBrains Mono', monospace;
font-size: 0.85em;
background: var(--bb-sand-light);
padding: 0.15em 0.4em;
border-radius: 4px;
color: var(--bb-green-dark);
}
/* === VIDEO (sectie 5) — full-width video, peach wave loopt erdoorheen === */
.bb-video {
position: relative;
background: var(--bb-page-bg);
padding-block: 0;
overflow: hidden;
/* Full-width breakout — altijd */
left: 50%; transform: translateX(-50%);
width: 100vw; max-width: 100vw;
flex-shrink: 0;
}
.bb-video .bb-video__container {
width: 100%;
position: relative; z-index: 1;
}
.bb-video .bb-video__player {
width: 100%; aspect-ratio: 21 / 9;
overflow: hidden; background-color: #000;
}
.bb-video .bb-video__player video {
width: 100%; height: 100%; object-fit: cover; display: block;
}
.bb-video .bb-video__wave-top {
position: absolute; top: -1px; left: 0; width: 100%;
height: clamp(40px, 5.7vw, 80px);
pointer-events: none; z-index: 2; overflow: hidden;
}
.bb-video .bb-video__wave-track {
position: absolute; top: 0; left: 0;
width: 200%; height: 100%;
will-change: transform;
animation: bb-wave-slide 18s linear infinite;
}
.bb-video .bb-video__wave-track svg {
position: absolute; inset: 0; width: 100%; height: 100%; display: block;
fill: var(--bb-peach);
transform-origin: center top;
animation: bb-wave-breathe 4.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.bb-video .bb-video__wave-track,
.bb-video .bb-video__wave-track svg { animation: none; }
}
/* === BLOGS (sectie 6) — moss bg, oranje heading links, cards met olive button === */
.bb-blogs {
position: relative;
padding-block: clamp(4rem, 8vw, 7rem) clamp(3rem, 6vw, 5rem);
background: transparent;
left: 50%; transform: translateX(-50%);
width: 100vw; max-width: 100vw; flex-shrink: 0;
}
.bb-blogs::before {
content: ''; position: absolute;
top: 0; left: 0; right: 0;
/* exacte hoogte wordt door JS gezet (tot op de px); formule als fallback zonder JS */
height: var(--bb-blogs-green-h, calc(clamp(4rem, 8vw, 7rem) + clamp(2.5rem, 5.5vw, 5rem) + clamp(2rem, 4vw, 3.5rem) + 11.7rem));
background-color: #5e7240;
background-image: url('https://beachbreak.nl/wp-content/uploads/header-BB-1920x1920-mos-ccd1a4.jpg');
background-size: cover; background-position: center; background-repeat: no-repeat;
background-blend-mode: multiply;
z-index: 0;
}
@media (max-width: 400px) {
/* "Blogs en nieuws" valt hier op twee regels → fallback met één regelhoogte extra (JS overschrijft exact) */
.bb-blogs::before { height: var(--bb-blogs-green-h, calc(clamp(4rem, 8vw, 7rem) + 2 * clamp(2.5rem, 5.5vw, 5rem) + clamp(2rem, 4vw, 3.5rem) + 11.7rem)); }
}
.bb-blogs .bb-blogs__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto; padding-inline: var(--bb-container-padding);
position: relative; z-index: 1;
}
.bb-blogs .bb-blogs__title {
font-family: var(--bb-font-display);
font-size: clamp(2.5rem, 5.5vw, 5rem);
font-weight: 900; line-height: 1; letter-spacing: -0.02em;
color: var(--bb-orange); text-align: left;
margin: 0 0 clamp(2rem, 4vw, 3.5rem);
}
.bb-blogs .bb-blogs__grid {
display: grid; grid-template-columns: repeat(4, minmax(0, 360px));
justify-content: center;
gap: clamp(1rem, 2vw, 1.75rem); align-items: stretch;
}
@media (max-width: 1024px) { .bb-blogs .bb-blogs__grid { grid-template-columns: repeat(2, minmax(0, 360px)); } }
@media (max-width: 600px) {
.bb-blogs .bb-blogs__grid {
display: flex; grid-template-columns: unset;
justify-content: flex-start;
overflow-x: auto; overflow-y: visible;
scroll-snap-type: x mandatory;
scroll-padding-inline-start: var(--bb-container-padding);
gap: 1rem;
margin-inline: calc(-1 * var(--bb-container-padding));
padding-inline: var(--bb-container-padding);
padding-block: 0.5rem;
scrollbar-width: none; -ms-overflow-style: none;
}
.bb-blogs .bb-blogs__grid::-webkit-scrollbar { display: none; }
.bb-blogs .bb-blogs__card {
flex: 0 0 calc(100% - 3rem);
scroll-snap-align: start;
height: auto;
}
}
.bb-blogs .bb-blogs__card {
display: flex; flex-direction: column;
width: 100%; max-width: 360px;
background-color: var(--bb-cream);
border-radius: var(--bb-radius-lg);
padding: clamp(0.75rem, 1vw, 1rem);
text-decoration: none; color: inherit;
transition: transform 0.25s ease, box-shadow 0.25s ease;
height: 100%;
}
.bb-blogs .bb-blogs__card:hover, .bb-blogs .bb-blogs__card:focus-visible {
transform: translateY(-4px); box-shadow: var(--bb-shadow-md);
}
.bb-blogs .bb-blogs__card-image {
width: 100%; aspect-ratio: 4/3; overflow: hidden;
border-radius: var(--bb-radius-md);
background-color: var(--bb-green-light);
}
.bb-blogs .bb-blogs__card-image img {
width: 100%; height: 100%; object-fit: cover; display: block;
transition: transform 0.4s ease;
}
.bb-blogs .bb-blogs__card:hover .bb-blogs__card-image img { transform: scale(1.05); }
.bb-blogs .bb-blogs__card-content {
display: flex; flex-direction: column; flex-grow: 1;
gap: clamp(0.5rem, 0.8vw, 0.65rem);
padding: clamp(1rem, 1.5vw, 1.25rem) clamp(0.5rem, 0.75vw, 0.75rem) clamp(0.5rem, 0.75vw, 0.75rem);
}
.bb-blogs .bb-blogs__card-title {
font-family: var(--bb-font-body);
font-size: clamp(1.05rem, 1.45vw, 1.25rem);
font-weight: 800; line-height: 1.3;
color: var(--bb-green-dark); margin: 0;
display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden;
}
.bb-blogs .bb-blogs__card-excerpt {
font-family: var(--bb-font-body);
font-size: var(--bb-text-sm); line-height: 1.55;
color: var(--bb-text); margin: 0; opacity: 0.8;
display: -webkit-box; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; overflow: hidden;
}
.bb-blogs .bb-blogs__card-cta {
align-self: flex-start; margin-top: auto;
padding: clamp(0.6rem, 1vw, 0.85rem) clamp(1.25rem, 2.2vw, 1.75rem);
background-color: var(--bb-green-dark);
color: var(--bb-text-light);
border-radius: var(--bb-radius-sm);
font-family: var(--bb-font-display);
font-size: clamp(0.95rem, 1.1vw, 1.05rem);
font-weight: 700;
transition: background-color 0.2s ease;
}
.bb-blogs .bb-blogs__card:hover .bb-blogs__card-cta,
.bb-blogs .bb-blogs__card:focus-visible .bb-blogs__card-cta {
background-color: var(--bb-green);
}
@media (prefers-reduced-motion: reduce) {
.bb-blogs .bb-blogs__card,
.bb-blogs .bb-blogs__card-image img,
.bb-blogs .bb-blogs__card-cta { transition: none; }
}
/* === FOOTER — cream bg, oranje accent-bar bovenaan, 4-col grid === */
.bb-footer {
position: relative;
background-color: var(--bb-cream);
color: var(--bb-text);
padding-block: 0 clamp(2rem, 4vw, 4rem);
left: 50%; transform: translateX(-50%);
width: 100vw; max-width: 100vw; flex-shrink: 0;
}
.bb-footer .bb-footer__accent {
width: 100%;
height: clamp(40px, 5vw, 70px);
background-color: var(--bb-orange);
}
.bb-footer .bb-footer__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto; padding-inline: var(--bb-container-padding);
padding-block-start: clamp(2rem, 4vw, 3.5rem);
}
.bb-footer .bb-footer__separator {
border: 0; border-top: 1px solid var(--bb-text);
margin: 0 0 clamp(2rem, 4vw, 3.5rem);
}
.bb-footer .bb-footer__grid {
display: grid;
grid-template-columns: 1.1fr 1.1fr 1.1fr auto;
gap: clamp(2rem, 4vw, 4rem);
align-items: start;
}
@media (max-width: 1024px) { .bb-footer .bb-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .bb-footer .bb-footer__grid { grid-template-columns: 1fr; } }
.bb-footer .bb-footer__heading {
font-family: var(--bb-font-display);
font-size: clamp(1.1rem, 1.6vw, 1.45rem);
font-weight: 800; color: var(--bb-text);
margin: 0 0 1rem; line-height: 1.15;
}
.bb-footer .bb-footer__col > * + .bb-footer__heading {
margin-top: clamp(1.5rem, 3vw, 2.25rem);
}
.bb-footer .bb-footer__address {
font-style: normal; font-size: var(--bb-text-sm); line-height: 1.6; margin: 0;
}
.bb-footer .bb-footer__contact-list {
list-style: none; padding: 0; margin: 0;
display: flex; flex-direction: column; gap: 0.55rem;
}
.bb-footer .bb-footer__contact-row {
display: flex; align-items: center; gap: 0.85rem;
font-size: var(--bb-text-sm);
}
.bb-footer .bb-footer__contact-row svg {
width: 16px; height: 16px; flex-shrink: 0;
fill: var(--bb-text);
}
.bb-footer .bb-footer__contact-row a {
color: var(--bb-text); text-decoration: none;
transition: color 0.15s ease;
}
.bb-footer .bb-footer__contact-row a:hover { color: var(--bb-orange); }
.bb-footer .bb-footer__links {
list-style: none; padding: 0; margin: 0;
display: flex; flex-direction: column; gap: 0.6rem;
}
.bb-footer .bb-footer__link {
color: var(--bb-text); text-decoration: none;
font-size: var(--bb-text-sm);
transition: color 0.15s ease;
}
.bb-footer .bb-footer__link:hover { color: var(--bb-orange); }
/* golf-hover op footer-links (zelfde effect als nav) */
.bb-footer .bb-footer__contact-row a,
.bb-footer .bb-footer__link { position: relative; display: inline-block; }
.bb-footer .bb-footer__contact-row a::after,
.bb-footer .bb-footer__link::after {
content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 8px;
background-image: url("data:image/svg+xml,");
background-repeat: repeat-x; background-position: 0 center; background-size: 24px 8px;
opacity: 0; transform: scaleX(0); transform-origin: left center;
transition: opacity .3s ease, transform .42s cubic-bezier(.22,1,.36,1);
pointer-events: none;
}
.bb-footer .bb-footer__contact-row a:hover::after,
.bb-footer .bb-footer__link:hover::after {
opacity: 1; transform: scaleX(1); animation: bb-wave-travel 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.bb-footer .bb-footer__contact-row a:hover::after,
.bb-footer .bb-footer__link:hover::after { animation: none; }
}
.bb-footer .bb-footer__logo-col {
display: flex; justify-content: flex-end; align-items: flex-start;
}
@media (max-width: 1024px) {
.bb-footer .bb-footer__logo-col {
justify-content: flex-start;
grid-column: 1 / -1; order: -1;
}
}
.bb-footer .bb-footer__logo {
font-family: var(--bb-font-display);
font-size: clamp(3rem, 6vw, 5.5rem);
font-weight: 900; line-height: 0.95;
color: var(--bb-text); margin: 0;
text-align: right; letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
.bb-footer .bb-footer__logo { text-align: left; }
}
.bb-footer .bb-footer__logo-mark {
display: block; height: clamp(72px, 9vw, 116px); aspect-ratio: 112 / 111; width: auto;
background-color: #fff;
-webkit-mask: url('data:image/png;base64,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') center / contain no-repeat; mask: url('data:image/png;base64,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') center / contain no-repeat;
}
/* Cursor-volgende witte vulling van het footer-logo (alleen actief met muis + JS) */
.bb-footer .bb-footer__logo-mark.is-spot {
background-color: transparent;
background-image: radial-gradient(circle 150px at var(--lx, 50%) var(--ly, -60%),
#ffffff 0%, #ffffff 28%, rgba(255,255,255,0.32) 100%);
background-repeat: no-repeat;
}
/* === NEWSLETTER — oranje sectie boven footer === */
.bb-newsletter {
position: relative;
background-color: var(--bb-orange);
color: var(--bb-text-light);
padding-block: clamp(1.5rem, 3vw, 2.5rem);
left: 50%; transform: translateX(-50%);
width: 100vw; max-width: 100vw; flex-shrink: 0;
}
.bb-newsletter .bb-newsletter__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto; padding-inline: var(--bb-container-padding);
}
.bb-newsletter .bb-newsletter__grid {
display: grid; grid-template-columns: 1fr 1.15fr;
gap: clamp(1rem, 3vw, 2.5rem); align-items: center;
}
@media (max-width: 768px) {
.bb-newsletter .bb-newsletter__grid { grid-template-columns: 1fr; gap: 1rem; }
}
.bb-newsletter .bb-newsletter__heading {
font-family: var(--bb-font-display);
font-size: clamp(1.3rem, 2.3vw, 2rem);
font-weight: 700; line-height: 1.15;
letter-spacing: -0.01em;
color: var(--bb-text-light); margin: 0;
}
.bb-newsletter .bb-newsletter__form {
display: flex; flex-wrap: wrap;
gap: clamp(0.5rem, 1vw, 0.75rem);
}
.bb-newsletter .bb-newsletter__input {
flex: 1 1 140px; min-width: 0;
padding: 0.7rem 1rem;
border: 0; border-radius: var(--bb-radius-sm);
background-color: #ffffff; color: var(--bb-text);
font-family: var(--bb-font-body);
font-size: clamp(0.9rem, 1vw, 1rem); line-height: 1.4;
box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}
.bb-newsletter .bb-newsletter__input::placeholder { color: #888; opacity: 1; }
.bb-newsletter .bb-newsletter__input:focus-visible {
outline: 2px solid var(--bb-green-dark); outline-offset: 2px;
}
.bb-newsletter .bb-newsletter__submit {
flex: 0 0 auto;
padding: 0.7rem clamp(1.25rem, 2vw, 1.75rem);
border: 0; border-radius: var(--bb-radius-sm);
background-color: var(--bb-green-dark);
color: var(--bb-text-light);
font-family: var(--bb-font-display);
font-size: clamp(0.95rem, 1.1vw, 1.05rem); font-weight: 800;
cursor: pointer; white-space: nowrap;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.bb-newsletter .bb-newsletter__submit:hover,
.bb-newsletter .bb-newsletter__submit:focus-visible {
background-color: var(--bb-green); transform: translateY(-1px);
}
/* Bubbel-knop heeft geen knop-achtergrond/lift nodig — die zit al in de bubbel zelf */
.bb-newsletter .bb-newsletter__submit.wa-btn-bubble-arrow:hover,
.bb-newsletter .bb-newsletter__submit.wa-btn-bubble-arrow:focus-visible {
background: none; transform: none;
}
/* === CONTACT + NIEUWSBRIEF (gecombineerd, boven de footer) === */
.bb-contact { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.bb-contact .bb-contact__grid {
grid-template-columns: 0.9fr 1.1fr;
align-items: start;
gap: clamp(1.5rem, 4vw, 3.5rem);
}
@media (max-width: 768px) {
.bb-contact .bb-contact__grid { grid-template-columns: 1fr; gap: 1.75rem; }
}
.bb-contact__eyebrow {
display: inline-block; font-family: var(--bb-font-body); font-weight: 700;
letter-spacing: 0.28em; text-transform: uppercase; font-size: 0.78rem;
color: #fff; margin-bottom: 0.6rem;
}
.bb-contact .bb-newsletter__heading { margin-bottom: 0.85rem; }
.bb-contact__lead {
color: #fff; font-size: clamp(0.95rem, 1.1vw, 1.05rem);
line-height: 1.55; margin: 0 0 1.5rem; max-width: 42ch;
}
.bb-contact__details { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.bb-contact__details li {
display: flex; align-items: center; gap: 0.7rem;
color: var(--bb-text-light); font-size: var(--bb-text-sm); font-weight: 600;
}
.bb-contact__details a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.35); }
.bb-contact__details a:hover { border-bottom-color: var(--bb-text-light); }
.bb-contact__ic {
flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%;
display: grid; place-items: center; background: rgba(255,255,255,0.16);
}
.bb-contact__ic svg { width: 17px; height: 17px; fill: none; stroke: var(--bb-text-light); stroke-width: 1.8; }
/* Formulier wordt een verticale stack i.p.v. de inline nieuwsbrief-flex */
.bb-contact .bb-contact__form {
display: flex; flex-direction: column; align-items: stretch;
gap: clamp(0.6rem, 1.2vw, 0.9rem);
}
.bb-contact__row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(0.6rem, 1.2vw, 0.9rem); }
@media (max-width: 520px) { .bb-contact__row { grid-template-columns: 1fr; } }
.bb-contact__field { display: flex; flex-direction: column; }
.bb-contact .bb-newsletter__input { flex: initial; width: 100%; }
.bb-contact__textarea {
width: 100%; min-height: 120px; resize: vertical;
padding: 0.7rem 1rem; border: 0; border-radius: var(--bb-radius-sm);
background-color: #fff; color: var(--bb-text);
font-family: var(--bb-font-body); font-size: clamp(0.9rem, 1vw, 1rem); line-height: 1.5;
}
.bb-contact__textarea::placeholder { color: #888; }
.bb-contact__textarea:focus-visible { outline: 2px solid var(--bb-green-dark); outline-offset: 2px; }
.bb-contact__check {
display: flex; align-items: flex-start; gap: 0.6rem; cursor: pointer;
color: rgba(255,255,255,0.95); font-size: var(--bb-text-sm); line-height: 1.45;
margin-top: 0.15rem;
}
.bb-contact__check input {
flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px;
accent-color: var(--bb-green-dark); cursor: pointer;
}
.bb-contact__submit-row { margin-top: 0.4rem; }
.bb-contact__privacy { font-size: var(--bb-text-xs); color: rgba(255,255,255,0.8); margin: 0; }
.bb-contact__privacy a { color: var(--bb-text-light); }
.bb-contact__action {
display: flex; align-items: center; justify-content: space-between;
gap: clamp(1rem, 2.5vw, 1.75rem); flex-wrap: wrap; margin-top: 0.3rem;
}
.bb-contact__action .bb-contact__check { margin-top: 0; flex: 1 1 240px; }
.bb-contact__action .bb-newsletter__submit { flex: 0 0 auto; margin-left: auto; }
@media (max-width: 520px) {
.bb-contact__action .bb-newsletter__submit { margin-left: 0; }
}
/* ============================================================
GSAP-UPGRADE — CINEMATIC LAYER
Premium bewegingstaal: masked text-reveals, clip-path image wipes,
diepte-parallax en 3D-tilt. Alle pre-hide states zijn gated op
.gsap-motion — zonder JS / met reduced-motion blijft alles zichtbaar.
============================================================ */
/* --- HERO: cinematisch statement-overlay + scrim --- */
.bb-hero__scrim {
position: absolute; inset: 0; z-index: 1; pointer-events: none;
background:
radial-gradient(120% 90% at 18% 80%, rgba(12,30,24,0.55) 0%, rgba(12,30,24,0) 55%),
linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,0) 62%, rgba(12,30,24,0.42) 100%);
}
.bb-hero__overlay {
position: absolute; z-index: 3;
left: clamp(20px, 5vw, 64px);
bottom: clamp(48px, 9vw, 120px);
right: clamp(20px, 5vw, 64px);
display: flex; flex-direction: column; align-items: flex-start;
pointer-events: none;
}
.bb-hero__overlay > * { pointer-events: auto; }
.bb-hero__kicker {
font-family: var(--bb-font-body);
font-size: clamp(0.7rem, 1vw, 0.85rem);
font-weight: 700; letter-spacing: 0.42em; text-transform: uppercase;
color: var(--bb-yellow);
padding: 0.45rem 0.9rem;
border: 1.5px solid rgba(244,197,66,0.55);
border-radius: var(--bb-radius-pill);
backdrop-filter: blur(4px);
margin-bottom: clamp(0.9rem, 1.6vw, 1.4rem);
}
.bb-hero__headline {
font-family: var(--bb-font-display);
font-size: clamp(2.8rem, 8.5vw, 7.5rem);
font-weight: 900; line-height: 0.92; letter-spacing: -0.03em;
color: var(--bb-text-light);
margin: 0;
text-shadow: 0 8px 40px rgba(0,0,0,0.35);
}
.bb-hero__cta {
display: inline-flex; align-items: center; gap: 0.6rem;
margin-top: clamp(1.1rem, 2vw, 1.75rem);
padding: 0.85rem 1.9rem;
font-family: var(--bb-font-display); font-weight: 800;
font-size: var(--bb-text-lg); line-height: 1; text-decoration: none;
color: var(--bb-text); background: var(--bb-yellow);
border-radius: var(--bb-radius-pill);
box-shadow: 0 10px 30px rgba(0,0,0,0.28);
will-change: transform;
}
.bb-hero__cta::after {
content: '→'; font-family: var(--bb-font-body);
transition: transform 0.3s ease;
}
.bb-hero__cta:hover::after { transform: translateX(5px); }
/* --- IMAGE CLIP-WIPE targets: verborgen tot reveal --- */
html.gsap-motion .bb-events__image,
html.gsap-motion .bb-blogs__card-image img {
clip-path: inset(0 0 100% 0);
}
/* --- OPACITY pre-hide voor niet-clip elementen --- */
html.gsap-motion .bb-events__item,
html.gsap-motion .bb-blogs__card,
html.gsap-motion .bb-newsletter__form > *,
html.gsap-motion .bb-footer__col,
html.gsap-motion .bb-footer__logo-col { opacity: 0; }
/* --- TEKST-REVEAL targets (SplitText): kop onzichtbaar tot split klaar is --- */
html.gsap-motion .bb-events__title,
html.gsap-motion .bb-blogs__title,
html.gsap-motion .bb-newsletter__heading,
html.gsap-motion .bb-hero__headline { visibility: hidden; }
/* --- HERO-overlay start verborgen (timeline onthult bij load) --- */
html.gsap-motion .bb-hero__scrim,
html.gsap-motion .bb-hero__kicker,
html.gsap-motion .bb-hero__cta { opacity: 0; }
/* SplitText line-masks: nette overflow zodat letters van achter een lijn rijzen */
.bb-line-mask { overflow: hidden; display: block; padding-bottom: 0.18em; margin-bottom: -0.18em; }
/* --- 3D-TILT: perspectief op de tegel-grid --- */
html.gsap-motion .bb-tiles__grid { }
/* GSAP stuurt de transform op deze elementen */
html.gsap-motion .bb-button,
html.gsap-motion .bb-newsletter__submit,
html.gsap-motion .bb-hero__cta { will-change: transform; }
/* --- SCROLL-PROGRESSBAR --- */
.bb-scrollbar { display: none; }
html.gsap-motion .bb-scrollbar {
display: block; position: fixed; top: 0; left: 0; right: 0;
height: 4px; z-index: 9999; pointer-events: none;
background: rgba(12,30,24,0.06);
}
.bb-scrollbar__fill {
display: block; height: 100%; width: 100%;
transform: scaleX(0); transform-origin: left center;
background: linear-gradient(90deg, var(--bb-blue) 0%, var(--bb-green) 45%, var(--bb-yellow) 100%);
}
/* --- SCROLL-REACTIEVE MARQUEE --- */
.bb-marquee {
position: relative;
overflow: hidden;
padding-block: clamp(1.5rem, 3.5vw, 3rem);
background: transparent;
left: 50%; transform: translateX(-50%);
width: 100vw; max-width: 100vw; flex-shrink: 0;
}
.bb-marquee__track {
display: flex; width: max-content;
will-change: transform;
}
.bb-marquee__group {
display: flex; align-items: center; flex-shrink: 0;
gap: clamp(1.5rem, 3vw, 3rem);
padding-right: clamp(1.5rem, 3vw, 3rem);
}
.bb-marquee__group > span {
font-family: var(--bb-font-display);
font-size: clamp(2.2rem, 6vw, 5.5rem);
font-weight: 900; line-height: 1; letter-spacing: -0.02em;
color: transparent;
-webkit-text-stroke: 1.5px var(--bb-green-dark);
text-stroke: 1.5px var(--bb-green-dark);
white-space: nowrap;
}
.bb-marquee__group > span.bb-marquee__dot {
-webkit-text-stroke: 0; text-stroke: 0;
color: var(--bb-orange);
font-size: clamp(1.2rem, 3vw, 2.5rem);
}
/* Woorden vullen zich als een golf in tot waar de muis staat (--bb-fill = % muis-x) */
@property --bb-fill {
syntax: '';
inherits: false;
initial-value: 0%;
}
.bb-marquee__group > span:not(.bb-marquee__dot) {
--bb-fill: 0%;
background-image: linear-gradient(90deg,
var(--bb-blue) 0%,
var(--bb-blue) calc(var(--bb-fill) - 4%),
transparent var(--bb-fill));
-webkit-background-clip: text;
background-clip: text;
transition: --bb-fill 0.2s ease-out;
cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
.bb-marquee__group > span:not(.bb-marquee__dot) { transition: none; }
}
/* --- TITEL-ACCENTLIJN (tekent zich) --- */
.bb-title-rule {
display: none; height: 4px; width: clamp(70px, 9vw, 130px);
margin-top: clamp(0.2rem, 0.5vw, 0.4rem);
border-radius: 999px;
background: linear-gradient(90deg, var(--bb-orange), var(--bb-yellow));
transform: scaleX(1); transform-origin: left center;
}
.bb-title-rule--center { margin-inline: auto; transform-origin: center; margin-top: clamp(-0.9rem, -1.4vw, -0.5rem); }
html.gsap-motion .bb-title-rule { transform: scaleX(0); }
/* --- VELOCITY-SKEW targets --- */
html.gsap-motion .bb-events__image,
html.gsap-motion .bb-blogs__card-image { will-change: transform; }
@media (prefers-reduced-motion: reduce) {
.bb-scrollbar { display: none !important; }
.bb-title-rule { transform: scaleX(1) !important; }
}
/* ============================================================
SURF-SITE EXTRA'S — sfeer, social proof & micro-interacties
============================================================ */
/* --- HERO: trage zonneschittering over de beelden --- */
.bb-hero__sheen {
position: absolute; inset: -20%; z-index: 1; pointer-events: none;
background:
radial-gradient(40% 60% at 30% 25%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 60%),
radial-gradient(35% 50% at 75% 15%, rgba(244,197,66,0.28) 0%, rgba(244,197,66,0) 55%);
mix-blend-mode: screen;
opacity: 0.7;
}
html.gsap-motion .bb-hero__sheen { animation: bb-sheen-drift 14s ease-in-out infinite alternate; }
@keyframes bb-sheen-drift {
0% { transform: translate3d(-4%, -3%, 0) scale(1); }
100% { transform: translate3d(5%, 4%, 0) scale(1.12); }
}
@media (prefers-reduced-motion: reduce) { .bb-hero__sheen { animation: none; } }
/* --- STATS-BALK: Beach Break in cijfers --- */
.bb-stats {
position: relative;
background: var(--bb-cream);
color: var(--bb-text);
padding-block: clamp(2.5rem, 5vw, 4.5rem);
left: 50%; transform: translateX(-50%);
width: 100vw; max-width: 100vw; flex-shrink: 0;
}
.bb-stats__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto; padding-inline: var(--bb-container-padding);
text-align: center;
}
.bb-stats__eyebrow {
display: block;
font-family: var(--bb-font-body); font-weight: 700;
font-size: clamp(0.7rem, 0.95vw, 0.82rem);
letter-spacing: 0.28em; text-transform: uppercase;
color: var(--bb-green-dark); margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem);
}
.bb-stats__grid {
display: grid; grid-template-columns: repeat(4, 1fr);
gap: clamp(1.5rem, 3vw, 2rem);
}
@media (max-width: 760px) { .bb-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem 1rem; } }
.bb-stats__item {
position: relative;
display: flex; flex-direction: column; align-items: center; gap: 0.55rem;
padding-inline: clamp(0.5rem, 2vw, 1.5rem);
}
.bb-stats__item + .bb-stats__item::before {
content: ''; position: absolute; left: 0; top: 12%; bottom: 12%;
width: 1px; background: var(--bb-green-light); opacity: 0.55;
}
@media (max-width: 760px) {
.bb-stats__item + .bb-stats__item::before { display: none; }
}
.bb-stats__num {
font-family: var(--bb-font-display);
font-size: clamp(2.6rem, 5.5vw, 4.25rem);
font-weight: 900; line-height: 0.95; letter-spacing: -0.02em;
color: var(--bb-green-dark);
font-variant-numeric: tabular-nums;
}
.bb-stats__tick {
display: block; width: clamp(28px, 3vw, 40px); height: 4px;
border-radius: 999px;
background: linear-gradient(90deg, var(--bb-orange), var(--bb-yellow));
}
.bb-stats__label {
font-family: var(--bb-font-body); font-weight: 600;
font-size: clamp(0.8rem, 1vw, 0.95rem);
color: rgba(42,58,50,0.7); max-width: 16ch; line-height: 1.3;
}
html.gsap-motion .bb-stats__item { opacity: 0; }
/* --- REVIEWS: wat onze gasten zeggen (social proof / E-E-A-T) --- */
.bb-reviews {
position: relative;
background: var(--bb-cream);
padding-block: clamp(0.75rem, 2vw, 2rem) clamp(2.5rem, 5vw, 4.5rem);
left: 50%; transform: translateX(-50%);
width: 100vw; max-width: 100vw; flex-shrink: 0;
overflow: hidden;
}
.bb-reviews__container {
width: 100%; max-width: var(--bb-container-max);
margin-inline: auto; padding-inline: var(--bb-container-padding);
position: relative; z-index: 1;
}
.bb-reviews__head {
display: flex; flex-wrap: wrap; align-items: flex-end;
justify-content: space-between; gap: clamp(1.25rem, 3vw, 2.5rem);
margin-bottom: clamp(2rem, 4vw, 3rem);
}
.bb-reviews__title {
font-family: var(--bb-font-display);
font-size: clamp(2.2rem, 5vw, 4.25rem);
font-weight: 900; line-height: 1; letter-spacing: -0.02em;
color: #b5710f; margin: 0;
}
.bb-reviews__summary {
display: flex; align-items: center; gap: clamp(0.75rem, 1.5vw, 1.1rem);
background: #fff; border-radius: var(--bb-radius-lg);
padding: clamp(0.75rem, 1.3vw, 1.1rem) clamp(1rem, 1.8vw, 1.5rem);
box-shadow: var(--bb-shadow-sm); text-decoration: none; color: inherit;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.bb-reviews__summary:hover, .bb-reviews__summary:focus-visible {
transform: translateY(-3px); box-shadow: var(--bb-shadow-md);
}
.bb-reviews__score {
font-family: var(--bb-font-display); font-weight: 900;
font-size: clamp(2rem, 3.5vw, 2.9rem); line-height: 1;
color: var(--bb-green-dark); font-variant-numeric: tabular-nums;
}
.bb-reviews__score-meta { display: flex; flex-direction: column; gap: 0.2rem; }
.bb-stars { display: inline-flex; gap: 2px; color: var(--bb-orange); line-height: 1; }
.bb-stars svg { width: clamp(15px, 1.8vw, 19px); height: clamp(15px, 1.8vw, 19px); display: block; }
.bb-reviews__count {
font-family: var(--bb-font-body); font-weight: 600;
font-size: var(--bb-text-sm); color: rgba(42,58,50,0.75);
}
.bb-reviews__count strong { color: var(--bb-green-dark); }
.bb-reviews__grid {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1rem, 2vw, 1.75rem); align-items: stretch;
}
@media (max-width: 900px) { .bb-reviews__grid { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; } }
.bb-reviews__card {
display: flex; flex-direction: column; gap: clamp(0.75rem, 1.3vw, 1rem);
background: #fff; border-radius: var(--bb-radius-lg);
padding: clamp(1.25rem, 2vw, 1.75rem);
box-shadow: var(--bb-shadow-sm);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.bb-reviews__card:hover { transform: translateY(-4px); box-shadow: var(--bb-shadow-md); }
.bb-reviews__quote {
font-family: var(--bb-font-body); font-size: var(--bb-text-sm);
line-height: 1.6; color: var(--bb-text); margin: 0; flex-grow: 1;
}
.bb-reviews__attrib { display: flex; align-items: center; gap: 0.7rem; margin-top: auto; }
.bb-reviews__avatar {
width: 38px; height: 38px; border-radius: 999px; flex-shrink: 0;
display: flex; align-items: center; justify-content: center;
font-family: var(--bb-font-display); font-weight: 900; font-size: 1.05rem;
color: #fff; background: var(--bb-green);
}
.bb-reviews__who { display: flex; flex-direction: column; gap: 0.1rem; }
.bb-reviews__name { font-weight: 800; font-size: var(--bb-text-sm); color: var(--bb-green-dark); }
.bb-reviews__source {
display: inline-flex; align-items: center; gap: 0.3rem;
font-size: var(--bb-text-xs); color: rgba(42,58,50,0.85); font-weight: 600;
}
.bb-reviews__gicon { width: 13px; height: 13px; display: block; }
.bb-reviews__cta-row { text-align: center; margin-top: clamp(2rem, 3.5vw, 3rem); }
.bb-reviews__cta {
display: inline-flex; align-items: center; gap: 0.55rem;
padding: 0.85rem 1.9rem; border-radius: var(--bb-radius-pill);
background: var(--bb-green-dark); color: var(--bb-text-light);
font-family: var(--bb-font-body); font-weight: 700; font-size: var(--bb-text-sm);
text-decoration: none; transition: transform 0.2s ease, background 0.2s ease;
}
.bb-reviews__cta:hover { transform: translateY(-2px); background: #3c5a4c; }
/* Dunne accentlijn die van links naar rechts in-fadet (los van de globale GSAP-rule) */
.bb-reviews__rule {
display: block; flex-basis: 100%;
height: 2px; border-radius: 999px;
background: linear-gradient(90deg, var(--bb-orange), var(--bb-yellow));
transform-origin: left center;
transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;
}
html.gsap-motion .bb-reviews__rule { transform: scaleX(0); opacity: 0; }
html.gsap-motion .bb-reviews__rule.is-in { transform: scaleX(1); opacity: 1; }
@media (prefers-reduced-motion: reduce) {
html.gsap-motion .bb-reviews__rule { transform: scaleX(1) !important; opacity: 1 !important; transition: none; }
}
/* --- TEGELS: lichtveeg + pijl bij hover --- */
.bb-tiles .bb-tiles__tile::after {
content: ''; position: absolute; inset: 0; z-index: 1;
background: linear-gradient(115deg, rgba(255,255,255,0) 35%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0) 65%);
transform: translateX(-130%); transition: transform 0.7s cubic-bezier(0.22,1,0.36,1);
pointer-events: none;
}
.bb-tiles .bb-tiles__tile:hover::after,
.bb-tiles .bb-tiles__tile:focus-visible::after { transform: translateX(130%); }
.bb-tiles .bb-tiles__tile-title { display: flex; align-items: center; gap: 0.5rem; }
.bb-tiles .bb-tiles__tile-title::after {
content: '→'; font-family: var(--bb-font-body); font-weight: 700;
opacity: 0; transform: translateX(-8px);
transition: opacity 0.25s ease, transform 0.25s ease;
}
.bb-tiles .bb-tiles__tile:hover .bb-tiles__tile-title::after,
.bb-tiles .bb-tiles__tile:focus-visible .bb-tiles__tile-title::after {
opacity: 1; transform: translateX(0);
}
@media (prefers-reduced-motion: reduce) {
.bb-tiles .bb-tiles__tile::after { display: none; }
}
/* --- BLOG-CARDS: 3D-tilt, lichtveeg & pijl --- */
html.gsap-motion .bb-blogs__card { will-change: transform; }
.bb-blogs .bb-blogs__card { position: relative; overflow: hidden; }
.bb-blogs .bb-blogs__card::after {
content: ''; position: absolute; inset: 0; z-index: 3; pointer-events: none;
background: linear-gradient(115deg, rgba(255,255,255,0) 38%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 62%);
transform: translateX(-130%); transition: transform 0.75s cubic-bezier(0.22,1,0.36,1);
}
.bb-blogs .bb-blogs__card:hover::after,
.bb-blogs .bb-blogs__card:focus-visible::after { transform: translateX(130%); }
.bb-blogs .bb-blogs__card-content,
.bb-blogs .bb-blogs__card-image { position: relative; z-index: 2; }
.bb-blogs .bb-blogs__card-cta {
display: inline-flex; align-items: center; gap: 0.45rem;
}
.bb-blogs .bb-blogs__card-cta::after {
content: '→'; font-family: var(--bb-font-body); font-weight: 700;
transform: translateX(-6px); opacity: 0.6;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.bb-blogs .bb-blogs__card:hover .bb-blogs__card-cta::after,
.bb-blogs .bb-blogs__card:focus-visible .bb-blogs__card-cta::after {
transform: translateX(2px); opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.bb-blogs .bb-blogs__card::after { display: none; }
}
/* --- AGENDA-CARDS: accentbalk schuift in + lift --- */
.bb-events .bb-events__item {
position: relative; overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bb-events .bb-events__item::before {
content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
background: linear-gradient(var(--bb-blue), var(--bb-blue-light));
transform: scaleY(0); transform-origin: bottom; transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);
}
.bb-events .bb-events__item:hover {
transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,0.25);
}
.bb-events .bb-events__item:hover::before { transform: scaleY(1); }
.bb-events .bb-events__item .bb-events__icon { transition: transform 0.35s ease; }
.bb-events .bb-events__item:hover .bb-events__icon { transform: translateX(4px) rotate(-8deg); }
/* ============================================================
NAVIGATIE — vaste header, transparant over hero, vast bij scroll
============================================================ */
.bb-nav { position: fixed; inset: 0 0 auto 0; z-index: 1000; transition: background .4s ease, box-shadow .4s ease, backdrop-filter .4s ease; }
/* dunne bovenbalk (boekingen · socials · taal) */
.bb-nav__topbar { overflow: hidden; max-height: 56px; transition: max-height .45s ease, opacity .35s ease; }
.bb-nav__topbar-inner {
max-width: var(--bb-container-max); margin-inline: auto;
padding: 0.5rem var(--bb-container-padding);
display: flex; align-items: center; justify-content: flex-end; gap: 0.9rem;
color: #fff; font-family: var(--bb-font-display); font-weight: 700;
font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase;
text-shadow: 0 1px 6px rgba(0,0,0,0.35);
}
.bb-nav__top-link, .bb-nav__lang { color: inherit; text-decoration: none; transition: color .2s ease; }
.bb-nav__top-sep { width: 1px; height: 14px; background: rgba(255,255,255,0.4); }
.bb-nav__socials { display: flex; align-items: center; gap: 0.7rem; }
.bb-nav__socials a { color: inherit; display: inline-flex; transition: color .2s ease, transform .2s ease; }
.bb-nav__socials a:hover { transform: translateY(-1px); }
.bb-nav__top-link:hover, .bb-nav__lang:hover, .bb-nav__socials a:hover { color: var(--bb-yellow); }
.bb-nav.is-scrolled .bb-nav__topbar { max-height: 0; opacity: 0; }
.bb-nav__inner {
max-width: var(--bb-container-max); margin-inline: auto;
padding: clamp(0.5rem, 1.1vw, 0.9rem) var(--bb-container-padding) clamp(0.7rem, 1.5vw, 1.1rem);
display: flex; align-items: center; gap: clamp(0.8rem, 2vw, 1.6rem);
}
.bb-nav__brand {
font-family: var(--bb-font-display); font-weight: 900;
font-size: clamp(1.3rem, 2vw, 1.7rem); letter-spacing: -0.02em;
color: #fff; text-decoration: none; line-height: 1;
text-shadow: 0 2px 12px rgba(0,0,0,0.35); transition: color .35s ease;
}
.bb-nav__brand span { color: var(--bb-yellow); }
.bb-nav__brand { display: inline-flex; align-items: center; }
.bb-nav__logo { display: block; height: clamp(48px, 6vw, 74px); aspect-ratio: 112 / 111; width: auto;
background-color: #fff; transition: background-color .35s ease;
-webkit-mask: url('data:image/png;base64,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') center / contain no-repeat; mask: url('data:image/png;base64,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') center / contain no-repeat; }
.bb-nav.is-scrolled .bb-nav__logo { background-color: var(--bb-green-dark); }
.bb-nav__links {
position: relative;
display: flex; align-items: center; gap: 0; margin-left: auto;
background: var(--bb-sand); border-radius: var(--bb-radius-pill);
padding: 0.7rem clamp(0.8rem, 1.5vw, 1.5rem);
box-shadow: 0 12px 32px rgba(12,30,24,0.18);
transition: background .4s ease, border-radius .4s ease, padding .4s ease, box-shadow .4s ease;
}
/* bij open submenu: pill-onderkant recht zodat hij samensmelt met de dropdown */
.bb-nav__links:has(.bb-nav__item--has-menu.is-open),
.bb-nav__links:has(.bb-nav__item--has-menu:focus-within) {
border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
.bb-nav__links .bb-nav__link {
font-family: var(--bb-font-display); font-weight: 800; font-size: 0.82rem;
letter-spacing: 0.02em; text-transform: uppercase;
color: var(--bb-text); text-decoration: none; position: relative;
padding: 0.15rem clamp(0.7rem, 1.3vw, 1.2rem); white-space: nowrap;
text-shadow: none; transition: color .25s ease, border-color .4s ease;
}
.bb-nav__links .bb-nav__link:not(:last-child) { border-right: 1px solid rgba(77,112,96,0.28); }
.bb-nav__links .bb-nav__link::after {
content: ''; position: absolute;
left: clamp(0.7rem, 1.3vw, 1.2rem); right: clamp(0.7rem, 1.3vw, 1.2rem);
bottom: -6px; height: 8px;
background-image: url("data:image/svg+xml,");
background-repeat: repeat-x; background-position: 0 center; background-size: 24px 8px;
opacity: 0; transform: scaleX(0); transform-origin: left center;
transition: opacity .3s ease, transform .42s cubic-bezier(.22,1,.36,1);
pointer-events: none;
}
.bb-nav__links .bb-nav__link:hover { color: var(--bb-green-dark); }
.bb-nav__links .bb-nav__link:hover::after {
opacity: 1; transform: scaleX(1);
animation: bb-wave-travel 1s linear infinite;
}
@keyframes bb-wave-travel { to { background-position: -24px center; } }
@media (prefers-reduced-motion: reduce) {
.bb-nav__links .bb-nav__link:hover::after { animation: none; }
}
/* ---- fancy dropdown onder Activiteiten ---- */
.bb-nav__item { position: static; display: flex; align-items: center; }
.bb-nav__caret { margin-left: 5px; vertical-align: middle; transition: transform .3s ease; }
.bb-nav__item.is-open .bb-nav__caret,
.bb-nav__item:focus-within .bb-nav__caret { transform: rotate(180deg); }
.bb-nav__dropdown {
position: absolute; top: 100%; right: 0; left: auto; width: 100%;
transform: translateY(8px); z-index: 60;
opacity: 0; visibility: hidden;
transition: opacity .28s ease, transform .38s cubic-bezier(.22,1,.36,1), visibility 0s linear .38s;
}
.bb-nav__item.is-open .bb-nav__dropdown,
.bb-nav__item:focus-within .bb-nav__dropdown {
opacity: 1; visibility: visible; transform: translateY(0);
transition: opacity .28s ease, transform .38s cubic-bezier(.22,1,.36,1), visibility 0s;
}
.bb-nav__dropdown-card {
position: relative; overflow: hidden;
background: var(--bb-sand);
box-shadow: 0 28px 56px rgba(12,30,24,0.26);
border-radius: 0 0 var(--bb-radius-lg) var(--bb-radius-lg);
display: flex; align-items: stretch;
width: 100%; min-width: 0; min-height: 300px;
}
.bb-nav__dropdown-list {
flex: 0 0 auto; min-width: 300px;
display: flex; flex-direction: column;
padding: 22px 16px 16px;
}
.bb-nav__dropdown-contact {
margin-top: 24px; padding: 14px 14px 13px;
background: rgba(77,112,96,0.09);
border: 1px solid rgba(77,112,96,0.12);
border-radius: 12px;
display: flex; flex-direction: column; gap: 8px;
}
.bb-nav__dropdown-contact .bb-nav__dropdown-contact-lbl {
font-family: var(--bb-font-body); font-size: 0.64rem; font-weight: 700;
letter-spacing: 0.18em; text-transform: uppercase; color: var(--bb-green);
margin-bottom: 1px;
}
.bb-nav__dropdown-contact a {
display: flex; align-items: center; gap: 0.55rem;
color: var(--bb-green-dark); text-decoration: none;
font-family: var(--bb-font-body); font-weight: 600; font-size: 0.92rem;
transition: color .2s ease;
}
.bb-nav__dropdown-contact a:hover { color: var(--bb-orange); }
.bb-nav__dropdown-contact svg { width: 15px; height: 15px; flex-shrink: 0; color: var(--bb-orange); }
.bb-nav__dropdown-media {
position: relative; overflow: hidden;
flex: 1 1 360px; min-width: 360px;
background: var(--bb-green-dark);
}
.bb-nav__dropdown-figure {
position: absolute; inset: 0;
background-size: cover; background-position: center;
display: flex; flex-direction: column; justify-content: flex-end;
padding: 20px; color: #fff;
opacity: 0; transform: scale(1.06);
transition: opacity .45s ease, transform .6s cubic-bezier(.22,1,.36,1);
}
.bb-nav__dropdown-figure::before {
content: ''; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(12,30,24,0.05) 30%, rgba(12,30,24,0.72) 100%);
}
.bb-nav__dropdown-figure.is-active { opacity: 1; transform: scale(1); }
.bb-nav__dropdown-figure .bb-nav__figure-title {
position: relative; font-family: var(--bb-font-display); font-weight: 800;
font-size: 1.15rem; letter-spacing: -0.01em; margin-top: auto;
}
.bb-nav__dropdown-figure .bb-nav__figure-sub {
position: relative; font-family: var(--bb-font-body); font-size: 0.82rem;
line-height: 1.4; opacity: 0.92; margin-top: 4px; max-width: 32ch;
}
.bb-nav__dropdown-eyebrow {
font-family: var(--bb-font-body); font-size: 0.68rem; font-weight: 700;
letter-spacing: 0.2em; text-transform: uppercase; color: var(--bb-green);
padding: 2px 12px 8px;
}
.bb-nav__dropdown-item {
position: relative; display: flex; align-items: center; gap: 0.5rem;
padding: 0.55rem 0.85rem; border-radius: 11px;
font-family: var(--bb-font-body); font-weight: 600; font-size: 0.95rem;
color: var(--bb-green-dark); text-decoration: none; white-space: nowrap;
opacity: 0; transform: translateY(8px);
transition: background .22s ease, color .22s ease,
opacity .3s ease, transform .35s cubic-bezier(.22,1,.36,1);
}
.bb-nav__dropdown-item::after {
content: '→'; margin-left: auto; padding-left: 0.75rem;
color: var(--bb-orange); opacity: 0; transform: translateX(-5px);
transition: opacity .22s ease, transform .22s ease;
}
.bb-nav__dropdown-item:hover {
background: var(--bb-sand-light); color: var(--bb-green-dark);
transform: translateY(0) translateX(3px);
}
.bb-nav__dropdown-item:hover::after { opacity: 1; transform: translateX(0); }
.bb-nav__item.is-open .bb-nav__dropdown-item,
.bb-nav__item:focus-within .bb-nav__dropdown-item { opacity: 1; transform: translateY(0); }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(2) { transition-delay: .04s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(3) { transition-delay: .07s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(4) { transition-delay: .10s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(5) { transition-delay: .13s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(6) { transition-delay: .16s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(7) { transition-delay: .19s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(8) { transition-delay: .22s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(9) { transition-delay: .25s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(10) { transition-delay: .28s; }
.bb-nav__item.is-open .bb-nav__dropdown-item:nth-child(11) { transition-delay: .31s; }
.bb-nav.is-scrolled .bb-nav__dropdown-card { background: var(--bb-cream); }
.bb-nav.is-scrolled .bb-nav__dropdown { top: calc(100% + var(--bb-dd-gap, 0px)); }
/* compacte lijst-dropdown (zonder featured foto) */
.bb-nav__dropdown-card--simple { min-width: 0; }
.bb-nav__dropdown-card--simple .bb-nav__dropdown-list { min-width: 232px; padding: 18px 12px 12px; }
/* rechts uitlijnen voor het laatste menu-item (voorkomt overflow) */
.bb-nav__dropdown--right { left: auto; right: 0; transform: translateY(8px); }
.bb-nav__item.is-open .bb-nav__dropdown--right,
.bb-nav__item:focus-within .bb-nav__dropdown--right { transform: translateY(0); }
/* geen divider achter het laatste item */
.bb-nav__links > a.bb-nav__link:last-child,
.bb-nav__links > *:last-child .bb-nav__link { border-right: 0; }
@media (prefers-reduced-motion: reduce) {
.bb-nav__dropdown, .bb-nav__dropdown-item, .bb-nav__caret { transition: none; }
.bb-nav__item.is-open .bb-nav__dropdown-item { transition-delay: 0s; }
}
.bb-nav__actions { display: flex; align-items: center; gap: 0.75rem; }
.bb-nav__cta {
font-family: var(--bb-font-display); font-weight: 800; font-size: 0.85rem;
text-transform: uppercase; letter-spacing: 0.02em;
padding: 0.78rem 1.6rem; border-radius: var(--bb-radius-pill);
background: #fff; color: var(--bb-green-dark); text-decoration: none;
box-shadow: 0 12px 32px rgba(12,30,24,0.18);
transition: transform .25s ease, background .3s ease, color .3s ease, box-shadow .3s ease;
white-space: nowrap;
}
.bb-nav__cta:hover { transform: translateY(-2px); background: var(--bb-orange); color: #fff; }
.bb-nav.is-scrolled { background: rgba(250,246,237,0.96); backdrop-filter: blur(12px); box-shadow: 0 6px 24px rgba(12,30,24,0.12); }
.bb-nav.is-scrolled .bb-nav__brand { color: var(--bb-green-dark); text-shadow: none; }
/* pill lost zich op in volledige-breedte balk */
.bb-nav.is-scrolled .bb-nav__links {
background: transparent; box-shadow: none; border-radius: 0; padding: 0;
}
.bb-nav.is-scrolled .bb-nav__links .bb-nav__link { color: var(--bb-text); text-shadow: none; }
.bb-nav.is-scrolled .bb-nav__links .bb-nav__link:not(:last-child) { border-right-color: transparent; }
.bb-nav.is-scrolled .bb-nav__cta { background: var(--bb-orange); color: #fff; }
.bb-nav__burger { display: none; }
.bb-nav__mobile { display: none; }
@media (max-width: 860px) {
.bb-nav__links, .bb-nav__cta { display: none; }
.bb-nav__topbar { display: none; }
.bb-nav__actions { margin-left: auto; }
.bb-nav__burger {
display: inline-flex; flex-direction: column; justify-content: center; gap: 5px;
margin-left: auto; width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; padding: 10px;
}
.bb-nav__burger span { display: block; height: 2.5px; width: 100%; background: #fff; border-radius: 2px; transition: transform .3s, opacity .3s, background .3s; }
.bb-nav.is-scrolled .bb-nav__burger span { background: var(--bb-green-dark); }
.bb-nav.is-open { background: var(--bb-green-dark); }
.bb-nav.is-open .bb-nav__burger span { background: #fff; }
.bb-nav.is-open .bb-nav__burger span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.bb-nav.is-open .bb-nav__burger span:nth-child(2) { opacity: 0; }
.bb-nav.is-open .bb-nav__burger span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
.bb-nav.is-open { background: var(--bb-green-dark); backdrop-filter: none; box-shadow: none; }
.bb-nav.is-open .bb-nav__logo { background-color: #fff; }
.bb-nav__mobile {
display: flex; flex-direction: column;
background:
radial-gradient(130% 80% at 100% 0%, rgba(244,197,66,0.18), transparent 58%),
linear-gradient(180deg, var(--bb-green-dark) 0%, #3c5a4c 100%);
padding-inline: var(--bb-container-padding);
max-height: 0; overflow: hidden;
transition: max-height .5s cubic-bezier(.22,1,.36,1), padding .5s ease;
}
.bb-nav.is-open .bb-nav__mobile { max-height: 1300px; padding-block: 0.85rem 1.6rem; }
.bb-nav__mobile > a {
position: relative;
display: flex; align-items: center; justify-content: space-between;
color: #fff; text-decoration: none; font-family: var(--bb-font-display); font-weight: 800;
font-size: 1.28rem; letter-spacing: -0.01em;
padding: 0.9rem 0.4rem 0.9rem 1rem;
border-bottom: 1px solid rgba(255,255,255,0.10);
opacity: 0; transform: translateX(-16px);
transition: opacity .45s ease, transform .45s ease, color .25s ease, background .25s ease;
}
.bb-nav__mobile > a::before {
content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
width: 3px; height: 0; background: var(--bb-yellow); border-radius: 2px;
transition: height .28s ease;
}
.bb-nav__mobile > a::after {
content: '→'; color: var(--bb-yellow); font-size: 1rem;
opacity: 0; transform: translateX(-8px);
transition: opacity .28s ease, transform .28s ease;
}
.bb-nav__mobile > a:hover, .bb-nav__mobile > a:active {
color: var(--bb-yellow); background: rgba(255,255,255,0.05);
}
.bb-nav__mobile > a:hover::before, .bb-nav__mobile > a:active::before { height: 62%; }
.bb-nav__mobile > a:hover::after, .bb-nav__mobile > a:active::after { opacity: 1; transform: translateX(0); }
/* gestaggerde reveal bij openen */
.bb-nav.is-open .bb-nav__mobile > a { opacity: 1; transform: translateX(0); }
.bb-nav.is-open .bb-nav__mobile > a:nth-of-type(1) { transition-delay: .10s; }
.bb-nav.is-open .bb-nav__mobile > a:nth-of-type(2) { transition-delay: .16s; }
.bb-nav.is-open .bb-nav__mobile > a:nth-of-type(3) { transition-delay: .22s; }
.bb-nav.is-open .bb-nav__mobile > a:nth-of-type(4) { transition-delay: .28s; }
.bb-nav.is-open .bb-nav__mobile > a:nth-of-type(5) { transition-delay: .34s; }
.bb-nav.is-open .bb-nav__mobile > a:nth-of-type(6) { transition-delay: .40s; }
/* uitklapbaar Activiteiten-submenu */
.bb-nav__mobile-acc { cursor: pointer; }
.bb-nav__mobile-acc::after { content: '' !important; display: none !important; }
.bb-nav__mobile-caret { color: var(--bb-yellow); flex-shrink: 0; transition: transform .3s ease; }
.bb-nav__mobile-acc.is-open .bb-nav__mobile-caret { transform: rotate(180deg); }
.bb-nav__mobile-sub {
max-height: 0; overflow: hidden;
transition: max-height .42s cubic-bezier(.22,1,.36,1);
}
.bb-nav__mobile-sub.is-open { max-height: 720px; }
.bb-nav__mobile-sub a {
position: relative; display: flex; align-items: center; justify-content: space-between;
color: rgba(255,255,255,0.82); text-decoration: none;
font-family: var(--bb-font-body); font-weight: 600; font-size: 1rem;
padding: 0.7rem 0.4rem 0.7rem 1.65rem;
border-bottom: 1px solid rgba(255,255,255,0.07);
transition: color .2s ease, background .2s ease;
}
.bb-nav__mobile-sub a::after {
content: '→'; color: var(--bb-yellow); opacity: 0.65; font-size: 0.9rem;
}
.bb-nav__mobile-sub a:hover, .bb-nav__mobile-sub a:active {
color: #fff; background: rgba(255,255,255,0.05);
}
.bb-nav__mobile .bb-nav__mobile-cta {
justify-content: center; margin-top: 1.1rem; border-bottom: 0;
background: var(--bb-yellow); color: var(--bb-green-dark);
border-radius: 999px; padding: 0.9rem 1.2rem; font-size: 1.12rem;
box-shadow: 0 10px 24px rgba(244,197,66,0.3);
transition: opacity .45s ease, transform .45s ease, background .25s ease, box-shadow .25s ease;
}
.bb-nav__mobile .bb-nav__mobile-cta::before { display: none; }
.bb-nav__mobile .bb-nav__mobile-cta::after { content: ''; }
.bb-nav__mobile .bb-nav__mobile-cta:hover { background: #fff; color: var(--bb-green-dark); box-shadow: 0 12px 28px rgba(0,0,0,0.2); }
/* footer: boekingsbeheer + socials */
.bb-nav__mobile-foot {
display: flex; flex-direction: column; gap: 1.1rem;
padding-top: 1.3rem; margin-top: 1.2rem;
border-top: 1px solid rgba(255,255,255,0.14);
opacity: 0; transform: translateY(10px);
transition: opacity .45s ease, transform .45s ease;
}
.bb-nav.is-open .bb-nav__mobile-foot { opacity: 1; transform: none; transition-delay: .5s; }
.bb-nav__mobile-manage {
display: inline-flex; align-items: center; gap: 0.5rem;
color: rgba(255,255,255,0.9); text-decoration: none;
font-family: var(--bb-font-display); font-weight: 700; font-size: 0.95rem;
text-transform: uppercase; letter-spacing: 0.04em; transition: color .2s ease;
}
.bb-nav__mobile-manage::after { content: '→'; color: var(--bb-yellow); }
.bb-nav__mobile-manage:hover { color: var(--bb-yellow); }
.bb-nav__mobile-socials { display: flex; align-items: center; gap: 1.4rem; }
.bb-nav__mobile-socials a { color: #fff; display: inline-flex; transition: color .2s ease, transform .2s ease; }
.bb-nav__mobile-socials a:hover { color: var(--bb-yellow); transform: translateY(-2px); }
}
/* ============================================================
BLOG-SLIDER — carousel met pijlen, drag & dots
============================================================ */
.bb-blogs .bb-blogs__head {
display: flex; align-items: flex-end; justify-content: space-between;
gap: 1rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.bb-blogs .bb-blogs__head .bb-blogs__title { margin: 0; }
.bb-blogs .bb-blogs__nav { display: flex; gap: 0.7rem; flex-shrink: 0; }
.bb-blogs .bb-blogs__arrow {
position: relative; overflow: hidden;
width: clamp(46px, 3.8vw, 54px); height: clamp(46px, 3.8vw, 54px);
border-radius: 50%; cursor: pointer;
border: 1.5px solid rgba(245,235,208,0.5);
background: rgba(245,235,208,0.10);
color: var(--bb-cream);
display: grid; place-items: center;
transition: border-color .3s ease, color .3s ease, transform .35s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
}
.bb-blogs .bb-blogs__arrow::before {
content: ''; position: absolute; inset: 0; border-radius: 50%;
background: var(--bb-yellow); transform: scale(0);
transition: transform .45s cubic-bezier(.22,1,.36,1); z-index: 0;
}
.bb-blogs .bb-blogs__arrow svg {
position: relative; z-index: 1; width: 50%; height: 50%;
transition: transform .3s cubic-bezier(.22,1,.36,1);
}
/* Bubbel-stijl pijl (diagonaal ↘) draaien naar ← (vorige) en → (volgende) */
.bb-blogs .bb-blogs__arrow[data-dir="-1"] svg { transform: rotate(135deg); }
.bb-blogs .bb-blogs__arrow[data-dir="1"] svg { transform: rotate(-45deg); }
.bb-blogs .bb-blogs__arrow:hover {
border-color: var(--bb-yellow); color: var(--bb-green-dark);
transform: translateY(-3px); box-shadow: 0 14px 28px rgba(0,0,0,0.25);
}
.bb-blogs .bb-blogs__arrow:hover::before { transform: scale(1); }
.bb-blogs .bb-blogs__arrow[data-dir="-1"]:hover svg { transform: rotate(135deg); }
.bb-blogs .bb-blogs__arrow[data-dir="1"]:hover svg { transform: rotate(-45deg); }
.bb-blogs .bb-blogs__arrow:active { transform: translateY(-1px) scale(0.95); }
.bb-blogs .bb-blogs__arrow:disabled { opacity: 0.35; cursor: default; transform: none; }
.bb-blogs .bb-blogs__viewport {
overflow-x: auto; overflow-y: visible;
scroll-snap-type: x mandatory;
/* Links boxed (containerrand), rechts doorlopend tot de schermrand */
margin-right: calc(50% - 50vw);
padding-right: var(--bb-container-padding);
padding-block: 0.5rem 1rem;
scrollbar-width: none; -ms-overflow-style: none; cursor: grab;
}
.bb-blogs .bb-blogs__viewport.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.bb-blogs .bb-blogs__viewport::-webkit-scrollbar { display: none; }
.bb-blogs .bb-blogs__track { display: flex; gap: 1.5rem; align-items: stretch; }
.bb-blogs .bb-blogs__card {
flex: 0 0 calc((min(100vw, var(--bb-container-max)) - 2 * var(--bb-container-padding) - 3rem) / 3);
max-width: none; width: auto;
height: auto; align-self: stretch;
scroll-snap-align: start;
}
@media (max-width: 1024px) {
.bb-blogs .bb-blogs__card { flex-basis: calc((min(100vw, var(--bb-container-max)) - 2 * var(--bb-container-padding) - 1.5rem) / 2); }
}
@media (max-width: 600px) {
.bb-blogs .bb-blogs__card { flex-basis: calc(min(100vw, var(--bb-container-max)) - 2 * var(--bb-container-padding) - 2.5rem); }
}
.bb-blogs .bb-blogs__dots { display: flex; gap: 0.5rem; justify-content: center; margin-top: clamp(1.25rem, 2.5vw, 2rem); }
.bb-blogs .bb-blogs__dot {
width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
background: var(--bb-green-light); transition: width .3s ease, background .3s ease;
}
.bb-blogs .bb-blogs__dot.is-active { width: 28px; border-radius: 999px; background: var(--bb-orange); }
@media (max-width: 860px) { .bb-blogs .bb-blogs__nav { display: none; } }
/* ============================================================
FOOTER — donkergroen met golf-overgang, social & wordmark
============================================================ */
.bb-footer { background-color: var(--bb-green-dark); color: var(--bb-sand-light); padding-block: 0; }
.bb-footer__wave { position: relative; width: 100%; height: clamp(40px, 5vw, 70px); overflow: hidden; line-height: 0; }
.bb-footer__wave svg { width: 100%; height: 100%; display: block; fill: var(--bb-orange); }
.bb-footer .bb-footer__container { padding-block: clamp(2.5rem, 5vw, 4rem) 0; }
.bb-footer__top { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.bb-footer__brand { font-family: var(--bb-font-display); font-weight: 900; font-size: clamp(1.9rem, 3vw, 2.6rem); color: #fff; text-decoration: none; letter-spacing: -0.02em; }
.bb-footer__brand span { color: var(--bb-yellow); }
.bb-footer__socials { display: flex; gap: 0.6rem; }
.bb-footer__social { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,0.08); color: #fff; transition: background .25s ease, transform .25s ease; }
.bb-footer__social:hover { background: var(--bb-yellow); color: var(--bb-text); transform: translateY(-3px); }
.bb-footer__social svg { width: 19px; height: 19px; fill: currentColor; }
.bb-footer .bb-footer__separator { border-top-color: rgba(255,255,255,0.15); margin: 0 0 clamp(2rem, 4vw, 3rem); }
.bb-footer .bb-footer__heading { color: var(--bb-yellow); }
.bb-footer .bb-footer__address,
.bb-footer .bb-footer__contact-row,
.bb-footer .bb-footer__contact-row a,
.bb-footer .bb-footer__link { color: var(--bb-sand-light); }
.bb-footer .bb-footer__contact-row svg { fill: var(--bb-yellow); }
.bb-footer .bb-footer__contact-row a:hover,
.bb-footer .bb-footer__link:hover { color: var(--bb-yellow); }
.bb-footer .bb-footer__grid { grid-template-columns: 1.2fr 1.2fr 1fr; }
@media (max-width: 1024px) { .bb-footer .bb-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .bb-footer .bb-footer__grid { grid-template-columns: 1fr; } }
.bb-footer__wordmark {
display: block; width: 100%; height: auto;
margin-top: clamp(1.5rem, 3vw, 2.5rem);
overflow: visible;
}
.bb-footer__wordmark text {
font-family: var(--bb-font-display); font-weight: 900;
fill: transparent;
stroke: rgba(255,255,255,0.15); stroke-width: 1.5px;
vector-effect: non-scaling-stroke;
}
.bb-footer__wordmark.is-spot text { fill: url(#bbWordFill); }
.bb-footer__bottom {
display: flex; justify-content: space-between; gap: 0.5rem 1.5rem; flex-wrap: wrap;
padding-block: clamp(1.25rem, 2.5vw, 1.75rem); margin-top: clamp(0.5rem, 1.5vw, 1rem);
border-top: 1px solid rgba(255,255,255,0.12);
font-size: var(--bb-text-sm); color: var(--bb-sand-light);
}
.bb-footer__bottom a { color: var(--bb-sand-light); text-decoration: none; }
.bb-footer__bottom a:hover { color: var(--bb-yellow); }
/* ============================================================
CURSOR-ACCENT — native cursor blijft, subtiele volg-ring eromheen
============================================================ */
.bb-cursor-ring {
position: fixed; top: 0; left: 0; z-index: 9999;
pointer-events: none; border-radius: 50%;
width: 30px; height: 30px;
border: 1.5px solid rgba(227,161,52,0.55);
transform: translate(-50%, -50%); opacity: 0;
transition: opacity .3s ease, width .28s cubic-bezier(.22,1,.36,1),
height .28s cubic-bezier(.22,1,.36,1), border-color .25s ease, background .25s ease;
will-change: transform;
}
.bb-cursor-ready .bb-cursor-ring { opacity: 1; }
.bb-cursor-hover .bb-cursor-ring {
width: 50px; height: 50px;
border-color: var(--bb-orange);
background: rgba(227,161,52,0.10);
}
@media (hover: none), (pointer: coarse) {
.bb-cursor-ring { display: none !important; }
}
/* === OVERLAPPING SLIDER (uit animatie-bibliotheek) — blog-listing ===
Sleepbare rij kaarten die tijdens het slepen achter elkaar stapelen
(schaalt + kantelt). Toetsenbord: pijl links/rechts. */
.overlapping-slider__wrap { width: 100%; }
.overlapping-slider__collection {
justify-content: flex-start; align-items: flex-start;
width: 100%; display: flex; position: relative;
}
.overlapping-slider__list {
flex-flow: row; flex: none;
justify-content: flex-start; align-items: center;
display: flex; position: relative;
}
.overlapping-slider__item { flex: none; margin-right: 1.5em; } /* gap; door het script uitgelezen */
/* Blog-kaart in BeachBreak-stijl (vervangt de testimonial-democard) */
.bb-blogcard {
display: flex; flex-flow: column; justify-content: flex-start;
width: 20em; max-width: 85vw; aspect-ratio: 3 / 4;
background: #fff; border-radius: 1em; overflow: hidden;
text-decoration: none; color: var(--bb-text);
box-shadow: 0 18px 40px rgba(12,30,24,0.20);
cursor: grab;
}
.bb-blogcard:active { cursor: grabbing; }
.bb-blogcard__image { flex: 0 0 47%; width: 100%; overflow: hidden; background: var(--bb-sand); }
.bb-blogcard__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bb-blogcard__body {
flex: 1; min-height: 0;
display: flex; flex-flow: column; gap: 0.5em;
padding: 1.3em 1.4em 1.5em;
}
.bb-blogcard__title {
margin: 0; font-family: var(--bb-font-display); font-weight: 800;
font-size: 1.3em; line-height: 1.15; color: var(--bb-green-dark);
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.bb-blogcard__excerpt {
margin: 0; font-family: var(--bb-font-body); font-size: 0.95em; line-height: 1.5;
color: var(--bb-text); opacity: 0.82;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.bb-blogcard__cta {
margin-top: auto; display: inline-flex; align-items: center; gap: 0.45em;
font-family: var(--bb-font-display); font-weight: 800; font-size: 0.95em;
color: var(--bb-orange);
}
.bb-blogcard__cta svg { width: 1em; height: 1em; }