/* mententen */ body { font-size: 20px; font-family: 'greycliff-hebrew-cf'; background: #fbf4ed; color: #000; } #accessability { font-size: 16px; } #PopUpData #accessability #headline h1 { font-size: 100%; } #accessability .container-fluid { padding: 0; margin: 0; } #multi-content-modal.AccessabilityDeclaration #text1 { background: inherit; } #multi-content-modal.AccessabilityDeclaration #text1 h2 { font-size: 100%; } #multi-content-modal.AccessabilityDeclaration #text1 h2:first-of-type { margin-top: 0; } #SiteGridContainer:after { background-image: url(../../../warehouse/temp/mententen/sticky-D.svg); position: fixed; inset: 0; height: 100%; width: 100%; content: ''; z-index: -1; } #header ul.menu li a { color: #fff; } #header ul.menu-sub { background-color: #ebebeb; padding: 10px; } #header ul.menu .menu-sub li { padding: 0 15px; margin-right: 0; height: auto; } #home-gallery .gallery-caption .gallery-text { font-size: 500%; margin-top: 0; } section.home-module:after { content: ''; height: 2px; width: 312px; display: block; margin: auto; background: #dd1a1e; } .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { opacity: 0; } /*FIXPOPUP*/ .modal-vertical-align { display: flex; padding: 30px; align-items: center; justify-content: center; } .vertical-align-center { display: block; margin: 0; width: auto; max-width: 100%; } #PopUpData #headline h1, #PopUpData .headline h1 { font-size: 100%; } .form-modal .modal-content { max-width: 780px; width: 100%; } .form-modal .dynamicFormObjectTitle, #PopUpData #headline, #PopUpData .headline { font-size: 240%; color: #dd1a1e; font-weight: 600; } #PopUpData #headline, #PopUpData .headline > * { font-weight: inherit; } #PopUpData .menuModuleContentSection { max-height: 65vh; overflow: hidden; } @media(min-width:1025px) { #header ul.menu > li.active:after { display: none } #header ul.menu > li a:after { content: ""; position: absolute; display: block; right: 5%; border-bottom: 2px solid transparent; width: 90%; height: 30px; top: 6px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; pointer-events: none; } header#header.bg { padding: 35px 20px; } #header ul.menu > li.social-links:hover a:after { border-color: transparent } /*#header ul.menu > li:hover a, #header ul.menu > li a:focus { color: #ffcd98; }*/ #header ul.menu > li:nth-child(1) a:after { right: calc(5% + 25px); width: calc(80% - 10px); } #header ul.menu > li#header-logo a:after { background: #ebebeb; height: 65px; top: 28px; width: 28px; left: 0; z-index: -1; right: auto; border-color: transparent; } #header ul.menu > li#header-logo a:before { content: ""; position: absolute; background: #ebebeb; height: 65px; top: 28px; width: 28px; right: 0; z-index: -1; } #header ul.menu li a { padding: 2px 15px; margin-top: 0; } /*#header ul.menu li:nth-child(2) a, #header ul.menu li:nth-child(3) a { padding: 1px 19px; }*/ header#header.bg { background: transparent; } #header ul.menu li:nth-child(1) { padding-right: 25px; } #header ul.menu li.languageLinkHolder { position: fixed; top: 35px; left: 35px; background: #EBEBEB; font-size: 85%; height: auto; border-radius: 50%; padding-right: 0; width: 35px; height: 35px; text-align: center; } #header ul.menu li.languageLinkHolder a { color: #161616; font-size: 100%; padding: 5px; margin: 0; font-family: 'BarlowCondensedMedium'; text-transform: uppercase; padding-top: 4px; } #header ul.menu li.languageLinkHolder:hover a:after { display: none; } #header ul.menu-sub li { margin-right: 0; } #header ul.menu > li.active a::after { border-color: #dd1a1e; } #header ul.menu li.has-sub { padding: 2px 8px; } #header ul.menu li.has-sub a { padding: 0; vertical-align: baseline; } .has-sub i.opensub { margin-right: -5px; font-size: 16px; } #header ul.menu li.has-sub.open .opensub { transform: rotate(180deg); color: #000; } #header ul.menu ul.menu-sub li { padding: 0px 5px; } #header ul.menu ul.menu-sub li:hover a { color: #333333; } #header ul.menu ul.menu-sub li a { margin-top: 0; } .iconBox.showMobile { display: inline-block; margin-right: 0; position: relative; text-align: center; width: auto; } .iconBox.showMobile > a { display: block; width: 80px; } .home-module #home-gallery .iconBox.showMobile img { min-width: 70% !important; width: 90% !important; } li.social-links { list-style: none; width: 60px; position: absolute; right: 30px; top: 53%; transform: translateY(-50%); } .social-links .social-links { display: flex; width: inherit; } .social-links svg { width: 18px; height: 18px; fill: #fff; } .social-links a.social_icon_instagram { margin-left: 10px; } #header .headerInner { background: rgb(0 0 0 / 85%); max-width: 90%; height: 75px; display: flex; align-items: center; justify-content: center; border-radius: 15px; } #header ul.menu { color: #fff; font-size: 90%; } #header ul.menu li { margin-left: 0px; display: inline-flex; align-items: center; justify-content: center; align-content: center; } #header ul.menu li:nth-last-child(2) { padding-left: 10px; } #header .LogoCentered ul.menu li#header-logo { height: 121px; background: transparent; z-index: 1; } #header .LogoCentered ul.menu li#header-logo a { padding: 0; margin: 0 10px; } #header ul.menu li.social-links svg { fill: #ffcd98; display: inline-block; height: 16px; width: 16px; vertical-align: middle; } #header ul.menu li.social-links a { border-radius: 50%; padding: 0; } } @media(min-width:1025px) and (max-width:1170px) { #header ul.menu li.languageLinkHolder { left: 4px; top: 75px; } } @media(min-width:992px) { #header-logo img { max-height: 120px; } } @media (max-width:1024px) { #header .LogoCentered ul.menu li#header-logo { display: none; } header#header, header#header.bg { height: 75px; background-color: rgb(0 0 0 / 85%); display: flex; } #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 { background-color: #fff; } #header-logo { position: fixed; top: 10px; left: 30px; } #header-logo img { max-height: 140px; margin-top: 3px; } #header ul.menu { max-width: 250px; background: #000; } #header ul.menu > li { margin: 0 !important; padding: 5px 0; height: auto; font-size: 150%; padding-bottom: 12px; } #header ul.menu > li.active:after { display: none } #header ul.menu li.social-links svg { margin-top: -16px } #header ul.menu li:hover { color: #fff; } header ul.menu li.languageLinkHolder { display: none; } #header ul.menu li.active { background-color: transparent; color: #000; } #home-gallery .gallery-caption .gallery-text { font-size: 250%; max-width: 100%; } header#header.open #header-logo { opacity: 0; } #header .phone-icon { display: none !important; } #header ul.menu li.social-links a { border: 1px solid #ffcd98; border-radius: 50%; width: 37px; height: 37px; } #header .social-links { display: flex; gap: 10px; justify-content: center; } #header ul.menu li a:after { content: ''; width: 50px; position: absolute; height: 2px; background: #dd1a1e; left: 50%; transform: translateX(-50%); bottom: 10px; opacity: 0; } #header ul.menu li.active a:after { opacity: 1; } } @media (max-width:991px) { #header ul.menu li.social-links svg { margin-top: -25px; vertical-align: middle; } .right-header > .languageLinkHolder { position: absolute; left: 20px; width: auto; color: #161616; top: 29%; text-transform: uppercase } } @media (max-width: 767px) { .form-modal .dynamicFormObjectTitle, #PopUpData #headline, #PopUpData .headline { font-size: 200%; } #header ul.menu li > a { font-size: 90%; } #header ul.menu { overflow: hidden; max-width: 100%; padding-top: 35%; min-height: 100vh; } #header-logo { max-width: 85px; } #header ul.menu li.social-links a { position: relative } #header ul.menu li.social-links svg { position: absolute; margin: 0; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); top: 50%; left: 50%; } #header .right-header { width: 100%; } #home-gallery .gallery-caption .gallery-text { font-size: 250%; max-width: 100%; } header#header.open #header-logo { opacity: 0; } #header .phone-icon { display: none !important; } #header ul.menu li.social-links a { border: 1px solid #dd1a1e; border-radius: 50%; width: 37px; height: 37px; } #header .social-links { display: flex; gap: 10px; justify-content: center; } /*#header .phone-icon { width: 40px; height: 40px; background: #161616; padding: 0; margin: 0; display: inline-block !important; border-radius: 50%; position: absolute; left: 5px; top: 8px; } #header .phone-icon a { display: block; } #header .phone-icon a i { display: block; } #header .fa-phone:before { color: #cfdd25; font-size: 160%; position: relative; top: -5px; left: -9px; }*/ #home-gallery .opacity-layer { display: block; } #header .waze-navigation { display: inline-block !important; width: 40px; height: 40px; background: #161616; border-radius: 50%; position: absolute; top: 8px; padding: 0; left: 50px; } #header .waze-navigation a { position: absolute; width: 100%; height: 100%; } #header .waze-navigation svg { max-width: 30px; width: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } #header .waze-navigation svg .st1 { fill: #ffcd98; } .iconBox.showMobile img { max-height: 80px !important; } .moduleLayout .mobile-strip { border: 1px solid #000; padding: 7px 25px; } .moduleLayout .mobile-strip { top: auto; } .right-header > .languageLinkHolder { position: absolute; left: 0px; right: auto; margin-top: 20px; font-family: 'BarlowCondensedMedium'; font-size: 90%; background: #EBEBEB; padding: 0; width: auto; top: auto } .right-header > .languageLinkHolder a { padding: 5px 11px; color: #161616; text-transform: uppercase; } #SiteGridContainer:after { background-image: url(../../../warehouse/temp/mententen/sticky-M.svg); } #header ul.menu > li.pickupIcon { position: absolute; bottom: 15%; left: 40%; transform: translateX(-50%); background-image: url('/warehouse/dynamic/333469.svg'); background-repeat: no-repeat; background-size: contain; padding: 0; height: 70px; width: 50px; font-size: 0; } #header ul.menu > li.pickupIcon > a, #header ul.menu > li.woltIcon > a { opacity: 0; width: 100%; height: 100%; padding: 0; display: block; } #header ul.menu li.pickupIcon a:after, #header ul.menu li.woltIcon a:after { content: none; } #header ul.menu > li.woltIcon { position: absolute; bottom: 15%; left: 60%; transform: translateX(-50%); background-image: url('/warehouse/dynamic/347064.svg'); background-repeat: no-repeat; background-size: contain; padding: 0; height: 70px; width: 60px; font-size: 0; } #header ul.menu > li.pickupIcon, #header ul.menu > li.woltIcon { background-position: bottom; opacity: 0; } #header.open ul.menu > li.pickupIcon, #header.open ul.menu > li.woltIcon { opacity: 1; } } #home-gallery .flex-control-paging li a.flex-active { background-color: #ffcd98; } #home-gallery .photoCaption .photoCaptionText { background: transparent; min-width: 800px; max-width: 100%; } #home-gallery .photoCaption .photoCaptionText:after { border: none; } #home-gallery .photoCaption .photoCaptionText h2.photoTitle { color: #fff; font-size: 230%; font-family: 'BarlowCondensedMedium'; } #home-gallery .scroll-down { bottom: 10px } section h2 { color: #dd1a1e; font-size: 50px; font-weight: 600; } section:not(.home-module) h2:after, section .headline h1:after, #subheadline h2:after { content: ""; border-top: 2px solid #dd1a1e; border-bottom: 2px solid #dd1a1e; width: 50px; height: 11px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: -60px; } section:not(.home-module) h2:before, section .headline h1:before, #subheadline h2:before { content: ""; border-top: 2px solid #dd1a1e; border-bottom: 2px solid #dd1a1e; width: 50px; height: 11px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: -60px; } .hvr-float:active, .hvr-float:focus, .hvr-float:hover { transform: none; } @media(min-width:1200px) { #about .section-content { max-width: 90%; height: inherit; } } @media (min-width:992px) { .menu .lobbyview .grid-boxes .grid-box, .menu .LobbyModule .grid-boxes .grid-box { width: 16.66%; margin: 0; margin-right: -6px; padding: 10px; } #all-menus .sections section.sectionMenuMobile { display: none; } section#about { height: 950px; } #about .grid-row-section .grid-rows .grid-row-text p { transform: translateX(60px); color: #fff; font-size: 16px; width: 460px; letter-spacing: 1.3px; } #about .grid-row-section .grid-rows .grid-row { background: transparent; height: inherit; } #about section.section.stellar-static.section-animation-list.grid-row-section { height: inherit; padding-top: 0; } #about #allSectionsWrapper { max-width: 100%; height: inherit; } #about .grid-row-section .grid-rows .grid-row-text { top: -70px; left: auto; right: -135px; } #about .box-image-animation img { width: 500px; height: 766px; } #about .grid-row-section .grid-rows .grid-row-cell:first-of-type { left: -100px; } section#chef { padding-top: 130px; padding-bottom: 140px; } section#details { margin-bottom: 10px; padding: 100px 0; } .form-modal #DynamicFormObject .dynamicFormObjectFields { order: 3; padding: 0; } .iconsBoxLeft { left: 0; position: fixed; } .iconBox.hideDesktop a { width: 80px; height: 107px; display: block; } .iconBox.hideDesktop { display: block; width: 80px; height: 107px; background-color: rgb(221 26 30 / 85%); position: relative; } #home-gallery .iconBox img { min-width: unset; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .iconBox.hideDesktop:first-of-type { border-bottom: 1px solid #fff; } #contact .form-container-wide #DynamicFormObject .dynamicFormObjectField.textarea-field { margin-top: 30px; } } @media (max-width:991px) { #home-gallery .photoCaption .photoCaptionText { min-width: 100px; } } #all-menus .LobbyModule .grid-boxes, #about .LobbyModule .grid-boxes { max-width: 100%; padding-top: 20px; } #all-menus #allSectionsWrapper { max-width: 100%; height: inherit; } #all-menus .section-content { max-width: 90%; height: inherit; } #all-menus .LobbyModule .grid-box.col-md-4 { width: calc(16% - 35px); margin-right: 0; margin-left: 20px; background: transparent; } #all-menus .grid-boxes .grid-box-image { padding-bottom: 166%; } section#all-menus { padding-top: 115px; } #about .grid-row-section .grid-rows .grid-row-text p { color: #000; line-height: 1.6; } section.aboutUs { padding-top: 60px; } section.aboutUs .grid-boxes { padding-top: 65px; } section.aboutUs .grid-boxes .grid-box { width: 45%; margin-left: 8%; background: transparent; } section.aboutUs .grid-boxes .grid-box:last-child { margin-left: 0px; } section.aboutUs .grid-boxes .grid-box-title h3 { color: #ffcd98; font-size: 150%; } section.aboutUs .grid-boxes .grid-box-title h3 a { color: #ffcd98; } section.aboutUs #lobbyText p { line-height: 125%; font-size: 108%; } section.aboutUs #headline { margin-bottom: 35px; } #about .grid-row-section .grid-rows .grid-row { background: transparent; } section#all-menus section { padding-top: 0; } #about .grid-row-cell h2:after { display: none; } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button { transform: translateX(60px); color: #dd1a1e; font-size: 15px; border: none; padding: 0; margin-top: 45px; border-radius: 0; letter-spacing: 0.7px; overflow: visible; } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover { background: transparent; } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button:after { content: ''; background-image: url(../../../warehouse/temp/mententen/Arrow.svg); width: 39.8px; height: 22px; position: absolute; background-size: contain; right: 100%; top: 50%; transform: translate(7.3px, -50%); margin-right: 19px; transition: .35s ease-in-out; } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button:before { content: ''; position: absolute; width: 46px; height: 46px; background-size: contain; transition: 0.2s ease-in; top: 50%; background-color: #dd1a1e; border-radius: 100%; right: 100%; margin-right: 19px; transform: translateY(-50%); transform-origin: top center; } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover:before { transform: scale(1.347777) translateY(-50%); } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover:after { transform: translate(-1px, -50%); } .stamp { position: absolute; top: 30px; left: 90px; height: 190px; width: 190px; } .stamp:before { content: ''; background-image: url(../../../warehouse/temp/mententen/stamp-icon.svg); height: 100%; width: 100%; display: block; } .stamp:after { content: ''; background-image: url(../../../warehouse/temp/mententen/stamp-text.svg); height: 100%; width: 100%; position: absolute; inset: 0; transition: 1s all ease-in-out; animation: spin 15s linear infinite; } @keyframes spin { 100% { transform: rotate(360deg); } } #about #headline { display: none; } #tatamiroom h2:before, #tatamiroom h2:after { display: none; } .hvr-float { background: #ffcd98; width: 168px; height: 47px; border: solid 1px #fff; display: flex; justify-content: center; align-items: center; margin: auto; font-size: 15px; } .marqueeSec { padding-top: 20px; padding-bottom: 0; direction: ltr; } #marquee .headline h1:before { display: none; } #marquee #ContentRegularModule { max-width: 100%; color: #dd1a1e; } .marqueeSec .grid-text { direction: ltr; font-size: 500%; } section.menu { background: #111111; background-size: 80% !important; background-repeat: no-repeat; background-position: center bottom !important; } section.menu .lobbyview .grid-boxes .grid-box-image, section.menu .LobbyModule .grid-boxes .grid-box-image { border-radius: 50%; padding-bottom: 96%; border: 6px solid rgba(255, 255, 255, 0.1); } section.menu .lobbyview .grid-box, section.menu .LobbyModule .grid-box { background: transparent; } section.menu .lobbyview .grid-boxes .box-image-animation, section.menu .LobbyModule .grid-boxes .box-image-animation { height: 100%; border-radius: 50%; } section.menu .lobbyview .grid-boxes .grid-box-image-container, section.menu .LobbyModule .grid-boxes .grid-box-image-container { width: 100%; height: 100%; overflow: hidden; border-radius: 50%; z-index: 1; } section.menu .lobbyview .grid-boxes .box-image-animation img, section.menu .LobbyModule .grid-boxes .box-image-animation img { height: 100%; width: auto; position: absolute; left: -40%; margin: 0px auto; border-radius: 50%; z-index: 0; } section.menu .grid-boxes .grid-box-title h3 a { color: #fff; } #all-menus .grid-box-title { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); } #all-menus .grid-boxes .grid-box-title h3 a { color: #fff; font-size: 26px; } #all-menus .grid-box-title:after { width: 50px; height: 2px; background-color: #dd1a1e; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; } #all-menus .grid-box-image-container:after { background-image: linear-gradient(to top, rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0)); content: ''; position: absolute; bottom: 0; height: 70%; width: 100%; left: 0; pointer-events: none; } .menuModuleTextItemSubject:not(:first-of-type) { /* padding-top: 45px; */ margin-top: 10px; margin-bottom: 10px; } .menuModuleTextItemSubject { margin-bottom: 10px; } #chef .grid-text-section { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1100px; border: solid 1px #fff; padding: 70px 60px 60px; } #chef p { font-size: 80%; line-height: 1.6; letter-spacing: 0.9px; } #chef .section-animation-item { margin-bottom: 20px; max-width: 500px; } #chef .popupBtn { margin-top: 30px; color: #dd1a1e; font-size: 15px; border: none; padding: 0; margin-top: 45px; border-radius: 0; letter-spacing: 0.7px; overflow: visible; background: transparent; width: auto; height: auto; display: block; } #chef .popupBtn { margin-left: 45px; } #chef .popupBtn:before { content: ''; position: absolute; width: 46px; height: 46px; background-size: contain; transition: 0.2s ease-in; top: 50%; background-color: #dd1a1e; border-radius: 100%; right: 100%; margin-right: 19px; transform: translateY(-50%); transform-origin: top center; } #chef .popupBtn:after { content: ''; background-image: url(../../../warehouse/temp/mententen/Arrow.svg); width: 39.8px; height: 22px; position: absolute; background-size: contain; right: 100%; top: 50%; transform: translate(7.3px, -50%); margin-right: 19px; transition: .35s ease-in-out; } #chef .popupBtn:hover:before { transform: scale(1.347777) translateY(-50%); } #chef .popupBtn:hover:after { transform: translate(-1px, -50%); } #chef .popupBtn:hover { transform: translateY(0); } #chef #headline h1 { font-size: 250%; color: #dd1a1e; font-weight: 600; } #chef #headline h1:before { content: ""; border-top: 2px solid #dd1a1e; border-bottom: 2px solid #dd1a1e; width: 50px; height: 11px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: -60px; } #chef #headline h1:after { content: ""; border-top: 2px solid #dd1a1e; border-bottom: 2px solid #dd1a1e; width: 50px; height: 11px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: -60px; } .chefBg { max-width: 981px; margin: auto; padding: 72px 0; background-image: url(../../../warehouse/temp/mententen/pattern-D.svg); background-size: contain; background-repeat: no-repeat; color: inherit; } .chefBg .subCategories { width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; } section#details #headline { display: none; } #details .grid-text-section { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); max-width: 1100px; height: 310px; width: 100%; display: flex; flex-direction: column; align-items: center; background-image: url(../../../warehouse/temp/mententen/patterntatami-D.svg); justify-content: center; background-size: contain !important; background-position: unset !important; /* color: #000; */ } #details .grid-text-content { display: flex; gap: 80px; margin: auto; padding: 0; } .menuModuleTextItemTitle svg, .menuModuleTextItemTitle svg path { /* fill: #ffffff; */ } .menuModuleContentPart .IconsExplanation svg, .menuModuleContentPart .IconsExplanation svg path { fill: #ffffff; } #MenuModule .menuModuleNav { padding-bottom: 0; } #gallery button.popupBtn.loadMore { border: 1px solid #fff; height: 50px; max-width: 300px; padding-top: 0; line-height: 50px; margin: 40px auto 25px; } #ContactUs { padding-bottom: 0; } #ContactUs .popup-text { background: transparent; color: inherit; font-size: 125%; padding-top: 0; } #contact::before { content: ''; position: absolute; top: 0px; height: 1px; width: 100%; background: #dd1a1e; } #contactview { display: none; } section.contact-module { padding: 0px; } #map-section #map-holder .overlay { background: rgba(0, 0, 0, 0.5); transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; opacity: 1; } #map-section .map-cover { background: transparent; } #map-section .map-cover:after { border-color: transparent; } #map-section .map-cover .open-map { border-radius: 0px; background: #ffcd98; font-size: 93%; } #map-section .map-cover h4 { font-size: 200%; margin-bottom: 20px; } #map-section .map-cover h4:after { content: "?" } #ContactModule #map-section #map-holder { margin-bottom: 0px; } #gallery-not-active { display: none; } section#tatamiroom:before { content: ''; height: 60%; width: 100%; position: absolute; background-image: linear-gradient(to top, rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0)); bottom: 0; } section#tatamiroom { height: 600px; background-image: url(../../../warehouse/temp/mententen/tatami-D.jpg) !important; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; align-content: center; margin-top: 10px; } #tatamiroom .lobbyview { display: none; } #tatamiroom .grid-text-section:first-of-type { width: 900px; margin: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(../../../warehouse/temp/mententen/patterntatami-D.svg); display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 80px; padding-bottom: 70px; } #tatamiroom .grid-text-section:first-of-type:before { content: ''; width: 845px; height: 364px; background-color: #111; position: absolute; top: 31px; } #tatamiroom section h2 { margin-bottom: 30px; max-width: 640px; } #tatamiroom .grid-text p { margin: auto; margin-bottom: 40px; max-width: 500px; font-size: 90%; } #tatamiroom .btnsContainer { background: transparent; margin: 0; display: flex; justify-content: center; } #tatamiroom #ContentRegularModule { margin: 0; } #tatamiroom .btnsContainer .popupBtn { margin: 0; color: #fff; width: 30%; } #tatamiroom #ContentRegularModule .popup-text.section-animation-item { padding: 0; color: #000; } #tatamiroom #text1 h5 { display: none; } .tatamiBg { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 900px; /* max-height: 410px; */ align-content: center; background-image: url(../../../warehouse/temp/mententen/patterntatami-D.svg); position: relative; width: 100%; height: 100%; background-size: contain; padding: 40px; } #tatamiroom .headline h1 { font-size: 240%; font-weight: 600; color: #dd1a1e; } #tatamiroom #ContentRegularModule, #tatamiroom .btnsContainer { max-width: 100%; } #tatamiroom .headline h1:before, #tatamiroom .headline h1:after { display: none; } .tatamiBg:before { content: ''; background: #fbf4ed; height: 80%; width: 90%; position: absolute; } .tatamiBg #text1 { font-size: 18px; letter-spacing: 0.6px; max-width: 500px; line-height: 1.6; } #gallery button.popupBtn.loadMore { display: none; } .gallery-cubes > div { padding: 12px 0 0 12px; } button.popupBtn.loadMore { display: none; } #details .grid-text-section { position: static; transform: none; margin: 0 auto; height: auto; } #details ul { list-style: none; padding: 0; text-align: right; font-weight: 300; } #details h2:before, #details h2:after { display: none; } #details h2 { font-size: 30px; } #details .section-title { text-align: right; margin-bottom: 35px; width: 600px; } #details ul li { font-size: 18px; } #details ul li:first-of-type { margin-bottom: 10px; font-weight: normal; letter-spacing: 0.36px; } #details ul li:first-of-type:after { content: ''; width: 25px; height: 2px; display: block; background: #dd1a1e; margin-top: 10px; } #contact .grid-image-section { width: 50%; overflow: hidden; padding-bottom: 0; padding-top: 0; } #contact .grid-image-section img { width: 100%; } .normal-form input, .normal-form textarea { border: none; border-bottom: 1px solid; border-radius: 0; position: relative; color: inherit; border-color: #dd1a1e; box-shadow: none; } .normal-form textarea::placeholder, .normal-form input::placeholder { color: #000; font-size: 16px; } section#gallery-not-active { height: 0; padding: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; } #contact #allSectionsWrapper { display: flex; align-items: center; /* background-color: #fbf4ed; */ } #details .grid-text-section:before { content: ''; width: 1035px; height: 246px; background-color: #fff; position: absolute; } .popupBtn:hover, .popupBtn:focus { background: #dd1a1e; border: none; } #contact .section-content { max-width: 100%; width: 100%; } section#contact { background: transparent; padding-bottom: 0; margin-top: 14px; } #contact #headline { position: absolute; left: 50%; transform: translateX(-50%); display: none; } .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; width: 100%; color: inherit; } #contact .grid-form-section { max-width: 100%; margin: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: right; font-size: 18px; margin-bottom: 55px; letter-spacing: 0.6px; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: 50px; font-weight: 600; text-align: right; color: #dd1a1e; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; position: relative; } .form-container-wide #DynamicFormObject .dynamicFormObjectField.textarea-field { width: 100%; } #DynamicFormObject input[type="submit"], .popupBtn { background: #dd1a1e; width: 168px; height: 47px; /* border: solid 1px #fff; */ display: flex; justify-content: center; align-items: center; font-size: 15px; border-radius: 0; transition: .2s ease-in; overflow: visible; color: #fff; } .tatamiBg .popupBtn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #fff; transition: all 0.2s ease-in-out; } .tatamiBg .popupBtn:hover:after { top: -5px; bottom: -5px; left: -5px; right: -5px; border-color: #dd1a1e; } .tatamiBg #text1 p:last-child { margin-bottom: 40px; } #contact .button-holder { display: none; } .owl-carousel .owl-item .item { /* height: 470px; */ overflow: hidden; padding: 6px; } .owl-carousel .owl-item img { width: 100%; object-fit: cover; object-position: 50% 40%; height: 470px; } .owl-carousel .owl-item .imgWrapper { overflow: hidden; /* height: 470px; */ } .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: auto; padding: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::after, #PopUpData #DynamicFormObject .dynamicFormObjectSubmit:after { content: ''; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #fff; transition: all 0.2s ease-in-out; } .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:after, #PopUpData #DynamicFormObject .dynamicFormObjectSubmit:hover:after { top: -5px; bottom: -5px; left: -5px; right: -5px; border-color: #dd1a1e; } .marqueeSec .headline h1 { font-weight: 100; font-size: 95px; } .marqueeSec #ContentRegularModule .popup-text.section-animation-item { display: none; } #contact #form-thanks #headline { display: block; position: unset; transform: none; margin-bottom: 0; text-align: right; } #form-thanks { display: flex; flex-direction: column; justify-content: center; align-items: center; } #form-thanks #text1 { text-align: right; margin: 0; } #DynamicFormObject #form-thanks h3 { text-align: right; } .form-modal #PopUpData #form-thanks #headline h3 { font-size: 100%; } .form-modal #PopUpData #form-thanks { align-items: center; } .form-modal #PopUpData #form-thanks #headline { font-size: 200%; } .form-modal #PopUpData #form-thanks h3 { text-align: inherit; margin: 0; } .form-modal #PopUpData #form-thanks #text1 { font-size: 100%; line-height: 1; } .form-modal #PopUpData #form-thanks #text1 p { line-height: 1; } .grid-form-section #DynamicFormObject #form-thanks { align-items: flex-start; } @media(min-width:1440px) { .form-container-wide #DynamicFormObject { width: 800px; } } @media(max-width:1170px) { section .headline h1 { font-size: 6vw; } } @media (max-width:991px) { section.menu { background-size: 250% !important } section.menu .lobbyview .grid-box, section.menu .LobbyModule .grid-box { width: 29.5% } .lobbyview .grid-box:nth-child(even), .LobbyModule .grid-box:nth-child(even), .lobbyview .grid-box, .LobbyModule .grid-box { margin-left: 3%; } } @media(min-width:768px) { #ContactUs #text1 p br { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding-right: 0; } #contact .must:before { right: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectField.textarea-field { width: 100%; padding-right: 0; } } @media(max-width:767px) { .form-modal #PopUpData #form-thanks #headline { font-size: 140%; } section .headline h1 { font-size: 10vw; } section.aboutUs #lobbyText p { line-height: 115%; font-size: 92%; } #ContactUs { padding-top: 20px; } #ContactUs #text1 p span.seperator { display: none } #map-section .map-cover h4 { font-size: 190%; } #mobileKidumBtn a { background: transparent; color: #fff; font-size: 14px; } .mobile-menu { display: flex !important; justify-content: center; align-items: center; } #mobileKidumBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-right: 0; border: 1px solid #ffcd98; transition: .2s ease-in; } .open #mobileKidumBtn { display: none; } } /**POP-UP**/ .form-modal #PopUpData .button-holder { display: none; } .menuModuleContent { background: transparent; max-width: 100%; } #PopUpData #ContentRegularModule { padding: 0; } #ContentRegularModule .popup-text.section-animation-item { background: transparent; color: #000; padding: 0; max-height: 50vh; overflow: auto; } #MenuModule { /*background: #0a0a0a;*/ background-size: cover; max-width: 960px; } #multi-content-modal.modal .close, .form-modal .close { /* top: -30px; */ /* left: 50%; */ /* transform: translateX(-50%); */ } #multi-content-modal .modal-content { background-color: #fbf4ed; max-width: 780px; } .modal-backdrop.in { opacity: .6; } .form-modal .close { left: 20px; top: 20px; transform: none; font-size: 0; } #multi-content-modal .modal-content { width: 100%; display: block; } #PopUpData { background-size: cover; color: #fff; padding: 40px; } /*#PopUpData .popup-text:before { content: ""; position: absolute; border: 1px solid rgba(255,255,255,0.12); right: 8px; left: 8px; top: 8px; bottom: 8px; }*/ #PopUpData .normal-form { background: transparent; padding: 0; } #PopUpData #DynamicFormObject .dynamicFormObjectField { width: 33%; float: right; } #PopUpData .normal-form input { border-radius: 0px; background: transparent; border-color: #dd1a1e; color: #000; } #PopUpData .normal-form input::placeholder, #PopUpData .normal-form textarea::placeholder { color: #000; } #PopUpData h3 { font-size: 125%; margin-bottom: 0; letter-spacing: 0.9px; } #PopUpData #text1 p { font-size: 80%; line-height: 1.5; color: inherit; letter-spacing: 0.9px; } #PopUpData #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; margin-bottom: 10px; letter-spacing: 0.9px; } /*#PopUpData #headline h1, #PopUpData .headline h1 { display: none }*/ #PopUpData .normal-form input::placeholder, #PopUpData .normal-form textarea::placeholder { font-size: 15px; } #PopUpData #subheadline h2 { font-size: 250%; letter-spacing: 0.9px; } #PopUpData #DynamicFormObject .dynamicFormObjectFields .top-form { color: #ffcd98; font-size: 90%; line-height: 115%; } #PopUpData #DynamicFormObject input[type="submit"] { background-color: #dd1a1e; font-size: 75%; color: #fff; border: none; } #PopUpData #DynamicFormObject .dynamicFormObjectSubmit { width: 50%; margin-left: 25%; } #PopUpData .dynamicFormEndText p { text-align: center; font-size: 75%; line-height: 1.5; letter-spacing: 1.3px; width: 90%; margin: auto; } .form-modal #DynamicFormObject .dynamicFormObjectFields, .form-modal .dynamicFormEndText { color: inherit; background: transparent; } /* #PopUpData .normal-form input::placeholder { color: #fff; } .button-holder { opacity: 0; } */ #PopUpData #DynamicFormObject .dynamicFormObjectField.textarea-field { width: 100%; } .form-modal #DynamicFormObject .dynamicFormObjectFields form { max-width: 100%; display: flex; flex-wrap: wrap; } #PopUpData #DynamicFormObject .dynamicFormObjectSubmit { margin-left: 0; width: auto; margin: auto; padding: 0; } #PopUpData #MenuModule .menuModuleNav a { color: inherit; font-size: 18px; border-color: #dd1a1e; } .normal-form input::-webkit-input-placeholder, .internal-form textarea::-webkit-input-placeholder { font-size: 80%; } .normal-form input:-moz-placeholder, .internal-form textarea::-webkit-input-placeholder { font-size: 80%; } .normal-form input::-moz-placeholder, .internal-form textarea::-webkit-input-placeholder { font-size: 80%; } .normal-form input:-ms-input-placeholder, .internal-form textarea::-webkit-input-placeholder { font-size: 80%; } .iconBox.hideDesktop img { left: 50%; position: absolute; transform: translate(-50%,-50%); top: 50%; } #PopUpData { background-color: #fbf4ed; color: #000; padding-top: 66px; padding-bottom: 66px; } #PopUpData .grid-row-section .grid-rows .grid-row { background: transparent; } #PopUpData section { padding-top: 0; padding-bottom: 60px; } .grid-row-section .grid-rows .grid-row { color: #fff; } #PopUpData .grid-row-section .grid-rows .grid-row-text { text-align: center; width: 90%; font-size: 16px; letter-spacing: 0.9px; } #multi-content-modal.modal .close { top: 20px; left: 20px; transform: none; font-size: 0; } .modal .close svg { width: 28px; height: 28px; fill: #000; } #PopUpData .grid-row-section .grid-rows .grid-row-text h2 { display: none; } .form-modal .formSection #DynamicFormObject.normal-form { display: flex; flex-wrap: wrap; padding-bottom: 0; } #PopUpData #DynamicFormObject .dynamicFormObjectTitleAndText { order: 1; } .form-modal #DynamicFormObject .dynamicFormObjectFields { order: 3; padding-bottom: 0; padding-top: 0; } .form-modal .dynamicFormEndText { order: 2; padding-bottom: 0; padding-left: 30px; padding-right: 30px; } #multi-content-modal .modal-content { max-width: 900px; margin: 0; } /**menu pop-up */ #PopUpData .menuModuleTextItemTitle { font-size: 92%; font-weight: 600; } #PopUpData .menuModuleContentPart { padding: 10px 85px; } #PopUpData .menuModuleTextItemDescription { font-size: 70%; letter-spacing: 0.9px; margin-bottom: 20px; } #PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 { /* border-bottom: 1px solid #ffcd98; */ margin-bottom: 15px; width: 100%; height: auto; margin-right: 0; margin-left: 0; margin-top: 10px; border: none; } #PopUpData .menuModuleTextItemPrice { color: inherit; font-size: 92%; } #PopUpData .menuModuleTextItemPrice:before { font-size: 50%; } #MenuModule #headline { margin-bottom: 0; padding-top: 10px; } #PopUpData .menuModuleTextItem0:after, #PopUpData .menuModuleTextItem1:after { content: ''; height: 1px; width: 100%; position: absolute; bottom: 4px; left: 0; background: #dd1a1e; } @media (max-width:991px) { #PopUpData { /* padding-top: 50px; */ /* max-height: 75vh; */ } #multi-content-modal.modal .close, .form-modal .close { /* top: auto; */ } #PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 { width: 100%; margin-right: 0px; height: auto } #MenuModule { background-size: 100%; background-repeat: no-repeat; background-color: #fbf4ed; background-position: center; } } @media(max-width:767px) { #multi-content-modal .modal-content { overflow: auto; /* min-height: 490px; */ } #multi-content-modal .modal-content { max-height: 96vh; margin: 0px } #PopUpData h2 { max-width: 100% } #PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 { height: auto; margin-top: 10px; margin-bottom: 0; } #PopUpData #subheadline h2 { font-size: 173%; } #PopUpData { /* padding: 0px; */ padding: 60px 15px; } .popup-text { padding: 10px; padding-top: 20px; } #PopUpData #text1 p { /* font-size: 77%; */ } #PopUpData #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 115%; } #PopUpData #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 70%; } #PopUpData h3 { margin-top: 10px; } #PopUpData .popup-text:before { display: none; } #PopUpData #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0; } #PopUpData #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-left: 0%; padding: 0; } #PopUpData .normal-form input { margin-bottom: 15px } #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; } .menuModuleContentPart { padding: 0; } #PopUpData #DynamicFormObject input[type="submit"] { font-size: 100% !important; /* border: 1px solid #fff; */ } #MenuModule { margin-top: 20px; } #header ul.menu li:hover { color: #121212; } } section.celebrate .headline { display: none; } section.celebrate .popup-text { background: transparent; padding: 0; } section.celebrate { padding: 20px; border: 16px solid #000; border-bottom-width: 8px; } section.celebrate h2 { font-size: 230%; display: inline-block; vertical-align: middle; padding: 0; color: #000; margin-left: 122px; } section.celebrate h2:after { display: none; } section.celebrate #text1 { max-width: 100%; } section.celebrate #text1 p { display: inline-block; vertical-align: middle; width: auto; margin-bottom: 0; } section.celebrate #text1 a { display: inline-block; width: 200px; height: 50px; background: rgba(255,255,255, 0.5); border: 2px solid #000; color: #000; font-size: 125%; } @media (max-width:1440px) { section.celebrate h2 { margin-left: 100px; font-size: 200%; } } @media (max-width:1440px) { #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content { overflow: inherit; } } @media (max-width:1024px) { section.celebrate h2 { margin-left: 30px; font-size: 180%; } } @media (max-width:991px) { section.celebrate h2 { margin-left: 0px; margin-bottom: 20px; font-size: 180%; } } @media (max-width:767px) { section.celebrate #ContentRegularModule { max-width: 100% } section.celebrate { padding: 10px; } section.celebrate h2 { font-size: 140%; max-width: 310px; margin: 0 auto 20px; } section.aboutUs .grid-boxes .grid-box { width: 100%; margin-left: 0%; } section.menu .lobbyview .grid-boxes .grid-box-imag, section.menu .LobbyModule .grid-boxes .grid-box-imag e { padding-bottom: 90%; } section.celebrate #text1 a { width: auto; height: 40px; font-size: 105%; padding: 0 15px; } } section.celebrate #text1 .photoAlbums { padding-top: 0; } .photoAlbums .headline { display: none; } .photoAlbums .gallery-cubes > div { border: 8px solid #000; } #SiteFooter { background-color: #111; border-top: 1px solid #dd1a1e; color: #fff; } #SiteFooter span ul:first-of-type li { padding-left: 25px; position: relative; margin-left: 25px; } #SiteFooter span ul:first-of-type li:first-of-type:after { content: ''; position: absolute; height: 18px; width: 1px; background: #fff; left: 0; top: 0; } .moduleLayout .categories-strip { background: transparent; font-size: 78%; color: inherit; padding-top: 10px; } .moduleLayout .categories-strip li.menu-tag { border-bottom: 2px solid transparent; margin: 2px 5px; padding: 10px; padding-bottom: 0; color: inherit; } .moduleLayout .categories-strip li.menu-tag.active { color: #dd1a1e; border-color: #dd1a1e; background: transparent; } @media (max-width:991px) { .photoAlbums .gallery-cubes > div { border: 4px solid #000; } section.photoAlbums { padding-top: 6px; } #DynamicFormObject #form-thanks h3 { font-size: 140%; } #PopUpData .menuModuleContentPart { padding: 0; } } @media (max-width:767px) { section.photoAlbums { padding-bottom: 0px; } .moduleLayout .categories-strip span { color: #000; padding: 0; } .mobile-strip:after { color: #dd1a1e; top: auto; } #PopUpData #MenuModule { width: 100%; padding: 0; } #multi-content-modal.menuModal .modal-content { overflow: hidden; } #multi-content-modal.menuModal .modal-content .select-wrapper ul { overflow: auto; max-height: 75vh; /*direction: ltr;*/ padding-right: 10px; } #multi-content-modal.menuModal .mobile-strip .select-wrapper li.strip-item { width: 100%; padding-right: 0; color: inherit; } #multi-content-modal.menuModal .modal-content { /* max-height: 85vh; */ } } .site-credit.alternative { padding: 3px 0px; background: #000; } #PopUpData #text1 p.order a { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; cursor: pointer; border: 1px solid transparent; border-radius: 0px; padding: 0; background-color: #ffcd98; font-size: 100%; color: #000; padding: 5px 10px; display: inline-block; } .modal .popup-text { /* min-width: 450px; */ /* min-height: 300px; */ } #ContentRegularModule .popup-text.section-animation-item #text1 h3 { margin-top: 0; margin-bottom: 5px; } /*#ContentRegularModule .popup-text.section-animation-item #text1 { margin-top: 45px; }*/ #PopUpData #text1 p.order { margin-top: 15px; } #PopUpData .grid-row-section .grid-rows .grid-row-cell:first-of-type { display: none !important; } #PopUpData .grid-row-section .grid-rows .grid-row-text a.grid-row-button { display: none; } @media (max-width:767px) { .modal .popup-text { /* min-width: 320px; */ /* min-height: 250px; */ overflow-y: auto; } } #SiteFooter ul { list-style: none; } .footer-text.text-center span { display: flex; justify-content: space-between; font-size: 16px; letter-spacing: 0.9px; } #SiteFooter ul { display: flex; align-items: center; padding: 0; width: 33%; } #SiteFooter span ul:first-of-type { justify-content: flex-start;} #SiteFooter span ul:last-of-type { justify-content: flex-end;} #SiteFooter span ul:nth-of-type(2) { justify-content: center; } .footer-text {padding: 35px 20px;max-width: 90%;margin-inline: auto;float: unset;} #SiteFooter span ul:last-of-type li { margin-right: 15px; } #details ul:nth-of-type(2) li:nth-of-type(2) { direction: ltr; } .AccessabilityLink { color: #fff; } #home-gallery .scroll-down img { opacity: 0; z-index: 10; height: 80px; width: 90px; } .fanScroll:after { content: ''; background-image: url(../../../warehouse/temp/mententen/scroll-down-text.svg); display: block; width: 100%; height: 100%; background-repeat: no-repeat; position: absolute; top: 20px; } .fanScroll { position: absolute; left: 50%; height: 80px; width: 90px; bottom: 10px; transform: translateX(-50%); pointer-events: none; } .fanScroll:before { content: ''; background-image: url(../../../warehouse/temp/mententen/scroll-down-icon.svg); display: block; width: 100%; height: 60%; background-repeat: no-repeat; animation: upAnddown 1s infinite !important; } .scroll-down { animation: none !important; } #DynamicFormObject input[type="submit"]:hover { background: #dd1a1e; color: #fff; border: none; } @media(max-width:1601px) { #about .grid-row-section .grid-rows .grid-row-text { right: 0; } #about .grid-row-section .grid-rows .grid-row-cell:first-of-type { left: 0; } .stamp { left: -20px; } } @media(max-width:1025px) { #all-menus .sections section:first-of-type { display: none; } #all-menus .LobbyModule .grid-box.col-md-4 { width: 100%; } #all-menus .grid-boxes .grid-box-image { padding-bottom: 105%; margin-bottom: 0; } .grid-content-section, #all-menus .LobbyModule .grid-boxes { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } #all-menus .grid-box-title { display: none; } #all-menus .grid-box-image-container:after { display: none; } section#all-menus { padding-top: 70px; } .owl-carousel .owl-item .item { } #SiteGridContainer:after { background-image: url(../../../warehouse/temp/mententen/sticky-M.svg); background-size: cover; } #chef .grid-text-section { background-image: url(../../../warehouse/temp/mententen/pattern-M.svg); } #details .grid-text-section { background-image: url(../../../warehouse/temp/mententen/patterntatami-M.svg); } section#tatamiroom { background-image: url(../../../warehouse/temp/mententen/tatami-M.jpg) !important; height: 600px; } section.home-module:after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } #home-gallery:after { content: ''; position: ABSOLUTE; inset: 0; background-image: linear-gradient(to top, rgba(18, 18, 18, 0.85), rgba(18, 18, 18, 0)); height: 100%; width: 100%; z-index: 2; pointer-events: none; } #home-gallery .gallery-caption { z-index: 3; } section.home-module:after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } #DynamicFormObject { padding-left: 15px; padding-right: 15px; } .section-content, #contactview, #gridshort-view-media { max-width: 100%; padding: 0 30px; } #all-menus .section-content { max-width: 100%; padding: 0 30px; } #about .grid-row-section .grid-rows .grid-row { overflow: visible; } #about .box-image-animation img { width: 100%; height: auto; } #about .section .grid-row { display: flex !important; flex-direction: column-reverse; } #about .grid-row-section .grid-rows .grid-row-text { overflow: visible; width: 100%; text-align: center; padding-bottom: 85px; margin-top: 17px; } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button { transform: translateX(25px); margin-top: 30px; } #about .grid-row-section .grid-rows .grid-row-text h2 { text-align: center; } #about .grid-row-section .grid-rows .grid-row-text p { font-size: 75%; line-height: 1.6; letter-spacing: 0.78px; } #about h2:after { content: ""; border-top: 2px solid #ffcd98; border-bottom: 2px solid #ffcd98; width: 50px; height: 11px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: -60px; } .stamp { top: -60px; left: 50%; transform: translateX(-50%); width: 129px; height: 129px; } .stamp:before, .stamp:after { background-size: contain; } #about .grid-row-section .grid-rows .grid-row-text a.grid-row-button { display: none; } #about .grid-row-section .grid-row li.slider-item { padding-bottom: 150%; } #about { padding-top: 0; } #tatamiroom .grid-text-section:first-of-type { width: 90%; background-image: none; padding: 0; top: 55%; } #tatamiroom .grid-text-section:first-of-type:before { width: 95%; height: 530px; top: -60px; } #tatamiroom section h2 { font-size: 40px; width: 90%; margin-bottom: 20px; padding: 0 10px; } #tatamiroom .grid-text p { padding: 0 15px; } .marqueeSec .headline h1:after, .marqueeSec .headline h1:before { display: none; } #chef .grid-text-section { width: 100%; padding: 25px; position: relative; transform: none; left: 0; top: 0; padding-top: 60px; } section h2 { font-size: 40px; max-width: 100%; } #marquee .headline h1 { font-size: 70px; } #chef .section-content { max-width: 100%; } .chefBg { background-image: url(../../../warehouse/temp/mententen/pattern-M.svg); max-width: 100%; background-size: cover; padding-bottom: 113px; /*border: 1px solid;*/ padding-top: 160px; background-position: bottom; } #chef .section-content { width: 100%; padding: 0 10px; } #chef .popupBtn { margin: 0; margin-left: 50px; margin-top: 20px; } #tatamiroom .grid-text-content { padding: 25px; padding-top: 0; } #tatamiroom .subCategories { width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; } .tatamiBg { max-height: 500px; background-image: none; max-width: 90%; padding: 0; } #tatamiroom .headline h1 { font-size: 25px; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } #tatamiroom .headline h1 span { font-size: 40px; } #tatamiroom #ContentRegularModule { max-width: 100%; width: 90%; } #tatamiroom #text1 { font-size: 75%; max-width: 100%; margin-bottom: 30px; letter-spacing: 1.3px; } .tatamiBg:before { height: 90%; width: 95%; } #tatamiroom #ContentRegularModule, #tatamiroom .btnsContainer { max-width: 100%; } #tatamiroom .btnsContainer .popupBtn { width: 40%; } .form-modal .dynamicFormObjectTitle { max-width: 100%; font-size: 30px; margin-bottom: 10px; } #PopUpData #DynamicFormObject .dynamicFormObjectSubmit:after { border: none; } #PopUpData .dynamicFormEndText p { width: 100%; } #about .grid-row-section .grid-rows .grid-row-text h2:after { content: ""; border-top: 2px solid #dd1a1e; border-bottom: 2px solid #dd1a1e; width: 40px; height: 11px; display: block; position: absolute; top: 20px; left: -60px; right: auto; } section:not(.home-module)#chef h2:before, section:not(.home-module)#chef h2:after { width: 35px; } section:not(.home-module)#chef h2:before { right: -50px; } section:not(.home-module)#chef h2:after { left: -50px; } #contact #allSectionsWrapper { flex-direction: column; } #contact .grid-image-section { width: 100%; padding-bottom: 0; } #contact .grid-image-section img { transform: none; } #contact .grid-image-section img { width: 100%; height: auto; } #contact .grid-form-section { padding-top: 20px; } .form-container-wide #DynamicFormObject { max-width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 200%; text-align: center; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: center; font-size: 18px; } .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; } section#chef { padding-top: 30px; } #details .grid-text-section { /* position: relative; */ /* lefT: 0; */ /* bottom: auto; */ /* top: 45%; */ /* transform: translateY(-50%); */ } #details .grid-text-content { flex-direction: column; gap: 0; align-items: center; } #details .grid-text { width: 300px; } #details ul { text-align: center; margin-bottom: 30px; } #details ul li:first-of-type:after { margin: 5px auto; } #details .section-title { width: 80%; text-align: center; margin-bottom: 20px; } #details { height: auto; background-image: url(../../../warehouse/temp/mententen/patternrest-M.svg) !important; } #details #allSectionsWrapper { height: inherit; } #details .section-content { height: auto; } #details .grid-text-section:before { width: 90%; left: 50%; transform: translateX(-50%); height: 90%; } section#contact { margin-top: 100px; } .footer-text.text-center span { flex-direction: column; } #SiteFooter span ul { width: 100%; } .footer-text { padding: 50px 20px 0; } #SiteFooter span ul:first-of-type, #SiteFooter span ul:last-of-type, #SiteFooter span ul:nth-of-type(2) { justify-content: center; margin-bottom: 25px; } #SiteFooter span ul:first-of-type { font-size: 15px; order: 1; } #SiteFooter span ul:first-of-type li { padding: 0; margin: 0; margin-bottom: 10px; } #SiteFooter span ul:first-of-type li:first-of-type:after { display: none; } #SiteFooter span ul:first-of-type { flex-direction: column; } section#chef { padding-bottom: 100px; } section#gallery2, section#chef, #about { padding-bottom: 93px; } #contact .grid-image-section { padding: 0; } #contact .section-content { padding: 0; } #MenuModule .menuModuleNav a { font-size: 22px; margin: 0 8px; min-width: fit-content; } #MenuModule .menuModuleNav a.selected { border-bottom: 1px solid #ffcd98; } #MenuModule .menuModuleNav { display: inline-flex; overflow-x: scroll; padding-bottom: 10px; margin-bottom: 10px; } /*.moduleLayout .categories-strip { display: none; }*/ ::-webkit-scrollbar { height: 10px; display: none; } #PopUpData .menuModuleTextItemDescription { letter-spacing: 0.38px; font-size: 75%; font-weight: 300; } #PopUpData .menuModuleTextItemTitle { margin-top: 0; } span.open-info { opacity: 0; } .owl-carousel .owl-item img { height: 187px; } .form-modal .formSection #DynamicFormObject.normal-form { /* background-color: #fbf4ed; */ /* padding-top: 20px; */ /* border: 1px solid #fff; */ padding: 0; max-height: 60vh; overflow: auto; } #PopUpData { /* background: transparent; */ border: none; overflow: hidden; } #multi-content-modal.modal .close { /* left: 50%; */ /* transform: translateX(-50%); */ } #ContentRegularModule .popup-text.section-animation-item { background: inherit; /* color: #fff; */ } .form-modal .dynamicFormEndText { padding-left: 20px; padding-right: 20px; } .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; clear: both; width: 168px; margin: auto; } .normal-form textarea::placeholder, .normal-form input::placeholder { font-size: 16px; } section:not(.home-module) h2:before, section:not(.home-module) h2:after { width: 40px; } section:not(.home-module) h2:before { right: -50px; } .AccessabilityLink { margin-bottom: 0; } #chef #headline h1:before, #chef #headline h1:after { width: 40px; } #chef #headline h1:before { right: -50px; } #chef #headline h1:after { left: -50px; } .VideoContainer, .TopVideo { display: none !important; } .TopVideo iframe { height: 125vh; width: 180vh; position: absolute; top: -10%; left: 50%; right: 0; transform: translateX(-50%); bottom: 0; } #home-gallery.video-slider .opacity-layer { z-index: 1 !important; pointer-events: none; } } @media(max-width: 767px) { #about .grid-row-section .grid-rows .grid-row-text h2:after { left: -50px; } }