/* ALMA CAFE NEW DESIGN */

:root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-24: 1.25vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-48: 2.5vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-100: 5.208vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-160: 8.333vw; --gap-180: 9.375vw; --gap-200: 10.417vw; --gap-240: 12.5vw; --fs-12: 0.625vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-20: 1.042vw; --fs-24: 1.25vw; --fs-28: 1.458vw; --fs-32: 1.667vw; --fs-40: 2.083vw; --fs-42: 2.188vw; --fs-44: 2.292vw; --fs-46: 2.396vw; --fs-48: 2.5vw; --fs-60: 3.125vw; --fs-64: 3.333vw; --fs-82: 4.271vw; --fs-90: 4.688vw; --fs-96: 5vw; --beige: #f4ede3; --black: #000; --gray: #555450; --pink: #e8c8ce; --green: #56935c; --blue: #7698cc; --font-1: 'SIMPLERPRO_V3-REGULAR', Arial; --font-2: 'PPEditorialNew-UltralightItalic'; }

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/
body { background: var(--beige); }
body:not(.home-page) section#GridTop:after { content: url("https://media.getmood.io/warehouse/dynamic/635818.svg"); /* background-image: url("https://media.getmood.io/warehouse/dynamic/635818.svg"); */ position: absolute; z-index: 300; left: 0; top: unset; bottom: 15%; width: 50px; height: 50px; }
#headline h1 { font-family: var(--font-2), var(--font-1); font-weight: 100; font-size: clamp(96px,var(--fs-96),300px); }
h2:after { margin-top: var(--gap-24); height: 3px; width: 48px; margin-bottom: var(--gap-48); }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus { background: none; border: none; outline: none; }
#header .nav-menu-anim:focus { outline: none; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-48: 48px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-28: 28px; --fs-32: 32px; --fs-36: 36px; --fs-40: 40px; --fs-42: 42px; --fs-44: 44px; --fs-46: 46px; --fs-48: 48px; --fs-60: 60px; --fs-64: 64px; --fs-90: 90px; }
    body:not(.home-page) section#GridTop:after { transform: scale(0.5); bottom: 6%; right: -4%; }
    #headline h1 { font-size: 50px; }
}

/*------------------------------------------/*
 COMPONENTS
/*------------------------------------------*/

#header { }
#header #header-right { }
#header #header-right .menu-nav-new { }
#header #header-right .menu-nav-new ul#menu { width: 400px; text-align: right; padding-inline-start: var(--gap-32); right: -40px; background: white; }
#header #header-right .menu-nav-new ul#menu::after { display: none; }
#header #header-right .menu-nav-new ul#menu li { font-size: clamp(24px,var(--fs-24),300px); position: relative; }
#header #header-right .menu-nav-new ul#menu li a { font-size: unset; margin: 0; }
#header #header-right .menu-nav-new ul#menu li ul.menu-sub { /* margin-block: var(--gap-12); */ }
#header #header-right .menu-nav-new ul#menu li ul.menu-sub li { text-align: right; font-size: clamp(18px,var(--fs-18),300px); }
#header #header-right .menu-nav-new ul#menu li:has(a.no-click) .opensub { position: absolute; width: 100%; left: 0; display: inline-block; }
#header #header-right .menu-nav-new ul#menu li:has(a.no-click) .opensub::before { position: absolute; left: 55%; }
#header #header-right .menu-nav-new ul#menu li a.no-click .opensub { position: absolute; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    #header .nav-menu-anim:focus { outline: none; }
    #header #header-right .menu-nav-new ul#menu { width: 100vw; right: 0; padding-inline: 0; }
    #header #header-right .menu-nav-new ul#menu li { text-align: right; padding-inline-start: var(--gap-28); }
    #header #header-right .menu-nav-new ul#menu li a { display: inline-flex; justify-content: center; }
    #header #header-right .menu-nav-new ul#menu li a::after { display: none; }
    #header #header-right .menu-nav-new ul#menu li ul.menu-sub li { text-align: right; }
    #header #header-right .menu-nav-new ul#menu li .opensub { display: inline-flex; }
    #header #header-right .menu-nav-new ul#menu li:has(a.no-click) .opensub { left: -31px; }
}
/**/

