/* CAFE TAIZU*/

:root { --green: #03640C; --pink: #FC9BF3; --white: #fff; --black: #1D1D1D; --body-font: 'NarkissBlock-Regular-TRIAL-2024'; --bold-font: 'NarkissBlockCondensed-Bold-TRIAL-2024'; --title-font: 'AvenirNextCondensed-Bold-2024'; --text-size: 0.938vw; --button-tran: all 350ms cubic-bezier( 0, 0, 0.15, 1); }

@media(max-width: 1024px) {
    :root { --text-size: 1.6rem; line-height: 1.3; letter-spacing: 0.32px; }
}

html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; font-size: var(--text-size); line-height: 1; letter-spacing: 0.36px; color: var(--green); font-family: var(--body-font) !important; zoom: unset !important; opacity: 0; transition: all 0.1s ease; }
body.ready { opacity: 1; }

div#INDWrap { z-index: 2 !important; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

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

/*reset*/
#GridPage { padding: 0; }
footer { padding: 0; }
.container { width: 100%; max-width: 100%; padding: 0; margin: 0; }
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: none }
.grid-text-section .section-animation-item, .random-gallery .section-item { padding: 0; margin: 0; width: auto; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: none; }
.section-animation-item, .grid-boxes .section-animation-item, .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }
.grid-rows .grid-row { background-color: transparent; overflow: visible; }
.section { padding: 0; margin: 0 auto; }
footer { padding: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
.grid-boxes .grid-box-title h3 a, a, a:hover, a:focus, .grid-boxes .grid-box-title h3 a:focus,
.grid-boxes a.box-image-animation:focus { color: inherit; outline: none; }
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none }
.grid-rows .grid-row-text h2, .section-title, .grid-boxes .grid-box-title h3, h3, .grid-text p { margin: 0; padding: 0; }
.grid-boxes .grid-box-image, #lobbyview .grid-boxes .grid-box-image, #LobbyModule .grid-boxes .grid-box-image { margin: 0; }
.row, #DynamicFormObject .dynamicFormObjectFields { margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::after { content: none; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin: 0; }
.normal-form input, .normal-form textarea, .normal-form select { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.grid-short-box .grid-short-box-label { padding: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3,
.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7,
.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; }
.grid-short-box { margin: 0; }
.sections .grid-content-section { padding: 0; max-width: 100%; }
#header.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header ul.menu { margin: 0; padding: 0; }
#header ul.menu li { margin: 0; padding: 0; }
#header ul.menu li:hover, #header ul.menu li:focus, #header ul.menu li.active { color: inherit; }
#header .header-top-left { margin: 0; padding: 0; }
#header .header-top-left a { margin: 0; padding: 0; }
#header ul.menu > li:before { content: none; }
button { padding: 0; background: transparent; box-shadow: none; border: 0; }
.form-container-wide #DynamicFormObject { padding: 0; margin: 0; border: 0; }
.form-container-wide #DynamicFormObject::after { content: none; }
.normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { border: 0 !important; box-shadow: none; outline: none; border-radius: 0; color: inherit; line-height: 1.35; }
.normal-form select, .normal-form select:focus { border-radius: 0; box-shadow: none; }
#LobbyModule .grid-boxes { padding: 0; max-width: 100%; width: 100%; }
#LobbyModule .grid-box { margin: 0; opacity: 1; }
.lobby-grid #GridPage .max-width { padding: 0; }
.ClientsLogos { padding: 0 }
.gallery-container { width: 100%; max-width: 100%; }
#DynamicFormObject { max-width: 100% !important; border: 0; padding: 0; margin: 0; width: 100%; }
#DynamicFormObject:after { content: none; }
#header .max-width { max-width: 100%; width: 100%; height: 100%; }
#SiteFooter { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#GridPage .max-width { width: 100%; }
#header ul.menu li a:focus { border: 0; }
#header #header-left { margin: 0 }
#text1, #text2 { max-width: 100% }
.grid-boxes .box-image-animation:hover img { transform: none; }
#whatAppButton { box-shadow: none; bottom: 20px; left: 20px; width: 140px; }
#whatAppButton img { max-width: 100%; }
.owl-carousel .owl-item .item .plus-sign { opacity: 0 !important; }
/*.emptyParagraph { display: none; }*/
#GridPage .max-width, #GridPage .max-width-center, .blog-grid #GridPage .max-width { max-width: 100%; width: 100%; }
#gridshort-view .flex-row::before, #gridshort-view .flex-row::after { content: none; }
#contactDetails .contactDetailsText1 { margin: 0; line-height: normal; font-size: inherit; }
#contactDetails h3 { margin: 0; font-size: inherit; }
#contact-boxes { margin: 0 }
.site-credit.alternative { padding-block: 5px; }
.categories-strip ul li a:focus { text-decoration: none; }
ul { padding: 0; margin: 0; }
.row:before, .row:after { content: none; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0; margin: 0; }
#CatalogModule .relatedItems { margin: 0; }
.blog-post-Time-container { font-size: 100%; }
::-webkit-scrollbar { width: 3px; }
/*::-webkit-scrollbar-thumb { border-radius: 10px; }*/
.gallery-cubes > div, div.flex-row > div, section .grid-box { opacity: 1; }
#CatalogModule { padding: 0; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
header.shopHeader #header2 ul.menu li > a:hover, #header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a { border: 0; }
#SearchResultPage .container-fluid { padding: 0; }

@media(min-width: 1024px) {
    ::-webkit-scrollbar { width: 7px; background: yellow; }
    ::-webkit-scrollbar-thumb { background: #c5c4c4 }
    ::-webkit-scrollbar-track { background: #dddddd; }

    /*   body::-webkit-scrollbar-thumb { background: var(--green) }
    body::-webkit-scrollbar-track { background: #dddddd; }*/
}

@media(max-width: 1024px) {
    body:has(#header.open) { /*overflow: hidden !important;*/ }
    a.AccessabilityLink { font-size: 1.4rem; }
    .FormResultPage #SiteGridContainer { min-height: 90vh; }
    .FormResultPage #pageview #headline h1 { margin-bottom: 34px; }
    .FormResultPage #pageview #text1 p { margin-bottom: 25px; font-size: 1.4rem; }
    .FormResultPage #pageview #text1 .FormResultPageButton { height: 50px; padding: 0px 40px; }
    .grid-rows .grid-row-text p { font-size: 100%; }
    .normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { line-height: 130%; letter-spacing: 0.32px; font-size: 1.6rem !important; }
}

/* General */
ul { list-style-position: inside; color: var( --black); }
#text1 ul { list-style: none; }
#text1 ul li::before { content: ''; display: inline-flex; width: 0.313vw; min-width: 6px; height: 0.313vw; min-height: 4px; background: var(--pink); border-radius: 50%; margin: 0.521vw 0 0 0.521vw; }
#text1 ul li { display: flex; position: relative; align-items: flex-start; }
#SiteContainer #GridTop.noTopImage { display: none; }
body:not(.cafe-taizu-home-page ) #SiteContainer #GridTop.noTopImage + #GridPage { display: flex; margin-top: var(--headerHeight); }
#headline h1 { line-height: inherit; }


.sticky-button-wrapper { display: flex; align-items: center; justify-content: center; gap: 0.833vw; position: fixed; bottom: 20px; left: 20px; z-index: 2; }
.home-page .sticky-button-wrapper { display: none; }
.stickyButton { z-index: 0; position: unset; box-shadow: 8px 4px 80px 0px rgba(0, 0, 0, 0.10); border-radius: 0; }
.sticky-button-wrapper .main-button-wrapper { min-width: 9.896vw; height: 2.917vw; }
.sticky-button-wrapper .main-button-wrapper a, .sticky-button-wrapper .main-button-wrapper button { display: flex; justify-content: center; gap: 0.417vw; padding-inline: 0; }
.sticky-button-wrapper .main-button-wrapper a::after, .sticky-button-wrapper .main-button-wrapper button::after { content: none; }
.sticky-button-wrapper .main-button-wrapper a img, .sticky-button-wrapper .main-button-wrapper button img { width: 1.25vw; }
/*#SiteGridContainer { z-index: 1 }*/
@media(max-width:1024px) {
    #text1 ul li { align-items: center; margin-bottom: 16px; }
    #text1 ul li::before { min-width: 4px; margin-left: 10px; }
    #text1 ul li:last-of-type { margin: 0; }


    .sticky-button-wrapper { width: 100vw; left: 0; bottom: 0; gap: 0; box-shadow: 8px 4px 80px 0px rgba(0, 0, 0, 0.10); background-color: var(--white); }
    .stickyButton { width: max-content; box-shadow: none; position: relative; bottom: 0; left: 0; }
    .stickyButton:not(:last-child):after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 24px; background: #D9D9D9; }
    .stickyButton .main-button-wrapper { height: 56px; width: 100%; }
    .sticky-button-wrapper .main-button-wrapper a, .sticky-button-wrapper .main-button-wrapper button { gap: 8px; position: relative; transform: none; white-space: nowrap; padding-inline: 24px; }
    .sticky-button-wrapper .main-button-wrapper a.main-button, .sticky-button-wrapper .main-button-wrapper button.main-button { display: none; }
    .sticky-button-wrapper .main-button-wrapper a img, .sticky-button-wrapper .main-button-wrapper button img { width: 24px; }
}


/*----------------------------/*
 
        FONTS - SIZE
 
/*---------------------------*/
/*First Titles - 200px*/
.parallx-background.content .section-title h2, #LobbyModule .parallx-background-box-content .grid-box-title h3, .running-text-section .grid-text-content p, #headline, #GridTop .top-caption h1,
p.footer-big-text { font-family: var(--title-font); font-size: 10.417vw; line-height: 0.9; text-transform: uppercase; color: var(--green); }

/*Sec Titles - 170px*/
p.footer-big-text { font-family: var(--title-font); font-size: 8.854vw; line-height: 0.9; text-transform: uppercase; color: var(--green); }

/*Third Titles - 126px*/
#LobbyModule .options-section .grid-boxes .grid-box { font-family: var(--title-font); font-size: 6.563vw; line-height: 0.9; text-transform: uppercase; color: var(--green); }

/*Fourth Titles - 64px*/
#accessability .container-fluid #headline { font-family: var(--bold-font); font-size: 3.333vw; line-height: 1; color: var(--green); }

/*Fifth Titles - 40px*/
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--bold-font); font-size: 2.083vw; line-height: 1; color: var(--green); }

/*sixth Titles - 32px*/
.menuModuleContentPart .menuModuleTextItemPart h3.menuModuleTextItemTitle,
.faq-headline span, #subheadline h2, .MainContent #text1 *:is(h2,h3,h4,h5,h6), .container-fluid #text1 *:is(h2,h3,h4,h5,h6) { font-family: var(--bold-font); font-size: 1.667vw; line-height: 1; color: var(--green); }

/*seventh Titles - 24px*/
#SiteContainer .tab-button, .nav-wrapper #menuModuleNav > a { font-family: var(--bold-font); font-size: 1.25vw; line-height: normal; color: var(--green); }

/*eighth Titles - 22px*/
.faq-body > div *:is(h2,h3,h4,h5,h6), .faq-body > div strong { font-family: var(--bold-font); font-size: 1.146vw; line-height: normal; color: var(--green); }

/*big-running-text - 20px*/
.parallx-background-box-content, .contant-page .half-layout-wrapper #GridPage #text1,
#header .submenu li.social-mobile .languages { font-family: var(--body-font); font-size: 1.042vw; line-height: 1.3; letter-spacing: 0.4px; color: var(--green); }

/*running-text - 18px*/
.menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemDescription { font-family: var(--body-font); font-size: 0.938vw; line-height: 1; letter-spacing: 0.36px; color: var(--green); }

/*underline-running-text - 18px*/
{ font-family: var(--body-font); font-size: 0.938vw; line-height: 1.4; color: var(--green); }

/*small text- 14px*/
#PageBreadCrumps { font-family: var(--body-font); font-size: 0.729vw; line-height: 1; letter-spacing: 0.28px; color: var(--green); }

@media (max-width:1024px) {

    /*First Titles - 100px*/
    .parallx-background.content .section-title h2, #LobbyModule .parallx-background-box-content .grid-box-title h3, .running-text-section .grid-text-content p, p.footer-big-text { font-family: var(--title-font); font-size: 10rem; line-height: 0.9; text-transform: uppercase; color: var(--green); }

    /*Sec Titles - 86px*/
    #LobbyModule .options-section .grid-boxes .grid-box, #headline { font-family: var(--title-font); font-size: 8.6rem; line-height: 0.9; text-transform: uppercase; color: var(--green); }

    /*Third Titles - 40*/
    . { font-family: var(--bold-font); font-size: 4rem; line-height: 1; color: var(--green); }

    /*Fourth Titles - 30px*/
    .menuModuleContentPart .menuModuleTextItemPart h3.menuModuleTextItemTitle, .faq-headline span, #subheadline h2,
    .MainContent #text1 *:is(h2,h3,h4,h5,h6), .container-fluid #text1 *:is(h2,h3,h4,h5,h6),
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--bold-font); font-size: 3rem; line-height: 1; color: var(--green); }

    /*Fifth Titles - 22px*/
    .mobile-strip, #SiteContainer .tab-button, .nav-wrapper #menuModuleNav > a, .faq-body > div *:is(h2,h3,h4,h5,h6), .faq-body > div strong { font-family: var(--bold-font); font-size: 2.2rem; line-height: 1.2; color: var(--green); }

    /*big-running-text - 18px*/
    #header .submenu li > a, #header .submenu li.social-mobile .languages { font-family: var(--body-font); font-size: 1.8rem; line-height: 1.3; letter-spacing: 0.36px; color: var(--green); }

    /*running-text - 16px*/
    .parallx-background-box-content, .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemDescription,
    .contant-page .half-layout-wrapper #GridPage #text1 { font-family: var(--body-font); font-size: 1.6rem; line-height: 1.3; letter-spacing: 0.32px; color: var(--green); }
}


