.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Dieleman 2026: sitebreed (header staat op elke pagina) */
body .elementor p a, body .e-paragraph-base a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
body .e-paragraph-base a:hover { opacity: 0.75; }
body a.e-button-base, body a.e-flexbox-base, body a.e-div-block-base { text-decoration: none; }
body .e-paragraph-base ul { margin: 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: 6px; }
nav.e-flexbox-base .e-paragraph-base a { text-decoration: none; transition: color .25s; }
nav.e-flexbox-base .e-paragraph-base a:hover { color: #FFFFFF; opacity: 1; }

body .e-heading-base > a, body .e-heading-base > a.e-default-a { color: inherit; text-decoration: none; }
header .e-paragraph-base a { text-decoration: none; }
.e-div-block-base > a.e-image-link-base { display: block; width: 100%; height: 100%; }

/* rustige bewegingen */
@keyframes dl-in { from { opacity: 0; translate: 0 28px; } to { opacity: 1; translate: 0 0; } }
@keyframes dl-rise { from { translate: 0 24px; } to { translate: 0 0; } }
@keyframes dl-zoom { from { scale: 1.06; } to { scale: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .hero-paneel > *, [data-id="607b6bd7"] > * { animation: dl-in .9s cubic-bezier(.22,.61,.36,1) both; }
  .hero-paneel > *:nth-child(2), [data-id="607b6bd7"] > *:nth-child(2) { animation-delay: .1s; }
  .hero-paneel > *:nth-child(3), [data-id="607b6bd7"] > *:nth-child(3) { animation-delay: .2s; }
  .hero-paneel > *:nth-child(4), [data-id="607b6bd7"] > *:nth-child(4) { animation-delay: .3s; }
  .hero-beeld, [data-id="19c72344"] { animation: dl-zoom 1.6s cubic-bezier(.22,.61,.36,1) both; }
  @supports (animation-timeline: view()) {
    .kaart, .foto, .kop-blok, .twee-kol, .cta-band, .faq, .e-livid-video, .elementor-widget-livid-video { animation: dl-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 30%; }
  }
  .foto, .kaart { transition: transform .4s cubic-bezier(.22,.61,.36,1), background-color .3s, box-shadow .3s; }
  a.kaart:hover, a.e-flexbox-base.kaart:hover { box-shadow: 0 18px 40px rgba(47,58,61,.10); }
}
/* ankers */
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
#afspraak-formulier { scroll-margin-top: 24px; }
@media (max-width: 767px) { body .elementor-element.elementor-element-4af3b536 { grid-template-columns: 1fr; } }
/* losse lijsten in kaarten */
body .e-con > ul { font-family: Arvo, serif; font-size: 16px; line-height: 1.75; color: #2F3A3D; margin: 0; padding-left: 1.2em; display: flex; flex-direction: column; gap: 6px; }
/* pijl controle-balk alleen bij hover */
body [data-id="c2dabac"] { opacity: 0; translate: 0 -6px; transition: opacity .3s, translate .3s; }
body a[data-id="6f27be52"]:hover [data-id="c2dabac"], body a[data-id="6f27be52"]:focus-visible [data-id="c2dabac"] { opacity: 1; translate: 0 0; }
/* ankers zonder ruimte */
body .elementor-widget-html:has(.anker) { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; margin: 0; }
body .anker { display: block; scroll-margin-top: clamp(56px, 5vw, 96px); }
/* aivory keuzekaarten mobiel */
body .aivory-kaart, body .aivory-kaart * { white-space: normal; }
body .aivory-tekst { min-width: 0; }
/* Gewoon Gaaf: illustraties even hoog als het tekstblok */
body [data-id="4e8bc554"] picture { display: contents; }
body [data-id="4e8bc554"] source, body [data-id="4e8bc554"] noscript { display: none; }
body [data-id="4e8bc554"] img { aspect-ratio: auto; }

/* Interactions: voorkom flits voor het infaden (motion.js zet daarna inline opacity:1) */
@media (prefers-reduced-motion: no-preference) { body [data-id="4e8bc554"] img[data-interaction-id] { opacity: 0; } }

/* Mobiel: smalle slimme sticky header (verdwijnt bij omlaag scrollen, komt terug bij omhoog) */
@media (max-width: 767px) {
  body > .elementor-location-header { position: sticky; top: 0; z-index: 100; transition: transform .3s ease, box-shadow .3s ease; }
  body > .elementor-location-header.dl-zwevend { box-shadow: 0 2px 14px rgba(47, 58, 61, .08); }
  body > .elementor-location-header.dl-verborgen { transform: translateY(-100%); }
}

/* Controle-band: pijltje altijd zichtbaar op touch/mobiel (geen hover) */
@media (hover: none), (max-width: 767px) { body [data-id="c2dabac"] { opacity: 1; translate: 0 0; } }/* End custom CSS */