.elementor-32 .elementor-element.elementor-element-04c5532{--display:flex;}.elementor-32 .elementor-element.elementor-element-3b081ca{--display:flex;}.elementor-32 .elementor-element.elementor-element-629101e{--display:flex;}.elementor-32 .elementor-element.elementor-element-ff17002{--display:flex;}.elementor-32 .elementor-element.elementor-element-eda2d87{--display:flex;}.elementor-32 .elementor-element.elementor-element-4402710{--display:flex;}.elementor-32 .elementor-element.elementor-element-2c54f50{--display:flex;}.elementor-32 .elementor-element.elementor-element-cd29890{--display:flex;}.elementor-32 .elementor-element.elementor-element-d7732f0{--display:flex;}.elementor-32 .elementor-element.elementor-element-44abe48{--display:flex;}.elementor-32 .elementor-element.elementor-element-bc9306e{--display:flex;}.elementor-32 .elementor-element.elementor-element-4726b96{--display:flex;}.elementor-32 .elementor-element.elementor-element-4d8adef{--display:flex;}.elementor-32 .elementor-element.elementor-element-a184165{--display:flex;}.elementor-32 .elementor-element.elementor-element-f5da8f6{--display:flex;}.elementor-32 .elementor-element.elementor-element-9466aeb{--display:flex;}.elementor-32 .elementor-element.elementor-element-a044443{--display:flex;}.elementor-32 .elementor-element.elementor-element-a2f2789{--display:flex;}.elementor-32 .elementor-element.elementor-element-1be6ed7{--display:flex;}.elementor-32 .elementor-element.elementor-element-f4f6218{--display:flex;}.elementor-32 .elementor-element.elementor-element-57388a5{--display:flex;}.elementor-32 .elementor-element.elementor-element-3420138{--display:flex;}.elementor-32 .elementor-element.elementor-element-c6bc616{--display:flex;}.elementor-32 .elementor-element.elementor-element-d7be22f{--display:flex;}.elementor-32 .elementor-element.elementor-element-698c9cc{--display:flex;}.elementor-32 .elementor-element.elementor-element-729515b{--display:flex;}.elementor-32 .elementor-element.elementor-element-e090c96{--display:flex;}.elementor-32 .elementor-element.elementor-element-b751370{--display:flex;}.elementor-32 .elementor-element.elementor-element-c991265{--display:flex;}.elementor-32 .elementor-element.elementor-element-248bf8c{--display:flex;}.elementor-32 .elementor-element.elementor-element-7815009{--display:flex;}.elementor-32 .elementor-element.elementor-element-2bc49e0{--display:flex;}.elementor-32 .elementor-element.elementor-element-43e54ab{--display:flex;}.elementor-32 .elementor-element.elementor-element-226a2e7{--display:flex;}.elementor-32 .elementor-element.elementor-element-c017f23{--display:flex;}.elementor-32 .elementor-element.elementor-element-a82cc7f{--display:flex;}.elementor-32 .elementor-element.elementor-element-57a947e{--display:flex;}.elementor-32 .elementor-element.elementor-element-086d8b1{--display:flex;}.elementor-32 .elementor-element.elementor-element-ed5bef6{--display:flex;}.elementor-32 .elementor-element.elementor-element-0c15434{--display:flex;}.elementor-32 .elementor-element.elementor-element-b7e933f{--display:flex;}.elementor-32 .elementor-element.elementor-element-f5238f5{--display:flex;}.elementor-32 .elementor-element.elementor-element-267cb94{--display:flex;}.elementor-32 .elementor-element.elementor-element-4dcb093{--display:flex;}.elementor-32 .elementor-element.elementor-element-582a78a{--display:flex;}.elementor-32 .elementor-element.elementor-element-2bee01b{--display:flex;}.elementor-32 .elementor-element.elementor-element-203fdce{--display:flex;}.elementor-32 .elementor-element.elementor-element-255872c{--display:flex;}.elementor-32 .elementor-element.elementor-element-391857e{--display:flex;}.elementor-32 .elementor-element.elementor-element-11a8e69{--display:flex;}.elementor-32 .elementor-element.elementor-element-45eb4b7{--display:flex;}.elementor-32 .elementor-element.elementor-element-9091019{--display:flex;}.elementor-32 .elementor-element.elementor-element-52b0c70{--display:flex;}.elementor-32 .elementor-element.elementor-element-3d81310{--display:flex;}.elementor-32 .elementor-element.elementor-element-32844ea{--display:flex;}.elementor-32 .elementor-element.elementor-element-5868404{--display:flex;}.elementor-32 .elementor-element.elementor-element-7062b64{--display:flex;}.elementor-32 .elementor-element.elementor-element-b27aa39{--display:flex;}.elementor-32 .elementor-element.elementor-element-ab4cc30{--display:flex;}.elementor-32 .elementor-element.elementor-element-c58b56c{--display:flex;}.elementor-32 .elementor-element.elementor-element-7abf2a8{--display:flex;}.elementor-32 .elementor-element.elementor-element-d9aad96{--display:flex;}.elementor-32 .elementor-element.elementor-element-0be7a3f{--display:flex;}.elementor-32 .elementor-element.elementor-element-e80adc4{--display:flex;}.elementor-32 .elementor-element.elementor-element-07d8d66{--display:flex;}.elementor-32 .elementor-element.elementor-element-cb55994{--display:flex;}.elementor-32 .elementor-element.elementor-element-64833d6{--display:flex;}.elementor-32 .elementor-element.elementor-element-b37cc56{--display:flex;}.elementor-32 .elementor-element.elementor-element-076670f{--display:flex;}.elementor-32 .elementor-element.elementor-element-70bbe67{--display:flex;}.elementor-32 .elementor-element.elementor-element-c6be498{--display:flex;}.elementor-32 .elementor-element.elementor-element-a0d6c9b{--display:flex;}.elementor-32 .elementor-element.elementor-element-5f48fb7{--display:flex;}.elementor-32 .elementor-element.elementor-element-9b6776a{--display:flex;}.elementor-32 .elementor-element.elementor-element-2027f0e{--display:flex;}.elementor-32 .elementor-element.elementor-element-d3c97b2{--display:flex;}.elementor-32 .elementor-element.elementor-element-5adf157{--display:flex;}.elementor-32 .elementor-element.elementor-element-3b87bec{--display:flex;}/* Start custom CSS *//* Ontwerp-CSS (origineel, alleen de body.elementor-page-32s 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) button { font: inherit; }
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); }
body:not(#ba-y):not(#ba-z) [data-gallery]::-webkit-scrollbar { display: none; }
@keyframes ba-mark { 0% { opacity: 0; transform: scale(0.9) translateY(6px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }
@keyframes ba-tile { 0% { opacity: 0; transform: translateY(18px) scale(0.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@media (min-width: 900px) {
body:not(#ba-y):not(#ba-z) [data-hero-photo] { order: 0; }
body:not(#ba-y):not(#ba-z) [data-hero-quote] { position: absolute; right: 0; bottom: -14px; width: min(460px, 42%); margin: 0; }
}
@keyframes seal-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
body:not(#ba-y):not(#ba-z) [data-seal] [data-seal-rot] { animation: seal-spin 30s linear infinite reverse; transform-origin: 66px 66px; }
body:not(#ba-y):not(#ba-z) [data-seal]:hover [data-seal-rot] { animation-duration: 9s; }
body:not(#ba-y):not(#ba-z) [data-seal] { transition: transform 600ms cubic-bezier(0.16,1,0.3,1); }
body:not(#ba-y):not(#ba-z) [data-seal]:hover { transform: scale(1.06) rotate(-3deg); }
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) {
body:not(#ba-y):not(#ba-z) [data-seal] [data-seal-rot] { animation: none; }
}
@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) { 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; }
}/* End custom CSS */