/*BUTTONS*/
.buttons-wrapper { display: flex; flex-direction: column; align-items: center; width: fit-content; font-size: 1.25vw; font-family: var(--bold-font); line-height: normal; overflow: hidden; position: relative; transition: auto; -webkit-text-stroke-width: 0; }
.buttons-wrapper > * { transition: var(--button-tran); z-index: 21; }
.buttons-wrapper > *::after { content: ''; position: absolute; left: 1.042vw; width: 1.302vw; height: 0.885vw; background-image: url(/warehouse/dynamic/518178.svg); background-position: center; background-size: cover; }
.buttons-wrapper .main-button { transform: translateY(100%); background: var(--pink); }
.main-button-wrapper { background-color: var(--white); color: var(--green); height: 3.125vw; min-width: 10.938vw; }
.main-button-wrapper > * { width: 100%; padding-inline: 1.042vw; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: flex-start; align-items: center; }

.buttons-wrapper.secondary-button-wrapper { height: 3.125vw; min-width: 10.938vw; justify-content: center; background: var(--green); color: var(--white); border: 1px solid var(--green); }
.buttons-wrapper.secondary-button-wrapper > *::after { content: none; }
.delivary-page #text1 .buttons-wrapper.secondary-button-wrapper.take-away { color: var(--green); background: var(--white); }