.categories-strip { background: none; border-bottom: 1px solid; }
.categories-strip nav.menu-tags-list { }
.categories-strip nav.menu-tags-list ul { padding: 0; }
.categories-strip nav.menu-tags-list ul li.active { background: var(--blue); }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    .categories-strip nav.menu-tags-list ul { display: flex !important; }
    .categories-strip nav.menu-tags-list ul li { min-width: 50%; padding-inline: 0; }
    .categories-strip nav.menu-tags-list ul li:first-child { display: none; }
    .mobile-strip.hidden-lg.hidden-md.hidden-sm { display: none; }
    body.hide-button section#GridTop:after { display: none; }
}

/**/



#ContentRegularModule { }
#ContentRegularModule .MainContent { }
#ContentRegularModule .MainContent #headline { }
#ContentRegularModule .MainContent #headline h1 { }
#ContentRegularModule .MainContent #headline h1::after { display: none; }
#ContentRegularModule .MainContent #subheadline { }
#ContentRegularModule .MainContent #subheadline h2 { font-size: clamp(40px,var(--fs-40),300px); margin-bottom: var(--gap-24); }
#ContentRegularModule .MainContent #subheadline:after { content: ""; width: 48px; height: 3px; background: black; display: block; margin-inline: auto; margin-bottom: var(--gap-120); }
#ContentRegularModule .MainContent #text1 { }
#ContentRegularModule .MainContent #text1 p { font-size: clamp(18px,var(--fs-18),300px); text-align: center; color: var(--gray); }
#ContentRegularModule #galleryview { max-width: unset; }
#ContentRegularModule .gallery-container { margin-inline: var(--gap-52); }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    #ContentRegularModule .gallery-container { margin-inline: 0; }
    #ContentRegularModule .MainContent #headline h1 { font-size: 56px; }
    #ContentRegularModule .MainContent #subheadline h2 { font-size: 28px; }
    #ContentRegularModule .MainContent #subheadline:after { margin-bottom: 32px; }
    #ContentRegularModule .MainContent #text1 p { color: black; }
}
/**/

#allSectionsWrapper .section.grid-text-section { display: flex; flex-direction: column; }
#allSectionsWrapper .section.grid-text-section .section-title { }
#allSectionsWrapper .section.grid-text-section .section-title h1 { font-family: var(--font-2); line-height: 1.2; }
#allSectionsWrapper .section.grid-text-section .section-title h1::before { display: none; }
#allSectionsWrapper .section.grid-text-section .section-title h1::after { display: none; }
#allSectionsWrapper .section.grid-text-section .grid-text { }
#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { max-width: 40.104vw; position: static; transform: unset; }
#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content h2 { font-size: clamp(40px,var(--gap-40),300px); font-family: var(--font-1); }
#allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content p { font-size: clamp(18px,var(--fs-18),300px); line-height: 1.4; color: var(--gray); }
#allSectionsWrapper .section.grid-text-section .grid-text .gridTextImgContainer { }
#allSectionsWrapper .section.grid-text-section .section-title .gridTextImgContainer { width: auto; margin-bottom: var(--gap-56); }
#allSectionsWrapper .section.grid-text-section .section-title .gridTextImgContainer img { width: var(--gap-200); }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    #allSectionsWrapper .section.grid-text-section .section-title { width: 90%; margin-inline: auto; margin-bottom: 10px; }
    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { max-width: unset; }
    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content h2 { font-size: 28px; }
    #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content p { font-size: 16px; color: var(--black); }
}
/**/

