.elementor-33 .elementor-element.elementor-element-af07129{--display:flex;}.elementor-33 .elementor-element.elementor-element-3f108e1{--display:flex;}.elementor-33 .elementor-element.elementor-element-008805a{--display:flex;}.elementor-33 .elementor-element.elementor-element-58257fe{--display:flex;}.elementor-33 .elementor-element.elementor-element-b678260{--display:flex;}.elementor-33 .elementor-element.elementor-element-1e3163e{--display:flex;}.elementor-33 .elementor-element.elementor-element-6b938c3{--display:flex;}.elementor-33 .elementor-element.elementor-element-7e6c40c{--display:flex;}.elementor-33 .elementor-element.elementor-element-7413915{--display:flex;}.elementor-33 .elementor-element.elementor-element-fa024fe{--display:flex;}.elementor-33 .elementor-element.elementor-element-3db09f0{--display:flex;}.elementor-33 .elementor-element.elementor-element-ff051b9{--display:flex;}.elementor-33 .elementor-element.elementor-element-87a93f6{--display:flex;}.elementor-33 .elementor-element.elementor-element-1becb2c{--display:flex;}.elementor-33 .elementor-element.elementor-element-7060adc{--display:flex;}.elementor-33 .elementor-element.elementor-element-fa84f63{--display:flex;}.elementor-33 .elementor-element.elementor-element-d83f58a{--display:flex;}.elementor-33 .elementor-element.elementor-element-5f971dd{--display:flex;}.elementor-33 .elementor-element.elementor-element-cc3c1d3{--display:flex;}.elementor-33 .elementor-element.elementor-element-18a35bd{--display:flex;}.elementor-33 .elementor-element.elementor-element-1abc43a{--display:flex;}.elementor-33 .elementor-element.elementor-element-ff70b90{--display:flex;}.elementor-33 .elementor-element.elementor-element-be96638{--display:flex;}.elementor-33 .elementor-element.elementor-element-9c84d6b{--display:flex;}.elementor-33 .elementor-element.elementor-element-af6c5dd{--display:flex;}.elementor-33 .elementor-element.elementor-element-97b3293{--display:flex;}.elementor-33 .elementor-element.elementor-element-16a1a40{--display:flex;}.elementor-33 .elementor-element.elementor-element-5cd8b61{--display:flex;}.elementor-33 .elementor-element.elementor-element-20786ba{--display:flex;}.elementor-33 .elementor-element.elementor-element-3ed5e30{--display:flex;}.elementor-33 .elementor-element.elementor-element-bc8325e{--display:flex;}.elementor-33 .elementor-element.elementor-element-d5df053{--display:flex;}/* Start custom CSS *//* Ontwerp-CSS (origineel, alleen de body.elementor-page-33s zijn verzwaard zodat Elementor/Hello er niet overheen gaan) */
html:not(#ba-y):not(#ba-z) { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; background: #FFFFFF; }
body:not(#ba-y):not(#ba-z) { margin: 0; background: #FFFFFF; font-size: 18px; }
body:not(#ba-y):not(#ba-z) *, body:not(#ba-y):not(#ba-z) *::before, body:not(#ba-y):not(#ba-z) *::after { box-sizing: border-box; }
body:not(#ba-y):not(#ba-z) img { display: block; }
body:not(#ba-y):not(#ba-z) ::selection { background: #1E1C1A; color: #FFFFFF; }
body:not(#ba-y):not(#ba-z) a { color: #8C7A62; text-underline-offset: 0.22em; }
body:not(#ba-y):not(#ba-z) a:hover { color: #1E1C1A; }
body:not(#ba-y):not(#ba-z) :focus-visible { outline: 2px solid #CDBBA3; outline-offset: 4px; }
body:not(#ba-y):not(#ba-z) ::-webkit-scrollbar { width: 12px; height: 12px; }
body:not(#ba-y):not(#ba-z) ::-webkit-scrollbar-track { background: #EDE5DA; }
body:not(#ba-y):not(#ba-z) ::-webkit-scrollbar-thumb { background: #CFC2AE; border: 3px solid #EDE5DA; border-radius: 99px; }
body:not(#ba-y):not(#ba-z) details summary::-webkit-details-marker { display: none; }
body:not(#ba-y):not(#ba-z) details summary { list-style: none; }
body:not(#ba-y):not(#ba-z) details[open] summary [data-plus] { transform: rotate(45deg); }
@media (max-width: 760px) {
body:not(#ba-y):not(#ba-z) nav[aria-label="Hoofdmenu"] { font-size: 16px; gap: 6px 14px; }
body:not(#ba-y):not(#ba-z) nav[aria-label="Hoofdmenu"] a { padding-bottom: 2px; }
body:not(#ba-y):not(#ba-z) [data-sticky] { position: static !important; top: auto !important; }
body:not(#ba-y):not(#ba-z) [data-banner-img] { height: 250px !important; }
body:not(#ba-y):not(#ba-z) [data-banner-text] { position: static !important; background: #1E1C1A !important; padding: 22px 20px 26px !important; }
}
@media (max-width: 420px) {
body:not(#ba-y):not(#ba-z) nav[aria-label="Hoofdmenu"] { font-size: 15px; gap: 6px 12px; }
body:not(#ba-y):not(#ba-z) nav[aria-label="Hoofdmenu"] a[href^="Contact"], body:not(#ba-y):not(#ba-z) nav[aria-label="Hoofdmenu"] a[href^="#contact"] { padding: 11px 18px; }
}
body:not(#ba-y):not(#ba-z) #menu { display: none; }
body:not(#ba-y):not(#ba-z) #menu:target { display: flex; }
body:not(#ba-y):not(#ba-z) { overflow-x: hidden; }
body:not(#ba-y):not(#ba-z) a, body:not(#ba-y):not(#ba-z) button { -webkit-tap-highlight-color: rgba(160,140,110,0.18); }
@media (max-width: 900px) {
body:not(#ba-y):not(#ba-z) #menu > img, body:not(#ba-y):not(#ba-z) #menu > :where(.elementor-widget, .ba-contents) > img { display: none !important; }
}
@media (max-width: 460px) {
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) img[width="1254"] { width: 46px !important; height: 46px !important; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a, body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) button { font-size: 16px !important; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[href="#contact"], body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[href$="/contact/"] { padding: 11px 16px !important; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[href="#menu"], body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) button[aria-label="Menu openen"] { padding: 10px 14px !important; }
}
@media (max-width: 650px) {
body:not(#ba-y):not(#ba-z) [data-imgcap] { height: clamp(260px, 62vw, 440px) !important; min-height: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
html:not(#ba-y):not(#ba-z) { scroll-behavior: auto; }
}
@media (max-width: 640px) {
body:not(#ba-y):not(#ba-z) h1, body:not(#ba-y):not(#ba-z) h2 { letter-spacing: 0.06em !important; line-height: 1.12 !important; text-wrap: balance; }
body:not(#ba-y):not(#ba-z) h3 { letter-spacing: 0.05em !important; }
body:not(#ba-y):not(#ba-z) main p { font-size: 16px !important; line-height: 1.6 !important; }
body:not(#ba-y):not(#ba-z) a[href], body:not(#ba-y):not(#ba-z) button { min-height: 44px; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[href], body:not(#ba-y):not(#ba-z) main a[href^="tel"], body:not(#ba-y):not(#ba-z) main a[href^="mailto"], body:not(#ba-y):not(#ba-z) main a[href*="wa.me"] { display: inline-flex; align-items: center; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) > div, body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) > :where(.elementor-widget, .ba-contents) > div { padding-left: max(16px, env(safe-area-inset-left)) !important; padding-right: max(16px, env(safe-area-inset-right)) !important; }
body:not(#ba-y):not(#ba-z) footer:not(:where(.elementor-location-footer)) { padding-bottom: max(28px, env(safe-area-inset-bottom)) !important; }
body:not(#ba-y):not(#ba-z) img { max-width: 100%; }
}
@media (max-width: 400px) {
body:not(#ba-y):not(#ba-z) main section { padding-left: 16px !important; padding-right: 16px !important; }
}
@media (max-width: 900px) {
body:not(#ba-y):not(#ba-z) [role="dialog"] > img, body:not(#ba-y):not(#ba-z) [role="dialog"] > :where(.elementor-widget, .ba-contents) > img { display: none !important; }
}
@media (max-width: 520px) {
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) > div, body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) > :where(.elementor-widget, .ba-contents) > div { gap: 8px !important; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) img[alt*="Beautysalon"] { width: 46px !important; height: 46px !important; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a, body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) button { font-size: 15px !important; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[target="_blank"] { padding: 11px 15px !important; }
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[href="#menu"], body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) button[aria-label="Menu openen"] { padding: 10px 13px !important; }
body:not(#ba-y):not(#ba-z) main img, body:not(#ba-y):not(#ba-z) footer:not(:where(.elementor-location-footer)) img { max-width: 100%; }
body:not(#ba-y):not(#ba-z) main figure { max-width: 100%; }
body:not(#ba-y):not(#ba-z) [data-gallery] figcaption { font-size: 15px !important; }
}
@media (max-width: 400px) {
body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[target="_blank"] span, body:not(#ba-y):not(#ba-z) header:not(:where(.elementor-location-header)) a[target="_blank"] { letter-spacing: 0.05em !important; }
}

/* actieve pagina in het menu */
body:not(#ba-y):not(#ba-z) :where(#menu) a[href="/behandelingen/"] { color: rgb(217, 203, 181) !important; }/* End custom CSS */