#SiteContainer .tab-button { color: var(--white); background: var(--green); border: 1px solid transparent; height: 40px; width: fit-content; min-width: 140px; padding-inline: 20px; display: flex; align-items: center; justify-content: center; }

#DynamicFormObject .dynamicFormObjectSubmit .buttons-wrapper { background-color: var(--green); color: var(--white); }
#DynamicFormObject .dynamicFormObjectSubmit .buttons-wrapper > .second-button::after { background-image: url(https://media.getmood.io/warehouse/dynamic/518713.svg); }
#DynamicFormObject .dynamicFormObjectSubmit .buttons-wrapper .main-button { color: var(--green); }

@media (min-width:1025px) {
    .buttons-wrapper:hover .main-button { transform: translateY(0%); }
    .buttons-wrapper:hover .second-button { transform: translateY(-100%); }

    .buttons-wrapper.secondary-button-wrapper:hover { background: var(--white); color: var(--green); }

    #SiteContainer .tab-button:hover { border-color: var(--green); background: var(--white); color: var(--green); }
}

@media (max-width:1024px) {
    .buttons-wrapper { font-size: 2.2rem; line-height: 1.2; }
    .buttons-wrapper > *::after { background-image: url(/warehouse/dynamic/518179.svg); left: 20px; width: 20px; height: 13px; }

    .main-button-wrapper > * { padding-inline: 20px 40px; justify-content: center; }
    .main-button-wrapper { height: 50px; min-width: 180px; }

    .buttons-wrapper.secondary-button-wrapper { height: 50px; width: 100%; }
}

/*Bread Crumps*/
#PageBreadCrumps { padding: 2.083vw 2.604vw 0 0; color: var(--black); }
#PageBreadCrumps span:last-child { color: var(--green); }
#PageBreadCrumps span:after { content: '/'; }

/*Form*/
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2.5vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: right; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0.417vw; text-align: right; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; max-width: 30.729vw; }
#DynamicFormObject .dynamicFormObjectField > div, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div { position: relative; }
#DynamicFormObject .dynamicFormObjectField > div::before, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div::before { top: 0.933vw; right: 0.833vw; display: none; }
input.form-control.input-data.NoValidation { }
#DynamicFormObject .dynamicFormObjectField > div .input-data, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div .input-data { border: 1px solid var(--green, #03640C) !important; background: #FFF; min-height: 42px; padding-inline: 0.833vw; color: var(--green); }
#DynamicFormObject .dynamicFormObjectField > div select.input-data, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div select.input-data { color: var(--black); }
#DynamicFormObject .dynamicFormObjectField > div .input-data:not(:is(textarea)), .form-container-wide #DynamicFormObject .dynamicFormObjectField > div .input-data:not(:is(textarea)) { height: 2.969vw; }
#DynamicFormObject .dynamicFormObjectField > div textarea.input-data, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div textarea.input-data { padding-top: 0.76vw; }
#DynamicFormObject .dynamicFormObjectField > div span.error, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div span.error { left: 0.833vw; top: 50%; transform: translateY(-50%); }
#DynamicFormObject .dynamicFormObjectField > div span.error, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div span.error { left: 0.833vw; top: 50%; transform: translateY(-50%); }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { color: var(--black); margin-top: 0.3vw; }
#DynamicFormObject .dynamicFormObjectField.checkboxField input, .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField input { border-radius: 0; outline: 1px solid var(--green); background: transparent; width: 12px; height: 12px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 2vw; }
.select-wrapper:after { top: 50%; content: ""; width: 12px; height: 6px; background-image: url(/warehouse/dynamic/518508.svg); background-size: cover; background-position: center; }

@media (max-width:1024px) {
    .form-container-wide #DynamicFormObject { gap: 24px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { gap: 8px; }
    #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { max-width: 100%; }
    #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { margin-top: 16px; }
    #DynamicFormObject .dynamicFormObjectField > div .input-data, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div .input-data { min-height: 53px; padding-inline: 16px; }
    #DynamicFormObject .dynamicFormObjectField > div textarea.input-data, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div textarea.input-data { padding-top: 16px; }
    #DynamicFormObject .dynamicFormObjectField > div.must::before, .form-container-wide #DynamicFormObject .dynamicFormObjectField > div.must::before { top: 20px; right: 16px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 12px; }
}