#allSectionsWrapper .section.grid-row-section { max-width: 100%; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row { }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row { position: static; margin: 0; display: flex; flex-direction: row-reverse; align-items: center; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.inverted { flex-direction: row-reverse; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.blue-bg { background: var(--blue); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.pink-bg { background: var(--pink); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.green-bg { background: var(--green); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell { width: 50%; max-width: 63vw; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell ul.slides { }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell ul.slides li { padding: unset; opacity: 1 !important; margin-right: unset !important; z-index: unset !important; float: none !important; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell ul.slides li .grid-row-image-container { position: static; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell ul.slides li .grid-row-image-container img { aspect-ratio: 1; object-fit: cover; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text { padding: 0; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text::before { display: none; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: center; max-width: 29.167vw; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-family: var(--font-2); font-size: clamp(96px,var(--fs-96),300px); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2::after { display: none; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { margin-bottom: var(--gap-48); font-size: clamp(40px,var(--fs-40),300px); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3:after { content: ""; display: block; width: 48px; height: 3px; background: var(--black); margin-inline: auto; margin-top: var(--gap-24); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p { font-size: clamp(18px,var(--fs-18),300px); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { width: 193px; border: none; position: relative; height: 59px; display: flex; align-items: center; justify-content: center; margin-inline: auto; font-family: var(--font-1); z-index: 3; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button .bubble { position: absolute; left: 0; top: 0; z-index: -1; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button .bubble svg { fill: white; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:hover { background: unset; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button:hover .bubble svg { fill: black; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title { }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell.grid-row-cell-text { /* text-align: right; */ }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: right; font-family: var(--font-1); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-family: var(--font-1); font-size: clamp(40px,var(--fs-40),300px); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell.grid-row-cell-text .grid-row-text h3 { font-size: clamp(26px,var(--fs-26),300px); }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell.grid-row-cell-text .grid-row-text h3::after { margin-inline: 0; }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell { }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell ul.slides { }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell ul.slides li { }
#allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell ul.slides li .grid-row-image-container img { object-fit: cover; }
#allSectionsWrapper .section.grid-form-section { /* margin: 0; */ padding: var(--gap-140) var(--gap-80); margin-top: 0; max-width: unset; }
#allSectionsWrapper .section.grid-form-section .section-title { }
#allSectionsWrapper .section.grid-form-section .section-title h2 { width: 50%; font-family: var(--font-2); font-size: clamp(96px,var(--fs-96),300px); margin-inline: auto; line-height: 1.1; }
#allSectionsWrapper .section.grid-form-section .section-topText { }
#allSectionsWrapper .section.grid-form-section .section-topText p { font-size: clamp(40px,var(--fs-40),300px); }
#allSectionsWrapper .section.grid-form-section .section-topText:after { content: ""; width: 48px; height: 3px; display: block; background: black; margin-inline: auto; margin-top: var(--gap-24); margin-bottom: var(--gap-56); }

@media(min-width: 1025px) {
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { display: inline-flex; gap: 0.833vw; }
}

@media(max-width: 1024px) {
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row { display: flex !important; flex-direction: column-reverse !important; }
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell { width: 100%; max-width: 100vw; }
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text { max-width: 100vw; }
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { max-width: 100%; width: 100%; padding: 80px 32px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { font-size: 50px; margin-bottom: 20px; }
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { font-size: 28px; }

    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: center; }
    #allSectionsWrapper .section.grid-row-section .grid-rows.row .grid-row.heb-title .grid-row-cell.grid-row-cell-text .grid-row-text h3::after { margin-inline: auto; }

    #allSectionsWrapper .section.grid-form-section { padding-inline: 0; }
    #allSectionsWrapper .section.grid-form-section .section-title h2 { font-size: 50px; width: 100%; }
    #allSectionsWrapper .section.grid-form-section .section-topText p { font-size: 24px; }
}
/**/

