/* Aquastra home. Gebaseerd op WPCode-snippet 1375 (CSS ongewijzigd, gescoped op .breakdance .aq-homepage). */
body.aq-home { margin:0 !important; padding:0 !important; background-color:#0E0F0E !important; }
html.aq-home-html { background-color:#0E0F0E !important; }
body.aq-home .bde-header-builder { display:none !important; }
body.aq-home .breakdance .bde-section.aq-homepage { padding:0 !important; background-color:transparent !important; }
body.aq-home .breakdance .aq-homepage > .section-container { max-width:100% !important; padding:0 !important; display:block; width:100%; }
.breakdance .aq-homepage .bde-div, .breakdance .aq-homepage .bde-text { margin:0; }
.breakdance .aq-homepage .aq-hero, .breakdance .aq-homepage .aq-hl, .breakdance .aq-homepage .aq-hb, .breakdance .aq-homepage .aq-top { max-width:none; }
.breakdance .aq-homepage { width:100%; box-sizing:border-box; position:relative; --bg:#0E0F0E; --text:#ECEBE6; --muted:#8E918C; --line:rgba(236,235,230,.13); --band:#1E5A2B; --bandText:#ECEBE6; --accent:#3A9A50; --accentText:#FFFFFF; --hover:#ECEBE6; --hoverText:#0E0F0E; --display:'Inter Tight','Inter',system-ui,sans-serif; background:var(--bg) !important; color:var(--text) !important; font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; overflow:hidden; }
.breakdance .aq-homepage::after { content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/></svg>"); opacity:.06; pointer-events:none; mix-blend-mode:overlay; z-index:5; }
.breakdance .aq-homepage *, .breakdance .aq-homepage *::before, .breakdance .aq-homepage *::after { box-sizing:border-box; }
.breakdance .aq-homepage .aq-in { max-width:1440px; margin:0 auto; padding-inline:clamp(16px,3.5vw,56px); }
.breakdance .aq-homepage .aq-hero { position:relative; height:min(100svh, 980px); min-height:560px; color:#F4F2EC !important; overflow:hidden; background:#0b0d0b; }
.breakdance .aq-homepage .aq-hero video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.04); animation:aqZoom 2.4s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes aqZoom { to { transform:scale(1); } }
.breakdance .aq-homepage .aq-shade { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(5,8,6,.55) 0%, rgba(5,8,6,0) 22%, rgba(5,8,6,0) 48%, rgba(5,8,6,.78) 100%); }
.breakdance .aq-homepage .aq-top { flex-direction:row; position:absolute; top:0; left:0; right:0; z-index:3; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:clamp(16px,2.4vw,28px) clamp(16px,3.5vw,56px); }
.breakdance .aq-homepage .aq-since { font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:rgba(244,242,236,.85) !important; display:flex; align-items:center; gap:10px; }
.breakdance .aq-homepage .aq-since::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(255,255,255,.12); }
.breakdance .aq-homepage .aq-nav { display:flex; align-items:center; gap:6px; padding:6px; border-radius:999px; background:rgba(14,15,14,.35); border:1px solid rgba(244,242,236,.18); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.breakdance .aq-homepage .aq-nav a { color:#F4F2EC !important; text-decoration:none !important; font-size:14px; padding:9px 16px; border-radius:999px; transition:background .25s ease; }
.breakdance .aq-homepage .aq-nav a:hover { background:rgba(244,242,236,.14); }
.breakdance .aq-homepage .aq-nav a.aq-pill { background:#F4F2EC; color:#0E0F0E !important; font-weight:600; margin-left:16px; }
.breakdance .aq-homepage .aq-hb { flex-direction:row; position:absolute; left:0; right:0; bottom:0; z-index:3; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; padding:0 clamp(16px,3.5vw,56px) clamp(22px,3.2vw,48px); }
.breakdance .aq-homepage .aq-hl { flex:1; align-items:stretch; min-width:0; display:flex; flex-direction:column; gap:clamp(12px,1.6vw,22px); }
.breakdance .aq-homepage .aq-tag { font-size:clamp(15px,1.4vw,20px); line-height:1.35; max-width:34ch; color:rgba(244,242,236,.9) !important; }
.breakdance .aq-homepage .aq-logo { width:min(100%, 1040px); aspect-ratio:142/35; -webkit-mask:url(/wp-content/uploads/2026/08/aquastra-logo.svg) left center/contain no-repeat; mask:url(/wp-content/uploads/2026/08/aquastra-logo.svg) left center/contain no-repeat; background:linear-gradient(100deg, #F4F2EC 0%, #F4F2EC 34%, #8FC79A 42%, #3A9A50 47%, #1F3A26 52%, #8FC79A 58%, #F4F2EC 66%, #F4F2EC 100%); background-size:320% 100%; background-position:100% 0; animation:aqShine 10s cubic-bezier(.5,0,.3,1) 1.4s infinite; }
@keyframes aqShine { 0% { background-position:100% 0; } 32% { background-position:0% 0; } 100% { background-position:0% 0; } }
.breakdance .aq-homepage .aq-badge { flex:none; position:relative; width:clamp(118px,11vw,164px); aspect-ratio:1; border-radius:50%; background:var(--accent); color:var(--accentText) !important; display:grid; place-items:center; text-decoration:none !important; box-shadow:0 20px 50px -12px rgba(0,0,0,.6); animation:aqPulse 2.6s ease-out infinite; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.breakdance .aq-homepage .aq-badge:hover { transform:scale(1.08); }
.breakdance .aq-homepage .aq-badge svg { position:absolute; inset:8%; width:84%; height:84%; animation:aqSpin 14s linear infinite; fill:currentColor; }
.breakdance .aq-homepage .aq-badge text { font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; font-family:'Inter',system-ui,sans-serif; }
.breakdance .aq-homepage .aq-badge b { font-size:clamp(22px,2vw,30px); font-weight:400; line-height:1; animation:aqNudge 1.6s ease-in-out infinite; }
@keyframes aqSpin { to { transform:rotate(360deg); } }
@keyframes aqNudge { 0%,100% { transform:translateY(-2px); } 50% { transform:translateY(5px); } }
@keyframes aqPulse { 0% { box-shadow:0 20px 50px -12px rgba(0,0,0,.6), 0 0 0 0 rgba(255,255,255,.35); } 70% { box-shadow:0 20px 50px -12px rgba(0,0,0,.6), 0 0 0 22px rgba(255,255,255,0); } 100% { box-shadow:0 20px 50px -12px rgba(0,0,0,.6), 0 0 0 0 rgba(255,255,255,0); } }
.breakdance .aq-homepage .aq-mq { background:var(--band); color:var(--bandText) !important; overflow:hidden; border-block:1px solid var(--line); }
.breakdance .aq-homepage .aq-mq-track { display:flex; width:max-content; animation:aqMarq 38s linear infinite; }
.breakdance .aq-homepage .aq-mq-track span { font-family:var(--display); font-size:clamp(22px,2.6vw,38px); font-weight:400; letter-spacing:-.02em; padding:18px 0; white-space:nowrap; display:flex; align-items:center; }
.breakdance .aq-homepage .aq-mq-track span::after { content:''; width:10px; height:10px; margin:0 clamp(20px,2.4vw,40px); border-radius:50%; background:currentColor; opacity:.45; }
@keyframes aqMarq { to { transform:translateX(-50%); } }
.breakdance .aq-homepage .aq-dsec { padding-block:clamp(64px,8vw,128px) clamp(48px,6vw,96px); scroll-margin-top:0; }
.breakdance .aq-homepage .aq-dhead { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; align-items:end; margin-bottom:clamp(28px,4vw,56px); }
.breakdance .aq-homepage .aq-dhead h2 { margin:0; font-family:var(--display); font-weight:400; font-size:clamp(42px,7vw,112px); line-height:.92; letter-spacing:-.045em; color:var(--text) !important; text-wrap:balance; }
.breakdance .aq-homepage .aq-dhead h2 span { color:var(--muted); }
.breakdance .aq-homepage .aq-dhead .aq-dintro { margin:0; justify-self:end; max-width:36ch; font-size:16px; line-height:1.6; color:var(--muted) !important; }
.breakdance .aq-homepage .aq-list .bde-loop { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(20px,3vw,48px); border-top:1px solid var(--line); }
.breakdance .aq-homepage .aq-list .bde-loop-item { border-bottom:1px solid var(--line); }
.breakdance .aq-homepage .aq-list .aq-dl { flex-direction:row; position:relative; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:clamp(16px,1.6vw,24px) 12px; color:var(--text) !important; text-decoration:none !important; font-family:var(--display); font-size:clamp(20px,2.1vw,32px); letter-spacing:-.02em; line-height:1.15; overflow:hidden; isolation:isolate; transition:color .35s ease, padding .35s ease; }
.breakdance .aq-homepage .aq-list .aq-dl::before { content:''; position:absolute; inset:0; background:var(--hover); transform:scaleY(0); transform-origin:bottom; transition:transform .45s cubic-bezier(.2,.8,.2,1); z-index:-1; }
.breakdance .aq-homepage .aq-list .aq-dl:hover { color:var(--hoverText) !important; padding-left:22px; }
.breakdance .aq-homepage .aq-list .aq-dl:hover::before { transform:scaleY(1); }
.breakdance .aq-homepage .aq-list .aq-dl .aq-dl-ar { flex:none; width:42px; height:42px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; font-family:'Inter',system-ui,sans-serif; font-size:16px; transition:transform .35s ease, background .35s ease, color .35s ease, border-color .35s ease; }
.breakdance .aq-homepage .aq-list .aq-dl:hover .aq-dl-ar { background:var(--hoverText); color:var(--hover); border-color:var(--hoverText); transform:rotate(-45deg); }
.breakdance .aq-homepage .aq-ct { padding-block:clamp(56px,7vw,112px); border-top:1px solid var(--line); display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:clamp(28px,5vw,80px); align-items:end; }
.breakdance .aq-homepage .aq-ct h3 { margin:0 0 18px; font-family:'Inter',system-ui,sans-serif; font-size:12px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--muted) !important; }
.breakdance .aq-homepage .aq-ct a { color:var(--text) !important; text-decoration:none !important; }
.breakdance .aq-homepage .aq-huge { display:block; font-family:var(--display); font-size:clamp(38px,6.4vw,104px); line-height:.95; letter-spacing:-.045em; transition:color .3s ease; }
.breakdance .aq-homepage .aq-mail { display:inline-block; margin-top:14px; font-size:clamp(18px,1.8vw,26px); letter-spacing:-.01em; border-bottom:1px solid var(--line); padding-bottom:4px; }
.breakdance .aq-homepage .aq-huge:hover, .breakdance .aq-homepage .aq-mail:hover { color:var(--accent) !important; }
.breakdance .aq-homepage .aq-btns { display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }
.breakdance .aq-homepage .aq-ct a.aq-btn { display:inline-flex; align-items:center; gap:10px; padding:15px 24px; border-radius:999px; font-size:15px; font-weight:600; background:var(--accent); color:var(--accentText) !important; transition:transform .25s ease; }
.breakdance .aq-homepage .aq-ct a.aq-btn:hover { transform:translateY(-2px); }
.breakdance .aq-homepage .aq-ct a.aq-btn.ghost { background:transparent; color:var(--text) !important; border:1px solid var(--line); font-weight:500; }
.breakdance .aq-homepage .aq-btn svg { width:16px; height:16px; fill:currentColor; }
.breakdance .aq-homepage .aq-info p { margin:0 0 12px; font-size:16px; line-height:1.65; color:var(--muted) !important; }
.breakdance .aq-homepage .aq-foot { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; padding-block:22px 34px; border-top:1px solid var(--line); font-size:13px; color:var(--muted) !important; }
.breakdance .aq-homepage .aq-foot nav { display:flex; flex-wrap:wrap; gap:4px 22px; }
.breakdance .aq-homepage .aq-foot a { color:var(--text) !important; text-decoration:none !important; }
.breakdance .aq-homepage .aq-foot a:hover { color:var(--accent) !important; }
.breakdance .aq-homepage a:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.breakdance .aq-homepage p:empty { display:none; }
.breakdance .aq-homepage .aq-hb > p, .breakdance .aq-homepage .aq-ct p:has(> a.aq-huge) { margin:0; display:contents; }
@media (max-width:900px) { .breakdance .aq-homepage .aq-dhead { grid-template-columns:1fr; }.breakdance .aq-homepage .aq-dhead .aq-dintro { justify-self:start; }.breakdance .aq-homepage .aq-list .bde-loop { grid-template-columns:1fr; }.breakdance .aq-homepage .aq-ct { grid-template-columns:1fr; }.breakdance .aq-homepage .aq-nav a:not(.aq-pill) { display:none; }.breakdance .aq-homepage .aq-nav a.aq-pill { margin-left:0; } }
@media (max-width:600px) { .breakdance .aq-homepage .aq-hero { height:86svh; min-height:520px; }.breakdance .aq-homepage .aq-hb { flex-direction:column; align-items:flex-start; }.breakdance .aq-homepage .aq-badge { position:absolute; right:16px; top:-150px; width:110px; }.breakdance .aq-homepage .aq-since { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .breakdance .aq-homepage .aq-logo, .breakdance .aq-homepage .aq-badge, .breakdance .aq-homepage .aq-badge svg, .breakdance .aq-homepage .aq-badge b, .breakdance .aq-homepage .aq-mq-track, .breakdance .aq-homepage .aq-hero video { animation:none; transform:none; } }
/* Ticker: links, pauze bij hover */
.breakdance .aq-homepage .aq-mq-track a { color:inherit !important; text-decoration:none !important; }
.breakdance .aq-homepage .aq-mq:hover .aq-mq-track, .breakdance .aq-homepage .aq-mq:focus-within .aq-mq-track { animation-play-state:paused; }
.breakdance .aq-homepage .aq-mq-track a:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }

/* Dienstenlijst (Breakdance Post Loop) */
.breakdance .aq-homepage .aq-list .bde-loop-item { margin:0; padding:0; }
.breakdance .aq-homepage .aq-list .aq-dl .aq-dl-t { font:inherit; color:inherit; margin:0; }
.breakdance .aq-homepage .aq-dhead .bde-heading { margin:0; }

/* Breakdance-wrappers: dezelfde afmetingen als de oorspronkelijke markup */
.breakdance .aq-homepage .aq-hero { display:block; width:100%; align-self:stretch; }
.breakdance .aq-homepage .aq-hl > * { width:100%; }
.breakdance .aq-homepage .aq-top > .bde-shortcode, .breakdance .aq-homepage .aq-hb > .bde-shortcode { flex:none; width:auto; }
.breakdance .aq-homepage .aq-hero > .bde-shortcode:first-child { position:static; }
@media (max-width:600px) { .breakdance .aq-homepage .aq-hb { gap:0; } }
.breakdance .aq-homepage .aq-dsec { width:100%; }

/* Home-footer (Breakdance-template "Footer home"), zelfde look als de oude .aq-foot */
.breakdance .aq-homefoot { --bg:#0E0F0E; --text:#ECEBE6; --muted:#8E918C; --line:rgba(236,235,230,.13); --accent:#3A9A50; position:relative; width:100%; box-sizing:border-box; overflow:hidden; background:var(--bg) !important; color:var(--text) !important; font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
.breakdance .aq-homefoot::after { content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/></svg>"); opacity:.06; pointer-events:none; mix-blend-mode:overlay; z-index:5; }
.breakdance .aq-homefoot *, .breakdance .aq-homefoot *::before, .breakdance .aq-homefoot *::after { box-sizing:border-box; }
.breakdance .aq-homefoot > .section-container { max-width:100% !important; padding:0 !important; display:block; width:100%; }
.breakdance .aq-homefoot .aq-in { width:100%; max-width:1440px; margin:0 auto; padding-inline:clamp(16px,3.5vw,56px); }
.breakdance .aq-homefoot .aq-foot { flex-direction:row; width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; padding-block:22px 34px; border-top:1px solid var(--line); font-size:13px; color:var(--muted) !important; }
.breakdance .aq-homefoot .aq-foot nav { display:flex; flex-wrap:wrap; gap:4px 22px; }
.breakdance .aq-homefoot .aq-foot a { color:var(--text) !important; text-decoration:none !important; }
.breakdance .aq-homefoot .aq-foot a:hover { color:var(--accent) !important; }
.breakdance .aq-homefoot a:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.breakdance .aq-homefoot .aq-foot > .bde-shortcode { width:auto; flex:none; }