/* HEADER */
#header { position: unset; }
header { position: fixed; width: 100%; z-index: 999; color: #fff; top: 0; left: 0; }
.home-page header { display: none; }

#header #header-right .menu-nav { background: transparent; padding: 0; margin: 0; }
#header #header-right .menu-nav > span { display: none !important; }
#header #header-right .menu-nav .nav-menu-anim { width: 50px; height: 21px; margin: 0; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 100%; min-height: 5px; height: 0.417vw; -webkit-transition: all 200ms cubic-bezier(0,0,0.15,1); border-radius: 0; }
#nav-toggle span, #nav-toggle-mobile span { background: transparent; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -0.365vw; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -0.365vw; width: calc(100% - 0.52vw); }
#header #header-right .menu-nav:hover #nav-toggle span:after, #header #header-right .menu-nav:hover #nav-toggle-mobile span:after { width: 100%; }
#header #header-right .menu-nav:hover #nav-toggle span:before, #header #header-right .menu-nav:hover #nav-toggle-mobile span:before { width: calc(100% - 0.52vw); }
#nav-toggle.active span:before, #nav-toggle-mobile.active span:before, #nav-toggle.active span:after, #nav-toggle-mobile.active span:after { transform: none; }

#nav-toggle.active span:before,
#nav-toggle-mobile.active span:before { top: -0.365vw; }
#nav-toggle.active span:after, #nav-toggle-mobile.active span:after { bottom: -0.365vw; top: unset; }
#header .menu-nav .open { display: none !important; }

#header #header-right { z-index: 3; }
#header #header-right .menu-nav #menu { position: fixed; width: 19.375vw; margin: 0.78vw !important; top: 0 !important; right: -30vw; height: calc(100vh - 1.6vw) !important; background: #fff; display: flex !important; flex-direction: column; float: none !important; transition: all 300ms ease-out !important; clip: unset; padding: 2.083vw; text-align: right; gap: 1.25vw; color: var(--green); align-items: flex-start; justify-content: flex-start; }
#header.menu-open #header-right .menu-nav #menu { right: 0; }
#header.menu-open #header-right .menu-nav #menu > div { margin-bottom: 1.8vw; }
#header .submenu > li:first-child { margin-top: 0; }
#header .submenu > li { padding: 0; }
#header .submenu li > a { text-transform: uppercase; }
#header .submenu li > a:focus { color: var(--green); }
#header .submenu > li.active, #header .submenu > li:hover { background: transparent; color: var(--green); }
#header .submenu > li.active a, #header .submenu > li a:hover { text-decoration: underline; text-decoration-color: var(--pink); text-underline-offset: 4px; }
#header .submenu > li i::before { width: 20px; height: 20px; background-size: auto; background-repeat: no-repeat; margin-bottom: 5px; background-image: url(/warehouse/dynamic/520089.svg); }
#header .submenu > li .fa-angle-down:before { background-image: url(/warehouse/dynamic/520089.svg); }
#header .submenu > li .fa-angle-up:before { transform: scaleY(-1); }
#header .submenu .menu-sub { padding: 0; margin-top: 0.7vw; }
#header .submenu .menu-sub li { padding: 0; text-align: right; }
#header .submenu .menu-sub li a { font-size: 100%; color: var(--green); padding-block: 0.3vw; }
/*body.pink-layout #header .submenu > li:not(:is(:has( > a.pink-layout),.social-mobile)) { display: none !important; }
body.green-layout #header .submenu > li:has( > a.pink-layout) { display: none !important; }*/
body.pink-layout #SiteContainer #header .submenu > li:has( > a.both-layout) { display: flex !important; }

#header .submenu li.social-mobile .languages { }
#header .submenu li.social-mobile { margin-top: auto; display: flex !important; justify-content: space-between; align-items: center; }
#header .submenu li.social-mobile .social-links { display: flex; justify-content: flex-end; align-items: center; gap: 0.833vw; }
#header .submenu li.social-mobile .social-links > a { margin: 0; }
#header .submenu li.social-mobile .social-links > a svg { min-width: 26px; min-height: 26px; width: 1.667vw; height: 1.667vw; fill: var(--green); }
#header .submenu li.social-mobile .social-links > a svg rect { fill: var(--green); }
#header .submenu li.social-mobile .social-links > a svg path { fill: var(--white); }

#header::after { content: ''; position: absolute; display: none; background: #000; opacity: 0.15; width: 100%; height: 100vh; left: 0; top: 0; z-index: 2; }
#header.menu-open::after { display: block; }

.green-layout #header #header-center-kdm > a img { opacity: 0; }
.green-layout #header #header-center-kdm > a::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background-image: url(/warehouse/dynamic/518761.svg); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; }

@media(min-width:1025px) {
    #header { display: flex; justify-content: space-between; align-items: center; padding: 1.25vw 2.604vw; }
    #header.bg { background-color: var(--pink); }
    #header #header-left, #header #header-right { width: 10%; display: flex; align-items: center; height: 100%; }
    #header #header-left { display: flex; align-items: center; justify-content: flex-end; height: 100%; }
    #header #header-left .social-links { margin: 0; padding: 0; display: flex; justify-content: flex-end; align-items: center; gap: 0.833vw; }
    #header #header-left .social-links a { margin: 0; min-width: 26px; min-height: 26px; width: 1.667vw !important; height: 1.667vw; }
    #header #header-left .social-links a svg { height: 100%; width: 100%; }
    #header #header-left .social-links a:hover rect { fill: var(--green); }
    #header #header-left .social-links a:hover path { fill: var(--white); }

    #header #header-center-kdm { display: flex; align-items: center; justify-content: center; }
    #header #header-center-kdm .address { display: none; }
    #header #header-center-kdm > a { border: 0; padding: 0; margin: 0; }
    #header #header-center-kdm a:hover, #header #header-center-kdm a:focus { background-color: transparent; }
    #header #header-center-kdm > a img { min-width: 60px; width: 6.25vw; }
}

@media(max-width:1024px) {
    #header { padding: 12px 20px; background: transparent; display: flex; justify-content: space-between; align-items: center; }
    #header::before { content: ''; position: absolute; width: 100%; height: 100vh; top: 0; left: 0; background: #000; opacity: 0.15; pointer-events: none; display: none; }
    #header.subopen::before { display: block }
    #header.bg { background: var(--pink); }

    #header #header-right { width: 8vw; }
    #header #header-right .menu-nav .nav-menu-anim { width: 8vw; }
    #nav-toggle span:before, #nav-toggle-mobile span:before, #nav-toggle.active span:before, #nav-toggle-mobile.active span:before { top: -5px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after, #nav-toggle.active span:after, #nav-toggle-mobile.active span:after, #header #header-right .menu-nav:hover #nav-toggle span:after, #header #header-right .menu-nav:hover #nav-toggle-mobile span:after { bottom: -4px; width: calc(100% - 6px); }
    #header #header-right .menu-nav #menu { width: 80vw; margin: 0 !important; right: -100vw; padding: 25px; gap: 16px; height: 100vh !important; max-height: 100vh; z-index: 2; }
    #header.subopen #header-right .menu-nav #menu { right: 0; }
    #header.subopen #header-right .menu-nav #menu > div { margin-bottom: 24px; font-size: 1.4rem; line-height: 1.2; /* 16.8px */ letter-spacing: 0.28px; }
    #header .submenu li > a { }
    #header .submenu .menu-sub { margin-top: 10px; }
    #header .submenu .menu-sub li a { padding-block: 7px; }
    #header .submenu li.social-mobile { }
    #header #header-right .social-mobile .social-links { display: flex; gap: 16px; }
    #header #header-center-kdm a:hover, #header #header-center-kdm a:focus { background-color: transparent; }

    #header #header-center-kdm, #header.bg #header-center-kdm { padding: 0; width: 26.667vw; }
    #header #header-center-kdm a:nth-child(2) { display: flex; padding: 0; border: 0; margin: 0; }
    #header #header-center-kdm img { width: 100%; }

    #header #header-left { width: 30px; }
    #header #header-left .social-links { display: none; }
}

/*FOOTER*/
footer { background: var(--green); display: flex; color: #fff; z-index: 3; position: relative; }
.home-page footer { display: none; }

.footer-text-divided { padding: 2.604vw 2.604vw 0.52vw; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
#SiteFooter .footer-text-divided > div { padding: 0; text-align: right; width: 100%; max-width: 31vw; }
#SiteFooter .footer-text-divided .footer-text-middle { order: 1; width: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: 2vw; }
#SiteFooter .footer-text-divided .footer-text-middle .footerSocialIcons { display: flex; justify-content: flex-end; align-items: center; gap: 0.833vw; }
#SiteFooter .footer-text-divided .footer-text-middle .footerSocialIcons svg { width: 1.667vw; min-width: 23px; height: 1.667vw; min-height: 23px; }
#SiteFooter .footer-text-divided .footer-text-middle .footerSocialIcons svg:hover rect { fill: var(--pink); }
#SiteFooter .footer-text-divided .footer-text-middle .footerSocialIcons rect { height: 100%; width: 100%; }
p.footer-big-text { order: 2; width: 100%; color: var(--pink); text-align: center; white-space: nowrap; margin-top: 5.208vw; }
#SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) { display: none; justify-content: flex-start; align-items: flex-start; gap: 2.604vw; }
.pink-layout #SiteFooter .footer-text-divided > div.footer-text-right { display: flex }
.green-layout #SiteFooter .footer-text-divided > div.footer-text-left { display: flex }
#SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) p { display: none }
#SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) ul { list-style: none; color: var(--white); }
#SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) ul li { margin-bottom: 0.625vw; }
#SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) ul:not(:last-child) li:hover { text-decoration: underline; text-decoration-color: var(--pink); text-decoration-thickness: 2px; text-underline-offset: 3px; }

#SiteFooter .site-credit.alternative { width: 100%; padding: 5px 0; }
a.AccessabilityLink { margin: 0; }

@media(max-width:1024px) {
    #SiteFooter { padding: 0; }
    .footer-text-divided { flex-direction: column; align-content: center; padding: 50px 20px 8px; gap: 56px; }

    #SiteFooter .footer-text-divided .footer-text-middle { order: -1; width: 100%; align-items: center; gap: 16px; }
    #SiteFooter .footer-text-divided .footer-text-middle .footerSocialIcons svg { width: 35px; height: 35px; }
    #SiteFooter .footer-text-divided .footer-text-middle .footerSocialIcons { gap: 16px; }

    #SiteFooter .footer-text-divided > div { text-align: center; max-width: 100%; }
    #SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) { flex-direction: column-reverse; align-items: center; gap: 55px; }
    #SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) ul li { margin-bottom: 16px; }
    #SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) ul li:last-child { margin: 0; }
    #SiteFooter .footer-text-divided > div:is(.footer-text-right,.footer-text-left) ul:first-child { margin-top: -35px; }

    #SiteFooter .footer-text-divided .footer-big-text-wrapper div { display: flex; gap: 13px; }
    p.footer-big-text { margin: 0; animation: scrollText 13s linear infinite; display: inline-flex; width: max-content; }
}
/*INTRO*/
.home-page .sections section { width: 100%; height: 100vh; }
.home-page .sections section .grid-boxes { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; width: 100%; }
.home-page .sections section .grid-boxes .grid-box { margin: 0; padding: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; direction: ltr; background-color: var(--pink); }
.home-page .sections section .grid-boxes .grid-box > a { padding: 2.083vw; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.home-page .sections section .grid-boxes .grid-box.lastItem { background-color: var(--green); }
.home-page .sections section .grid-boxes .grid-box .grid-box-image { height: 20.052vw; width: 29.688vw; padding: 0; }
.home-page .grid-box .grid-box-image .grid-box-image-container { position: unset; height: 100%; width: 100%; }
.home-page .grid-box .grid-box-image .grid-box-image-container img { width: 100%; min-height: 100%; object-fit: cover; transition: all 200ms ease-out; }
.home-page .sections section .grid-boxes .grid-box .grid-box-title { display: none; }
.home-page .sections section .grid-boxes .grid-box .grid-box-title h3 { color: var(--white); transition: all 200ms ease-out; }
.home-page .sections section .grid-boxes .grid-box .grid-box-fulltext { }
.home-page .sections section .grid-boxes .grid-box .grid-box-fulltext img { width: 26.563vw; }
.home-page .sections section .grid-boxes .grid-box > a::after { content: ''; width: 3.906vw; min-width: 30px; height: 2.656vw; min-height: 20px; background-image: url(https://media.getmood.io/warehouse/dynamic/518759.svg); background-position: center; background-size: cover; transition: all 200ms ease-out; }
.home-page .sections section .grid-boxes .grid-box:hover .grid-box-title h3 { color: var(--green); }
.home-page .sections section .grid-boxes .grid-box .grid-box-fulltext p { position: relative; }
.home-page .sections section .grid-boxes .grid-box .grid-box-fulltext p::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; background-image: url(/warehouse/dynamic/518756.svg); background-position: center; background-size: contain; transition: all 200ms ease-out; background-repeat: no-repeat; }
.home-page .sections section .grid-boxes .grid-box.lastItem .grid-box-fulltext p::after { background-image: url(/warehouse/dynamic/518760.svg); }

@media (min-width:1025px) {
    .home-page .sections section .grid-boxes .grid-box.lastItem:hover .grid-box-title h3 { color: var(--pink); }
    .home-page .grid-box:hover .grid-box-image .grid-box-image-container img { transform: scale(1.1); }
    .home-page .sections section .grid-boxes .grid-box:hover .grid-box-fulltext p::after { opacity: 1; }
    .home-page .sections section .grid-boxes .grid-box:hover > a::after { background-image: url(https://media.getmood.io/warehouse/dynamic/518754.svg); }
    .home-page .sections section .grid-boxes .grid-box.lastItem:hover > a::after { background-image: url(https://media.getmood.io/warehouse/dynamic/518758.svg); }
}

@media (max-width:1024px) {
    .home-page .sections section .grid-boxes .grid-box > a { padding: 16px; }
    .home-page .sections section .grid-boxes .grid-box > a::after { content: none; }
    .home-page .sections section .grid-boxes .grid-box .grid-box-image { width: 100%; height: 100%; }
    .home-page .sections section .grid-boxes .grid-box .grid-box-fulltext { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .home-page .sections section .grid-boxes .grid-box .grid-box-fulltext img { width: 59.733vw; }

    .home-page .sections section .grid-boxes .grid-box > a > a { position: absolute; bottom: 33px; left: 50%; transform: translateX(-50%); font-family: var(--bold-font); font-size: 2.2rem; color: #fff; line-height: 1.2; display: flex; align-items: center; justify-content: center; gap: 12px; }
    .home-page .sections section .grid-boxes .grid-box > a > a::before { content: ""; width: 20px; height: 14px; background-image: url(/warehouse/dynamic/518713.svg); background-size: cover; }
    .home-page .grid-box .grid-box-image .grid-box-image-container::after { content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%); position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; }
}


/*HOME PAGE*/
.cafe-taizu-home-page nav#PageBreadCrumps, .cafe-taizu-home-page #lobbyview { display: none; }
.cafe-taizu-home-page #GridTop { display: none; }

.section { display: flex; }

.hero-section { pointer-events: none; height: 100vh; }
.hero-section div:is(.text1,.section-topText) { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 39.844vw; }
.hero-section div:is(.text1,.section-topText) img { width: 100%; }
.hero-section .gallery-cubes > div { width: 100%; }
.hero-section .gallery-cubes > div .boxes-images-outer-image { padding: 0; width: 100%; aspect-ratio: 1; height: 100vh; }

.hero-section .gridHasVideo { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.hero-section .gridHasVideo .grid-iframe-holder { padding: 0; width: 100%; display: flex; }
.hero-section .gridHasVideo .grid-iframe-holder video { width: 100%; height: auto; }
.hero-section .gridHasVideo .grid-text-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; width: 39.844vw; }
.hero-section .gridHasVideo .grid-text-content img { width: 100%; }
.hero-section::after { content: ''; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.2; pointer-events: none }
.hero-section.mobile { display: none; }

.sections .options-section { padding: 5.208vw 2.604vw; background-color: var(--pink); }
.options-section .grid-boxes { display: flex; justify-content: center; align-items: flex-start; gap: 1.25vw; }
#LobbyModule .options-section .grid-boxes .grid-box { display: flex !important; flex-direction: column; justify-content: space-between; align-items: center; padding: 0.833vw; background-color: var(--green); color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--white, #FFF); height: 31.771vw; }
#LobbyModule .options-section .grid-boxes .grid-box:hover { color: var(--white); }
#LobbyModule .options-section .grid-boxes .grid-box:first-child { font-size: 5.469vw }
#LobbyModule .options-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 100%; line-height: inherit; }
/*#LobbyModule .options-section .grid-boxes .grid-box:first-child .grid-box-title h3 { margin-bottom: 1.2vw; }*/
#LobbyModule .options-section .grid-boxes .grid-box .grid-box-fulltext { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; flex-grow: 1; text-align: left; width: 100%; }
#LobbyModule .options-section .grid-boxes .grid-box .grid-box-fulltext p:nth-child(2) { color: var(--white); -webkit-text-stroke-width: 0px; }
#LobbyModule .options-section .grid-boxes .grid-box:hover .grid-box-fulltext p:nth-child(2) { color: transparent; -webkit-text-stroke-width: 2px; opacity: 0.3; }
#LobbyModule .options-section .grid-boxes .grid-box .grid-box-fulltext p:not(:nth-child(2)) { opacity: 0.3; }
#LobbyModule .options-section .grid-boxes .grid-box:hover .grid-box-fulltext p:not(:nth-child(2)) { opacity: 1; -webkit-text-stroke-width: 0; }
#LobbyModule .options-section .grid-boxes .grid-box .grid-box-subtitle.button { position: absolute; right: 0.833vw; bottom: 0.833vw; }
#LobbyModule .options-section .grid-boxes .grid-box:hover .grid-box-subtitle.button .buttons-wrapper .main-button { transform: translateY(0%); }
#LobbyModule .options-section .grid-boxes .grid-box:hover .grid-box-subtitle.button .buttons-wrapper .second-button { transform: translateY(-100%); }


.parallx-background.image { height: 72.917vw; overflow: hidden; }
.parallx-background.image .image-section-data { height: 72.917vw; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
.parallx-background.image img { height: auto; object-fit: cover; transform: translateY(0); transition: transform 0.3s ease-out; width: auto; min-width: 100%; }
.parallx-background.content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); flex-direction: column; gap: 3.75vw; width: 100%; height: 100%; justify-content: center; align-items: center; }
.parallx-background.content .section-title { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2.188vw; }
.parallx-background.content .section-title h2 { color: var(--white); }
.parallx-background.content .grid-text { }
.parallx-background.content .grid-text .gridTextImgContainer { width: 30.729vw; border: 10px solid var(--white, #FFF); box-shadow: 8px 4px 80px 0px rgba(0, 0, 0, 0.30); }
.parallx-background.content .grid-text .gridTextImgContainer img { height: auto; object-fit: cover; }

.parallx-background.content .grid-boxes { height: 100%; }
#LobbyModule .parallx-background.content .grid-boxes .grid-box { width: 30.208vw; height: fit-content; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 3.75vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; }
#LobbyModule .parallx-background.content .grid-box .grid-box-image { padding: 0; height: max-content; width: 30.729vw; border: 0.521vw solid var(--white, #FFF); box-shadow: 8px 4px 80px 0px rgba(0, 0, 0, 0.30); position: absolute; left: 2.604vw; bottom: 5.729vw; }
.parallx-background.content .grid-box-image-container { position: unset; }
.parallx-background-box-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: fit-content; gap: 2.5vw; background: var(--green); color: var(--white); max-width: 100%; padding: 2.917vw 2.083vw; box-shadow: 8px 4px 80px 0px rgba(0, 0, 0, 0.30); text-align: center; }
#LobbyModule .parallx-background-box-content .grid-box-title h3 { color: var(--white); }
.parallx-background-box-content .grid-box-fulltext { /* margin-bottom: 2vw; */ }
.parallx-background-box-content .main-button-wrapper a.second-button { /* background-color: var(--green); */ /* color: var(--white); */ }
.parallx-background-box-content .main-button-wrapper a.second-button::after { /* background-image: url(https://media.getmood.io/warehouse/dynamic/518713.svg); */ }

.running-text-section { }
.running-text-section .grid-text { display: flex; justify-content: flex-start; align-items: center; }
.running-text-section .grid-text-content { display: flex; justify-content: flex-start; align-items: center; animation: scrollText 100s linear infinite !important; width: max-content; padding-block: 3.5vw 2.7vw; margin: 0; opacity: 1; }
.running-text-section .grid-text-content p { }

@keyframes scrollText {
    0% { transform: translateX(100%); }

    100% { transform: translateX(0%); }
}

@media(max-width:1024px) {
    .hero-section:not(.mobile) { display: none; }
    .hero-section.mobile { display: flex; }
    .hero-section.mobile:has(.grid-iframe-holder) { pointer-events: all; width: 100%; }

    .hero-section .gridHasVideo .grid-iframe-holder { height: 100%; }
    .hero-section .gridHasVideo .grid-iframe-holder video { height: 100%; width: auto; }
    .hero-section .gridHasVideo .grid-iframe-holder .video-js { width: 100%; height: 100%; }
    .hero-section div:is(.text1,.section-topText), .hero-section .gridHasVideo .grid-text-content { width: 250px; }

    .sections .options-section { padding: 56px 0; overflow: auto; }
    #LobbyModule .options-section .grid-boxes { padding-inline: 20px; justify-content: flex-start; width: max-content; max-width: max-content; }
    #LobbyModule .options-section .grid-boxes .grid-box { height: 106.667vw; width: 80.6vw; font-size: 22.133vw; padding: 10px; }
    #LobbyModule .options-section .grid-boxes .grid-box:first-child { font-size: 19.733vw; }
    #LobbyModule .options-section .grid-boxes .grid-box .grid-box-subtitle.button { right: 10px; bottom: 10px; width: calc(100% - 20px); }
    #LobbyModule .options-section .grid-boxes .grid-box .grid-box-subtitle.button .main-button-wrapper { height: 50px; width: 100%; }
    #LobbyModule .options-section .grid-boxes .grid-box .grid-box-subtitle.button .main-button-wrapper a { justify-content: center; }
    #LobbyModule .options-section .grid-boxes .grid-box .grid-box-subtitle.button .main-button-wrapper a::after { width: 20px; height: 13px; left: 10px; }

    .parallx-background.content { gap: 72px; padding-inline: 40px; }
    .parallx-background.image { height: 226.667vw; }
    .parallx-background.image .image-section-data { height: 226.667vw; }
    .parallx-background.content .section-title { gap: 40px; width: 100%; }
    .parallx-background.content .grid-text .gridTextImgContainer { width: calc(100% - 20px); border-width: 5px; }
    .parallx-background.content .grid-text .gridTextImgContainer img { min-width: 100%; }
    .running-text-section .grid-text-content { padding-block: 78px 70px; }
    #LobbyModule .parallx-background.content .grid-boxes .grid-box { margin-inline: -20px; width: calc(100% + 40px); height: 100%; position: relative; transform: unset !important; align-items: center; justify-content: center; left: unset; top: unset; }
    #LobbyModule .parallx-background.content .grid-box .grid-box-image { width: 56vw; left: 0; bottom: -30px; border-width: 5px; }
    .parallx-background-box-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; width: 100%; /* aspect-ratio: 1; */ padding: 40px 20px 20px; gap: 40px; }
    .parallx-background-box-content .grid-box-title { /* margin-bottom: 15px; */ }
    #LobbyModule .parallx-background-box-content .grid-box-title h3 { margin: 0; }
    .parallx-background-box-content .grid-box-fulltext { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; /* margin-bottom: 40px; */ }
    .parallx-background-box-content .grid-box-subtitle.button { }
    .parallx-background-box-content .grid-box-subtitle.button,
    .parallx-background-box-content .grid-box-subtitle.button .main-button-wrapper { width: 100%; }
}

/*INNER PAGES*/
.half-layout-wrapper { display: flex; margin-top: var(--headerHeight); position: relative; flex-direction: row-reverse; }
.half-layout-wrapper > section { width: 50%; }
.half-layout-wrapper #GridTop { height: calc(100vh - var(--headerHeight)); position: sticky; top: var(--headerHeight); }
.half-layout-wrapper #GridPage { display: flex; flex-direction: column; }
.half-layout-wrapper #GridPage #GridWrap { height: 100%; margin: 0; }
.half-layout-wrapper #GridPage #GridWrap #GridWrapInner { height: 100%; padding: 1.5vw 0 9.375vw; padding: 1.5vw 0 3vw; max-width: 39.792vw; min-width: 360px; margin-right: 2.604vw; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; }
.half-layout-wrapper #GridPage #GridContent { text-align: right; }
.half-layout-wrapper #GridPage #ContentRegularModule { text-align: right; }
.half-layout-wrapper #GridPage #headline, .half-layout-wrapper #GridPage #text1, .half-layout-wrapper #GridPage #text2 { text-align: right; margin-bottom: 3.5vw; }
#SiteGrid .half-layout-wrapper #GridPromo { padding-top: 0.7vw; }

@media(min-width:1025px) {
    body:is(.contant-page,.jobs-page) .half-layout-wrapper #GridPage #GridWrap #GridWrapInner { padding-bottom: 2vw; }
    body:not(.contant-page,.jobs-page) .half-layout-wrapper #GridPage #GridWrap #GridWrapInner:has(.MainContent:last-child #text1:last-child),
    body:not(.contant-page,.jobs-page) .half-layout-wrapper #GridPage #GridWrap #GridWrapInner:has(.MainContent:last-child #text2:last-child) { padding: 1.5vw 0 0; }
}

/*menu page*/
.menu-page .categories-strip { background: transparent; }
.menu-page .categories-strip ul { display: flex; justify-content: flex-start; align-items: center; gap: 0.833vw }
.menu-page .categories-strip ul li:first-of-type { display: none; }
.menu-page .categories-strip ul li.active { background: transparent; }
.menu-page .categories-strip ul li { background: transparent; padding: 0; }
.menu-page #SiteContainer .tab-button { background: var(--white); border-color: var(--green); color: var(--green); }
.menu-page #SiteContainer .tab-button:hover, .menu-page #SiteContainer .categories-strip li.active .tab-button { color: var(--white); background: var(--green); }
.menu-page .categories-strip, .menu-page #GridPage #text1 { margin-bottom: 1.667vw; }

.nav-wrapper #menuModuleNav { padding: 0; display: flex; justify-content: flex-start; align-items: center; gap: 1.667vw; }
.nav-wrapper #menuModuleNav > a { margin: 0; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover { color: var(--green); text-decoration: underline; text-underline-offset: 6px; }
.menuModuleContentPart { border: 0; padding: 0; margin: 0; }
.menuModuleContentPart:after { content: none; }
.menuModuleContentPart > li { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin: 0; }
#GridContent .menuModuleContentPart > li .menuModuleTextItemPart { padding: 0 0 1.667vw; width: 100%; border-bottom: 2px solid var(--pink); margin-bottom: 1.667vw; }
#GridContent .menuModuleContentPart > li .menuModuleTextItemPart::after { content: none; }
.menuModuleContentPart .menuModuleTextItemPart h3.menuModuleTextItemTitle { margin-bottom: 0.73vw; }
.menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemPrice { font-family: var(--bold-font); font-size: clamp(2rem, 1.563vw,100rem); color: var(--green); }
.menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemPrice::before { font-size: 40%; margin: 2px; }
.menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemDescription { color: var(--black); margin: 0; }

@media(min-width:1025px) {
    .nav-wrapper { width: 100%; overflow: auto; margin-bottom: 4.6vw; }
    .nav-wrapper.open { padding-bottom: 0.833vw }
    .nav-wrapper #menuModuleNav { width: max-content; }
    .nav-wrapper::-webkit-scrollbar { height: 5px; }
    body:has(.menuModuleTextItemSubject) .nav-wrapper { margin-bottom: 1.3vw; }
    .menuModuleContentPart li.menuModuleTextItemSubject { margin-bottom: 3.3vw; }
}

@media(max-width:1024px) {
    .half-layout-wrapper { flex-direction: column; }
    .half-layout-wrapper > section { width: 100%; }
    .half-layout-wrapper #GridTop { height: 332px; position: relative; top: unset; }

    #PageBreadCrumps { padding: 16px 20px 0 0; font-size: 1.4rem; margin: 0; }
    .half-layout-wrapper #GridPage #GridWrap #GridWrapInner { max-width: 100%; margin: 0; padding: 60px 20px 80px; }
    .contant-page .half-layout-wrapper #GridPage #GridWrap #GridWrapInner { padding-bottom: 64px; }
    .half-layout-wrapper #GridPage #headline { margin-bottom: 64px; max-width: 370px; }
    body:is(.about-page,.menu-page,.stores-page) #GridPage #headline { margin-bottom: 80px }
    .half-layout-wrapper #GridPage #text1:not(:last-child), .half-layout-wrapper #GridPage #text2:not(:last-child) { margin-bottom: 80px; }
    .half-layout-wrapper #GridPage .MainContent:last-child #text1:last-child,
    .half-layout-wrapper #GridPage .MainContent:last-child #text2:last-child { margin-bottom: 0 }
    #galleryview { margin: 0; }


    .mobile-strip { text-align: center; color: var(--green); border: 1px solid var(--green); height: 62px; padding: 0; }
    .mobile-strip span { margin: 0; text-align: center; float: none; vertical-align: middle; display: flex; padding-block: 20px 16px; justify-content: center; font-size: 100%; }
    .mobile-strip span:first-child { display: none; }
    .mobile-strip:after { color: transparent; font-size: 100%; display: flex; align-items: center; justify-content: center; top: 20px; background-image: url(/warehouse/dynamic/518510.svg); background-position: center; background-repeat: no-repeat; }
    .mobile-strip.open:after { transform: scaleY(-1); }
    .mobile-strip .select-wrapper { padding-block: 4px 20px; }
    .menu-page .categories-strip, .menu-page #GridPage #text1 { margin-bottom: 40px; }
    .menu-page .categories-strip ul { flex-direction: column; gap: 24px; }
    .menu-page .categories-strip ul li:first-of-type { display: block; }
    .menu-page #SiteContainer .tab-button { width: 100%; height: auto; border: 0; color: var(--black); }

    .nav-wrapper { width: 100vw; margin-inline: -20px; padding-inline: 20px; overflow: auto; }
    .nav-wrapper #menuModuleNav { width: max-content; margin-bottom: 80px; gap: 24px; }
    body:has(.menuModuleTextItemSubject) .nav-wrapper #menuModuleNav { margin-bottom: 20px; }

    .menuModuleContentPart li.menuModuleTextItemSubject { margin-bottom: 60px; }


    #GridContent .menuModuleContentPart > li .menuModuleTextItemPart { padding-bottom: 32px; margin-bottom: 32px; }
    #GridContent .menuModuleContentPart > li:last-child .menuModuleTextItemPart:last-child { margin-bottom: 0; }
    #GridContent .menuModuleContentPart:first-child > li:first-child .menuModuleTextItemPart:first-child { border-top: 2px solid var(--pink); padding-top: 32px; }
    .menuModuleContentPart .menuModuleTextItemPart h3.menuModuleTextItemTitle { margin-bottom: 12px; }
    .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemPrice { font-size: 2.2rem; }
}


/*STORES*/
.panel-group .panel { border: 1px solid var(--green, #03640C); background: var(--white, #FFF); border-radius: 0; box-shadow: none; }
.faq-headline, .faq-headline.open { background: var(--white, #FFF); height: 5vw; display: flex; align-items: center; padding: 1.667vw; }
.faq-body { background: var(--white); }
.faq-body > div { padding: 0.417vw 1.667vw 1.667vw; max-width: 100%; color: var(--black); }
.faq-body > div *:is(h2,h3,h4,h5,h6), .faq-body > div strong { color: var(--black); }

.fa-angle-down:before { content: '' !important; background-image: url(/warehouse/dynamic/518509.svg); background-position: center; background-size: cover; width: 24px; height: 16px; display: block; }
.fa-angle-up:before { content: '' !important; background-image: url(/warehouse/dynamic/518511.svg); background-position: center; background-size: cover; width: 24px; height: 16px; display: block; }

@media(max-width:1025px) {
    .fa-angle-down:before { background-image: url(/warehouse/dynamic/518510.svg); width: 15px; height: 9px; }
    .fa-angle-up:before { background-image: url(/warehouse/dynamic/518512.svg); width: 15px; height: 9px; }

    .panel-group { margin: 0; }
    .panel-group .panel { }
    .panel-group .panel + .panel:last-child { margin-bottom: 0 !important; }
    .faq-headline, .faq-headline.open { height: 72px; padding: 20px; }
    .faq-body > div { padding: 10px 20px 20px; }
}

/*EVENTS*/

body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) { }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page,.accessabilityMainPage)) #GridTop { margin-top: var(--headerHeight); height: 31.25vw; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) #GridTop::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) #GridTop .top-caption { top: 50%; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) #GridTop .top-caption h1 { color: var(--white); }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) #PageBreadCrumps { max-width: 100%; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page,.accessabilityMainPage )) #SiteGrid #GridContent { padding-block: 6.25vw 0; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) #galleryview { max-width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin: 0; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) .MainContent { max-width: 70.833vw; margin-inline: auto; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)) .MainContent #text1 { max-width: 47.656vw; margin-bottom: 4.427vw; }

.events-page #DynamicFormObject { max-width: 70.833vw !important; border: 2px solid var(--green); padding: 4.167vw; margin-bottom: 8vw; }
.events-page #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 1.8vw; }
.events-page #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 8px; }
.events-page #DynamicFormObject fieldset .dynamicFormObjectField { width: calc(33.33% - 6px); margin: 0; }
.events-page #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 2vw; }
.events-page #DynamicFormObject .dynamicFormObjectSubmit .buttons-wrapper { margin-inline: auto; }

@media(max-width:1024px) {
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)).events-page .MainContent { max-width: 100%; width: 100%; }
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)).events-page .MainContent #text1 { max-width: 100%; text-align: right; margin-bottom: 80px; }
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page,.accessabilityMainPage )).events-page #SiteGrid #headline { margin-bottom: 64px; }

    .events-page #DynamicFormObject { max-width: 100% !important; border: 0; padding: 0; margin-bottom: 80px }
    .events-page #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: right; margin-bottom: 20px; }
    .events-page #DynamicFormObject fieldset .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectSubmit .buttons-wrapper { width: 100%; }

    .gallery-container { width: 100vw; /* margin-inline: -20px; */ }
    .slick-list { overflow: visible; }
    .gallery-cubes.slick-slider .slick-slide { width: 80vw; aspect-ratio: 0.93; padding-inline: 10px; min-width: 0; min-height: 74.667vw; }
    button.slick-arrow { display: none !important; }
}

/*DELIVARY*/
.delivary-page #text1 .buttons-wrapper.secondary-button-wrapper { display: inline-flex; }
.delivary-page #text1 p:has(.buttons-wrapper.secondary-button-wrapper) { margin-block: 1.667vw 0; display: flex; align-items: center; justify-content: flex-start; gap: 0.833vw; }

@media(max-width:1024px) {
    .delivary-page #SiteContainer #GridPage .MainContent > div:last-child { margin: 0; }
    .delivary-page #text1 p:has(.buttons-wrapper.secondary-button-wrapper) { margin-top: 80px; flex-direction: column; gap: 16px; }
}

/*CONTENT*/
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)).content-page .MainContent { max-width: 46.354vw; text-align: right; }
body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)).content-page .MainContent #text1 { text-align: right; }
#subheadline h2, .MainContent #text1 *:is(h2,h3,h4,h5,h6), .MainContent #text1 p:has(img) { margin-block: 1.5vw; }
#subheadline h2 { margin-top: 0; }
.MainContent #text1 p img { width: 100%; }

