.elementor-36 .elementor-element.elementor-element-0616982{--display:flex;}.elementor-36 .elementor-element.elementor-element-a9a7aa1{--display:flex;}.elementor-36 .elementor-element.elementor-element-4f69b3c{--display:flex;}.elementor-36 .elementor-element.elementor-element-72f6d09{--display:flex;}.elementor-36 .elementor-element.elementor-element-d1e5270{--display:flex;}.elementor-36 .elementor-element.elementor-element-ab0bf37{--display:flex;}.elementor-36 .elementor-element.elementor-element-5ab23a7{--display:flex;}.elementor-36 .elementor-element.elementor-element-2143cb4{--display:flex;}.elementor-36 .elementor-element.elementor-element-5a93234{--display:flex;}.elementor-36 .elementor-element.elementor-element-d3d4003{--display:flex;}.elementor-36 .elementor-element.elementor-element-a97d4b8{--display:flex;}.elementor-36 .elementor-element.elementor-element-33a7c63{--display:flex;}.elementor-36 .elementor-element.elementor-element-528100f{--display:flex;}.elementor-36 .elementor-element.elementor-element-c7c3ccf{--display:flex;}.elementor-36 .elementor-element.elementor-element-84972b4{--display:flex;}.elementor-36 .elementor-element.elementor-element-439980b{--display:flex;}.elementor-36 .elementor-element.elementor-element-a121348{--display:flex;}.elementor-36 .elementor-element.elementor-element-e3ea664{--display:flex;}/* Start custom CSS *//* Ontwerp-CSS (origineel, alleen de body.elementor-page-36s 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; }
@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 (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="/over-anneke/"] { color: rgb(217, 203, 181) !important; }/* End custom CSS */