#ContactModule { }
#ContactModule #headline { }
#ContactModule #headline h1 { }
#ContactModule #headline h1::after { display: none; }
#ContactModule #contactDetails { }
#ContactModule #contactDetails p { font-size: var(--fs-40); margin: 0; }
#ContactModule #contactDetails .contactDetailsText1 { display: block; margin: 0; margin-bottom: var(--gap-56); }
#ContactModule #contactDetails .contactDetailsText1:after { content: ""; margin-top: var(--gap-24); width: 48px; height: 3px; display: block; margin-inline: auto; background: black; }
#ContactModule #contactDetails #contact-boxes { margin-bottom: var(--gap-56); }
#ContactModule #contactDetails #contact-boxes a { border: none; background: white; border-radius: 50px; }
#ContactModule #contactDetails #contact-boxes a:hover { background: var(--blue); }
#ContactModule .contact-form-wrap { }
#ContactModule #contactview { }
#ContactModule #contactview .row.no-pad { }
#ContactModule #contactview .row.no-pad:after { display: none; }
#ContactModule #contactview .contact-form-wrap { }
#ContactModule #contactview .contact-form-wrap::before { display: none; }
#ContactModule #contactview .contact-form-wrap::after { display: none; }
#SiteGrid #GridPromo.form-container-wide { max-width: 91.667vw !important; }
.form-container-wide #DynamicFormObject { padding: 0; border: none; background-image: none; }
.form-container-wide::before { display: none; }
.form-container-wide::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap-30); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; float: unset; width: 16.667vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(input,select) { margin: 0; background: none; border: none; border-bottom: 2px solid; box-shadow: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper,.select-wrapper)::before { right: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { position: relative; margin-top: var(--gap-28); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { background: none; color: white; border: none; max-width: unset; position: absolute; left: 0; height: fit-content; font-family: var(--font-1); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit .bubble { width: fit-content; margin-inline: auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit .bubble svg { transition: 0.3s ease all; fill: black; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit:hover { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit:hover input.form-submit { color: black; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit:hover .bubble { }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit:hover .bubble svg { fill: white; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    #ContactModule #contactDetails p { font-size: 24px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { flex-direction: column; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { width: 95%; margin-inline: auto; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(input,select) { }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(input,select)::placeholder { color: var(--gray); font-size: 16px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper.must::after { left: 0; }
    .form-container-wide .normal-form#DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField select { font-size: 16px !important; color: var(--gray); }
}
/**/

.menuPage #GridPage .max-width { max-width: 1500px; }
.menuPage #GridContent:after { display: none; }
#MenuModule { }
#MenuModule #headline { }
#MenuModule #headline h1 { }
#MenuModule #headline h1::after { display: none; }
#MenuModule #subheadline { font-size: clamp(40px,var(--fs-40),300px); }
#MenuModule #subheadline h2 { }
#MenuModule #subheadline h2:after { content: ""; width: 48px; height: 3px; display: block; background: black; }
#MenuModule #text1 { }
#MenuModule #text1 p { font-size: clamp(18px,var(--fs-18),300px); color: var(--gray); margin: 0; }
#MenuModule #menuModuleNav { padding: 0; padding-block: var(--gap-56); }
#MenuModule #menuModuleNav a { font-family: var(--font-1); font-size: clamp(18px,var(--fs-18),300px); /* border: 1px solid; */ border-radius: 50px; padding: 7px 11px; background: white; }
#MenuModule #menuModuleNav a.selected { background: var(--blue); }
#MenuModule #menuModuleNav a:hover { background: var(--blue); }
#MenuModule .menuModuleContent { }
#MenuModule .menuModuleContent:after { display: none; }
#MenuModule .menuModuleContent ul { border: none; }
#MenuModule .menuModuleContent ul::before { display: none; }
#MenuModule .menuModuleContent ul:after { display: none; }
#MenuModule .menuModuleContent ul li { }
#MenuModule .menuModuleContent ul li .menuModuleTextItemPart { }
#MenuModule .menuModuleContent ul li .menuModuleTextItemPart:after { display: none; }
#MenuModule .menuModuleContent ul li .menuModuleTextItemPart h3.menuModuleTextItemTitle { font-size: clamp(24px,var(--fs-24),300px); font-family: var(--font-1); }
#MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemPrice { display: flex; float: inline-start; background: none; font-size: clamp(24px,var(--fs-24),300px); margin-inline-start: 12px; }
#MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemPrice:after { content: "₪"; }
#MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemDescription { margin-top: var(--gap-12); color: var(--gray); }
#MenuModule .menuModuleContent ul li.menuModuleTextItemSubject { }
#MenuModule .menuModuleContent ul li.menuModuleTextItemSubject h2.menuModuleTextItemSubjectTitle { background: none; text-align: right; color: var(--blue); font-size: clamp(24px,var(--fs-24),300px); font-weight: 100; border-bottom: 1px solid; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    #MenuModule #headline h1 { font-size: 50px; }
    #MenuModule #subheadline { font-size: 28px; }
    #MenuModule #text1 p { color: black; }
    #MenuModule #menuModuleNav { display: flex; overflow: auto; gap: 8px; }
    #MenuModule #menuModuleNav a { white-space: nowrap; margin: 0; }
    #MenuModule .menuModuleContent ul { padding-inline: 0; padding: 0; }
    #MenuModule .menuModuleContent ul li .menuModuleTextItemPart h3.menuModuleTextItemTitle { font-size: 20px; }
    #MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemPrice { font-size: 20px; width: fit-content; height: unset; width: unset; line-height: unset; }
    #MenuModule .menuModuleContent ul li.menuModuleTextItemSubject h2.menuModuleTextItemSubjectTitle { font-size: 20px; }
}
/**/

footer { padding-top: 0; }
footer #SiteFooter { }
footer #SiteFooter .footer-text-divided { background: var(--beige); display: flex; justify-content: space-between; padding: var(--gap-40); position: relative; }
footer #SiteFooter .footer-text-divided > * { width: unset; }
footer #SiteFooter .footer-text-divided .footer-text-right { display: flex; gap: var(--gap-80); }
footer #SiteFooter .footer-text-divided .footer-text-right div { min-width: 30%; }
footer #SiteFooter .footer-text-divided .footer-text-right div ul { padding: 0; list-style: none; }
footer #SiteFooter .footer-text-divided .footer-text-right div ul li { font-size: clamp(18px,var(--fs-18),300px); color: var(--gray); }
footer #SiteFooter .footer-text-divided .footer-text-right div p { font-size: clamp(24px,var(--fs-24),300px); margin-bottom: var(--gap-20); }
footer #SiteFooter .footer-text-divided .footer-text-middle { position: absolute; left: 50%; transform: translateX(-50%); }
footer #SiteFooter .footer-text-divided .footer-text-middle p { }
footer #SiteFooter .footer-text-divided .footer-text-left { text-align: right; display: block !important; flex-direction: column; width: 15.625vw; padding: 0; display: flex; }
footer #SiteFooter .footer-text-divided .footer-text-left ul { padding: 0; list-style: none; }
footer #SiteFooter .footer-text-divided .footer-text-left p { font-size: clamp(24px,var(--fs-24),300px); margin-bottom: var(--gap-20); }
footer #SiteFooter .footer-text-divided .footer-text-left ul li { font-size: clamp(18px,var(--fs-18),300px); color: var(--gray); }
footer #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { margin-top: auto; }
footer #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a { }
footer #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a svg { fill: black; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    footer #SiteFooter .footer-text-divided { padding-inline: 20px; padding-bottom: 0; }
    footer #SiteFooter .footer-text-divided .footer-text-right { display: none; }
    footer #SiteFooter .footer-text-divided .footer-text-middle { position: relative; left: 0; transform: unset; }
    footer #SiteFooter .footer-text-divided .footer-text-left { width: 100%; flex-direction: column; }
    footer #SiteFooter .footer-text-divided .footer-text-left div { border-bottom: 1px solid; padding-block: 14px; }
    footer #SiteFooter .footer-text-divided .footer-text-left div > p { margin-bottom: 0; font-size: 20px; display: flex; justify-content: space-between; }
    footer #SiteFooter .footer-text-divided .footer-text-left div > p:after { content: "+"; }
    footer #SiteFooter .footer-text-divided .footer-text-left div > p.active:after { content: "-"; }
    footer #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { text-align: center; border-bottom: unset; }
    footer #SiteFooter .footer-text-middle img { max-width: 200px; }
}
/**/

/*------------------------------------------/*
 PAGES
/*------------------------------------------*/

/*----------------------------------/*
 HOME-PAGE
/*----------------------------------*/
body.home-page #allSectionsWrapper .section.grid-row-section:after { content: url("https://media.getmood.io/warehouse/dynamic/635818.svg"); position: absolute; top: 0; right: 0; z-index: 1; }
.home-page footer { padding: 0; }
#home-gallery .scroll-down:after { background-image: url("https://media.getmood.io/warehouse/dynamic/635799.svg"); width: 45px; }
#home-gallery .gallery-caption { }
#home-gallery .gallery-caption .gallery-text { text-align: center; margin-top: var(--gap-40); font-family: var(--font-2); width: 50%; margin-inline: auto; }
#home-gallery .gallery-caption .gallery-text h1 { }
#home-gallery .gallery-caption .gallery-text h1::after { display: none; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 0; }
.home-page #allSectionsWrapper .section.grid-text-section .section-title h2 { font-family: var(--font-2); direction: ltr; }


@media(min-width: 1025px) {
    #allSectionsWrapper .section.grid-text-section .section-title .gridTextImgContainer img { width: 16%; }
}

@media(max-width: 1024px) {
    #home-gallery .gallery-logo { text-align: center; }
    #home-gallery .gallery-caption .gallery-text { width: 100%; text-wrap: wrap; }
    #home-gallery .gallery-caption .gallery-text h1 { font-size: 30px; }
    #home-gallery .gallery-caption { width: 75%; }
    body.home-page #allSectionsWrapper .section.grid-row-section:after { transform: scale(0.5); top: -2.4%; right: -16%; }
    .home-page #allSectionsWrapper .section.grid-text-section .section-title h2 { font-size: 45px; }
}
/**/
/*----------------------------------/*
 OUR-PLACES
/*----------------------------------*/
body.our-places { }
body.our-places .lobby-grid #GridPage .max-width { max-width: 100%; }

body.our-places #LobbyModule { margin-top: var(--gap-40); }
body.our-places #LobbyModule #headline { }
body.our-places #LobbyModule #headline h1 { font-family: var(--font-2); font-weight: 100; }
body.our-places #LobbyModule #headline h1::after { display: none; }
body.our-places #LobbyModule .lobbyTextContainer { display: none; }

body.our-places #allSectionsWrapper { }
body.our-places #allSectionsWrapper .section.grid-content-section { max-width: unset; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row { max-width: 100%; display: grid; grid-template-columns: repeat(4,1fr); gap: var(--gap-20); width: 95%; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row:before { display: none; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box { width: 100%; padding: 0; margin: 0; height: 23.177vw; border: 8px solid white; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: var(--gap-80); }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box:nth-child(3n + 1) { background-color: var(--pink); }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box:nth-child(3n + 2) { background-color: var(--blue) }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box:nth-child(3n) { background-color: var(--green); }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-title { position: static; transform: unset; font-family: var(--font-2); margin-bottom: var(--gap-8); font-size: clamp(21px,var(--fs-20),300px); }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle { position: static; transform: unset; font-size: clamp(40px,var(--fs-40),300px); }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-title h3 { font-weight: 100; font-size: clamp(21px,var(--fs-20),300px); }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button a { font-size: clamp(18px,var(--fs-18),300px); font-weight: 100; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button:before { /* content: ""; */ }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button a { position: absolute; display: block; width: 100%; height: 100%; top: 0; align-content: center; z-index: 2; /* background: white; */ transition: 0.3s ease all; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button { position: absolute; top: unset; right: unset; width: 50%; height: auto; margin-top: var(--gap-56); bottom: 17%; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button .bubble { display: flex; justify-content: center; position: relative; z-index: 1; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button .bubble svg { fill: white; transition: 0.3s ease all; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button:hover { }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button:hover a { color: white; }
body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button:hover .bubble svg { fill: black; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    body.our-places .lobby-grid #GridPage .max-width { width: 95%; }
    body.our-places #LobbyModule #headline h1 { font-size: 50px; }
    body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row { grid-template-columns: 1fr; width: 100%; }
    body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box { padding-block: var(--gap-24) var(--gap-72); height: 100%; aspect-ratio: 1; }
    body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle { font-size: 28px; }
    body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-subtitle.button { bottom: 17%; }
    body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-fulltext { }
    body.our-places #allSectionsWrapper .section.grid-content-section .grid-boxes.row .grid-box .grid-box-fulltext p { font-size: 16px; }
}
/**/

/*----------------------------------/*
 BRANCHES PAGE
/*----------------------------------*/
body.branchesPage { }
body.branchesPage #GridWrap.max-width { max-width: 100%; }
body.branchesPage #LobbyModule { }
body.branchesPage #LobbyModule h2 { font-size: clamp(40px,var(--fs-40),300px); }
body.branchesPage #LobbyModule #lobbyview { max-width: 1200px; margin-inline: auto; }
body.branchesPage #LobbyModule #headline { }
body.branchesPage #LobbyModule #headline h1 { font-family: var(--font-2); font-size: var(--fs-96); font-weight: 100; }
body.branchesPage #LobbyModule #headline h1::after { display: none; }
body.branchesPage #LobbyModule .lobbyTextContainer { }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText { }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p { font-size: clamp(18px,var(--fs-18),300px); color: var(--gray); }
body.branchesPage #LobbyModule .lobbyTextContainer #text2 { max-width: 347px; }
body.branchesPage #LobbyModule .lobbyTextContainer #text2 p { font-size: clamp(18px,var(--fs-18),300px); color: var(--gray); }
body.branchesPage #LobbyModule #allSectionsWrapper { width: 95%; margin-inline: auto; }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a) { position: relative; width: fit-content; height: 100%; line-height: 0.9; }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a):hover { }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a):hover .bubble { }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a):hover .bubble svg { fill: white; }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a):hover a { color: black; }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a) a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: white; transition: 0.3s ease all; }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a) .bubble { position: static; top: 0; }
body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a) .bubble svg { height: 100%; fill: black; transition: 0.3s ease all; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    body.branchesPage section#GridTop:after { display: none; }
    body.branchesPage #LobbyModule #headline h1 { font-size: 50px; }
    body.branchesPage #LobbyModule .lobbyTextContainer #lobbyText p:has(a) { margin-inline: auto; }
}
/**/

/*----------------------------------/*
  FRANCHISE PAGE
/*----------------------------------*/
body.franchisePage .lobby-grid #GridPage .max-width { max-width: 100%; }
body.franchisePage #headline h1 { font-family: var(--font-2); font-weight: 100; font-size: clamp(96px,var(--fs-96),300px); }
body.franchisePage #GridPage { padding-top: var(--gap-140); }
body.franchisePage #GridPage #LobbyModule { }
body.franchisePage #GridPage #LobbyModule #lobbyview { }
body.franchisePage #GridPage #LobbyModule #lobbyview #headline { }
body.franchisePage #GridPage #LobbyModule #lobbyview #headline h1 { }
body.franchisePage #GridPage #LobbyModule #lobbyview #headline h1::after { display: none; }
body.franchisePage #GridPage #LobbyModule #lobbyview h2 { margin: 0; font-size: clamp(40px,var(--fs-40),300px); }
body.franchisePage #GridPage #LobbyModule #lobbyview h2::after { display: none; }
body.franchisePage #GridPage #LobbyModule #lobbyview .lobbyTextContainer { padding-bottom: var(--gap-120); }
body.franchisePage #GridPage #LobbyModule #lobbyview .lobbyTextContainer #lobbyText { margin: 0; }
body.franchisePage #GridPage #LobbyModule #lobbyview .lobbyTextContainer #lobbyText:after { content: ""; width: 48px; height: 3px; background: black; display: block; margin-inline: auto; margin-top: var(--gap-24); }
body.franchisePage #allSectionsWrapper { }
body.franchisePage #allSectionsWrapper .section.grid-row-section { padding: 0; }
body.franchisePage #allSectionsWrapper .section.grid-form-section .section-title h2::after { display: none; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    body.franchisePage #headline h1 { font-size: 50px; }
    body.franchisePage #GridPage { padding-top: 80px; }
    body.franchisePage #GridPage #LobbyModule #lobbyview h2 { font-size: 24px; }
    body.franchisePage #GridPage #LobbyModule #lobbyview .lobbyTextContainer { padding-bottom: 80px; }
    body.franchisePage #GridPage #LobbyModule #lobbyview .lobbyTextContainer #lobbyText p { font-size: 16px; }
}
/**/

/*----------------------------------/*
  ABOUT PAGE
/*----------------------------------*/
body.about { }
body.about #GridWrap { max-width: unset; }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
}
/**/

/*----------------------------------/*
  MENULOBBYPAGE PAGE
/*----------------------------------*/
body.menuLobbyPage { }
body.menuLobbyPage #LobbyModule { }
body.menuLobbyPage #LobbyModule .section.grid-content-section { margin-bottom: var(--gap-160); }
body.menuLobbyPage #LobbyModule .section.grid-content-section .grid-boxes { display: flex; padding: 0; height: auto; gap: var(--gap-120); }
body.menuLobbyPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box { margin: 0; width: 100%; height: 15.625vw; border: 2px solid; }
body.menuLobbyPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box:first-child { background: var(--blue); }
body.menuLobbyPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box:last-child { background: var(--green); }

@media(min-width: 1025px) {
}

@media(max-width: 1024px) {
    body.menuLobbyPage #LobbyModule .section.grid-content-section .grid-boxes { flex-direction: row; gap: var(--gap-20); }
    body.menuLobbyPage #LobbyModule .section.grid-content-section .grid-boxes .grid-box { height: auto; aspect-ratio: 1; }
    body.menuLobbyPage #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; }
}
/**/