@media(max-width:1024px) {
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page,.accessabilityMainPage)) #GridTop { height: 332px; }
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page,.accessabilityMainPage )) #SiteGrid #GridContent { padding: 64px 20px 80px; }
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page,.accessabilityMainPage )) #SiteGrid #headline { text-align: right; }
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)).content-page .MainContent { max-width: 100%; }
    body:not(:is(.half-layout,.home-page,.cafe-taizu-home-page)).content-page .MainContent #text1 { max-width: 100%; margin: 0; }
    #subheadline h2, .MainContent #text1 *:is(h2,h3,h4,h5,h6), .MainContent #text1 p:has(img) { margin-block: 24px; }
    #subheadline h2 { margin-top: 0; }
    .MainContent #text1 p img { width: 100%; }
}

/*accessability*/
#accessability .container-fluid { max-width: 36.458vw; padding: 4.167vw 0 9vw; }
#accessability .container-fluid #headline { text-align: right; }
ul.accessability-list { margin-block: 1.9vw 1.8vw; }
#accessability #text1 { color: var(--black); }
#accessability #text1 *:is(h2,h3,h4,h5,h6) { margin-block: 2vw 0.6vw; }
#accessability #text1 *:is(h2,h3,h4,h5,h6):first-child { margin-top: 1.9vw; }


/*404 / THANKS*/
body:is(.page-404,.thanks-page) #headline { margin-bottom: 1vw; }
body:is(.page-404,.thanks-page) #text1 p:first-child { margin-bottom: 2vw; }
body:is(.page-404,.thanks-page) #text1 { width: max-content; }
body:is(.page-404,.thanks-page) #text1 .main-button-wrapper { margin-inline: auto }
body:is(.page-404,.thanks-page) #text1 a { margin-top: 0 !important; display: flex !important; }
body:is(.page-404,.thanks-page) #text1 a.second-button { background: var(--green); color: var(--white); }
body:is(.page-404,.thanks-page) #text1 a.second-button::after { background-image: url(/warehouse/dynamic/518713.svg); }

/*.swiper .swiper-slide { width: 44vw; height: 25vw; }*/

.gallery-cubes.slick-slider { direction: ltr; }
.gallery-cubes.slick-slider .slick-slide { width: 52.7vw; height: 37.8vw; min-width: 690px; min-height: 380px; padding: 1.25vw 0.625vw; pointer-events: none; }
.gallery-cubes.slick-slider .slick-slide .boxes-images-outer-image { padding: 0; height: 100%; }
button.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 4.167vw; height: 4.167vw; left: 2.604vw; color: transparent; background-image: url(/warehouse/dynamic/518733.svg); background-position: center; background-size: cover; }
button.slick-next.slick-arrow { left: unset; right: 2.604vw; background-image: url(/warehouse/dynamic/518734.svg); }
button.slick-arrow::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }