﻿/*PITA BASAR*/
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&family=Heebo:wght@100..900&display=swap');

:root { --black: #1D1816; --orange: #FFA600; --orangeDark: #F28119; --line: #565656; --white: #fff; --whiteOpacity: #FFFFFFCC; --textDisableColor: #A39A8C; }


/* General */
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; opacity: 0; transition: opacity 0.35s ease; font-family: "Heebo", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: clamp(1.5rem,0.885vw,100rem); line-height: 140%; letter-spacing: 0.34px; /*zoom: 1 !important;*/ color: var(--whiteOpacity); background-color: var(--black); padding: 0 !important; }
    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) {
    body { font-size: 1.6rem; }
}
/*reset*/
header { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
#header, #header2 { position: unset; }
header:has(.fixedMenu) { position: fixed; z-index: 11; width: 100%; }
#header2.fixedMenu { position: unset; }
#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; }
.grid-boxes .grid-box-image-container { position: unset; }
.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 { margin: 0; padding: 0; }
.grid-boxes .grid-box-image, #LobbyModule .grid-boxes .grid-box-image { position: unset; 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%; }
.normal-form select { color: var(--whiteOpacity); }
    .normal-form select option { color: #000; }
.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%; }
#header2.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header2 ul.menu { margin: 0; padding: 0; }
    #header2 ul.menu li { margin: 0; padding: 0; }
        #header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { color: inherit; }
#header2 .header-top-left { margin: 0; padding: 0; }
    #header2 .header-top-left a { margin: 0; padding: 0; }
#header2 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; }
.normal-form select, .normal-form select:focus { border-radius: 0; box-shadow: none; border: 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; }
#header2 .max-width { max-width: 100%; width: 100%; height: 100%; }
#SiteFooter { padding: 0; display: flex; align-items: center; justify-content: center; float: none; }
#GridPage .max-width { width: 100%; }
#header2 ul.menu li a:focus { border: 0; }
#header2 #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; }
    #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%; }
.gallery-cubes > div, div.flex-row > div, section .grid-box { opacity: 1; }
.grid-rows .grid-row { color: inherit; font-size: inherit; }
.grid-row .grid-row-image-container { position: unset; }
.grid-row li.slider-item { padding-bottom: 0; }


@media(min-width: 1024px) {
}

@media(max-width: 1024px) {
    body:has(#header2.open) { /*overflow: hidden !important;*/ }
    a.AccessabilityLink { font-size: 1.4rem; }
    .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: 1.15; font-size: 1.5rem !important; }
}

body:not(.home-page) #SiteGridContainer { padding-top: var(--headerHeight); }
#PageBreadCrumps, .lobby-grid #PageBreadCrumps { max-width: 100%; position: absolute; top: 1.667vw; left: 2.084vw; margin: 0; padding: 0; font-size: clamp(1.3rem,0.73vw,100rem); font-family: var(--text-700); line-height: 1.5; letter-spacing: 0.14px; text-transform: lowercase; color: var(--black); }
    #PageBreadCrumps span:after { margin-inline: 6px; content: "/"; }
    #PageBreadCrumps a { color: var(--grey); }
        #PageBreadCrumps a:hover { color: var(--black); }
#headline { margin: 0; }


@media(max-width: 1024px) {
    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { top: 16px; left: 20px; font-size: 1.2rem; letter-spacing: 0.12px; }
        #PageBreadCrumps span:after { margin-inline: 4px; }
}



/*HEADER*/
#main-header, #main-header.bg { background-color: var(--black); position: relative; border-bottom: 1px solid var(--line, #565656); }

@media(min-width: 1025px) {
    #main-header .header-right, #main-header:not(.header-hamburger) .menu-nav { width: 100%; }
        #main-header:not(.header-hamburger) .menu-nav ul.menu { width: 100%; justify-content: center; align-items: center; gap: 32px; padding: 26px 32px; color: var(--white); }
    #main-header:not(.header-hamburger) ul.menu li:not(:has(*)) { display: none; }
    #main-header:not(.header-hamburger) ul.menu li a:hover { color: var(--orangeDark); }
    a.logoHeader { display: flex; align-items: center; justify-content: center; margin-inline: auto; /*width: 121px;*/ }
        a.logoHeader img { width: 121px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) }
}

@media(max-width:1024px) {
    #main-header, #main-header.bg { padding: 16px 24px; }
        #main-header .header-container { flex-direction: row-reverse; }

    a.logoHeader { height: 25px; }
        a.logoHeader img { height: 100%; }

    #nav-toggle { width: 24px; }
        #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: inherit; background-color: var(--white); }
    #main-header .menu-nav ul.menu { background-color: var(--black); width: 80vw; padding: 50px 24px 24px; list-style: none; }
    #main-header.open::after { content: ''; position: fixed; width: 100vw; height: 100vh; right: 0; top: 0; z-index: -1; background: #000; opacity: 0.2; }
    #main-header ul.menu > li a { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 18px 0; color: var(--white, #FFF); text-align: start; /* headline mob 2 */ font-size: 1.8rem; font-weight: 500; line-height: 100%; /* 18px */ }
    #main-header ul.menu li.active { text-decoration: none; }
        #main-header ul.menu li.active a { color: var(--orangeDark); }
    #main-header ul.menu > li a::after { content: ''; display: inline-flex; justify-content: center; align-items: center; width: 9px; height: 14px; background-image: url(https://media.getmood.io/warehouse/dynamic/607943.svg); background-position: center; background-size: cover; }
}

/*FOOTER*/
footer { border-top: 1px solid var(--line, #565656); }
#SiteFooter { flex-direction: column; }
    #SiteFooter > div { width: 100%; }
.footer-text-divided { padding-block: 64px; }
    .footer-text-divided > div.footer-text-middle { display: flex; align-items: center; justify-content: center; gap: 32px; width: 100%; }
    .footer-text-divided ul { list-style: none; display: flex; align-items: center; justify-content: center; gap: 32px; }
        .footer-text-divided ul:last-of-type { gap: 20px; }
        .footer-text-divided ul a { font-size: clamp(1.6rem,1.042vw,100rem); line-height: 1; display: flex; align-items: center; justify-content: center; transition: all 0.35s ease; }
            .footer-text-divided ul a:hover { color: var(--orange); }

@media(max-width:1024px) {
    .footer-text-divided { padding: 48px; }
        .footer-text-divided > div.footer-text-middle { flex-direction: column-reverse; gap: 48px; padding: 0; }
        .footer-text-divided ul { flex-direction: column; gap: 16px; }
            .footer-text-divided ul:last-of-type { flex-direction: row; }
}

/*TEXT & TITLES*/
#headline h1 { color: var(--white, #FFF); text-align: start; font-family: 'FbElectronConHeb-Black'; font-size: clamp(8rem,5.833vw,100rem); font-style: normal; font-weight: 400; line-height: 80%; margin-bottom: 26px; }
body:is(.menu-page,.contact-page) #headline h1 { text-align: center; }
body:not(.sticky-page) #headline h1 { margin-bottom: 80px; }
body:is(.page-404,.FormResultPage) #SiteContainer #headline h1,
body:is(.page-404,.FormResultPage) #SiteContainer #subheadline h2 { text-align: center; margin-bottom: 32px; }

#lobbyview h2, #subheadline h2 { color: var(--orangeDark); text-align: start; font-family: Heebo; font-size: clamp(1.8rem,1.25vw,100rem); font-style: normal; font-weight: 900; line-height: 110%; }
body:is(.menu-page,.contact-page) #lobbyview h2, body:is(.menu-page,.contact-page) #subheadline h2 { text-align: center; }

#lobbyview:has(+ *) #lobbyText { text-align: start; max-width: 100%; margin-bottom: 96px; }

#text1, #text2 { text-align: start; line-height: inherit; }
.contact-page #text1 { text-align: center; }
body:is(.page-404,.FormResultPage) #text1 { text-align: center; }
    body:is(.page-404,.FormResultPage) #text1 p:last-child { margin: 0; }

#text1 ul, #text2 ul { margin-inline-start: 20px; margin-bottom: 32px; list-style-type: square; }
    #text1 ul li::marker { color: var(--orangeDark); }

@media(max-width:1024px) {
    #headline h1 { font-size: 6rem; margin-bottom: 24px; }
    body:is(.menu-page,.contact-page) #headline h1 { text-align: start; }
    body:not(.sticky-page) #headline h1 { margin-bottom: 40px; }
    body:is(.page-404,.FormResultPage) #SiteContainer #headline h1,
    body:is(.page-404,.FormResultPage) #SiteContainer #subheadline h2 { text-align: center; margin-bottom: 16px; }

    #lobbyview h2, #subheadline h2 { line-height: 1; font-weight: 500; }
    #lobbyview:has(+ *) h2, #subheadline:has(+ *) h2 { margin-bottom: 24px }
    body:is(.menu-page,.contact-page) #lobbyview h2, body:is(.menu-page,.contact-page) #subheadline h2 { text-align: start; }

    #lobbyview:has(+ *) #lobbyText { margin: 0; }
    .contact-page #text1 { text-align: start; }
}

/*BUTTONS*/
.grid-rows .grid-row-text a.grid-row-button { color: var(--white); font-size: 1.9rem; font-style: normal; line-height: 140%; letter-spacing: 0.38px; border: 0; padding: 0; border-bottom: 4px solid var(--orangeDark); border-radius: 0; transition: all 0.35s ease; }
    .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus { background-color: transparent; color: var(--orangeDark); }
#text1 a.tiny-btn, #text2 a.tiny-btn, #DynamicFormObject input[type="submit"],
.FormResultPageButton, .grid-row-section:not(:has(.flexslider-box)) .grid-row-text a.grid-row-button { display: flex !important; width: 200px; min-width: 200px; width: max-content; height: 50px; justify-content: center; align-items: center; background: var(--orangeDark); color: var(--black, #1D1816); text-align: center; font-size: clamp(1.6rem,1vw,100rem); margin-top: 40px; transition: all 0.35s ease; padding-inline: 10px; border-radius: 0; border: 0; }
.grid-row-section:not(:has(.flexslider-box)) .grid-row-text a.grid-row-button { margin-inline: auto; }
#DynamicFormObject input[type="submit"] { margin-top: 26px; }
body:is(.page-404,.FormResultPage) #text1 a.tiny-btn, .FormResultPageButton { margin: 32px auto 0 !important; }
    #text1 a.tiny-btn:hover, #text2 a.tiny-btn:hover, #text1 a.tiny-btn:focus, #text2 a.tiny-btn:focus,
    #DynamicFormObject input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:focus, .FormResultPageButton:hover,
    .FormResultPageButton:focus, .grid-row-section:not(:has(.flexslider-box)) .grid-row-text a.grid-row-button:hover,
    .grid-row-section:not(:has(.flexslider-box)) .grid-row-text a.grid-row-button:focus { background: var(--orange); color: var(--black); }

@media(max-width:1024px) {
    #text1 a.tiny-btn, #text2 a.tiny-btn, .grid-row-section:not(:has(.flexslider-box)) .grid-row-text a.grid-row-button { margin-top: 32px; }
    .FormResultPageButton { margin-top: 40px; }
    #DynamicFormObject input[type="submit"] { margin-top: 0; }
    #text1 a.tiny-btn, #text2 a.tiny-btn, #DynamicFormObject input[type="submit"],
    .FormResultPageButton, .grid-row-section:not(:has(.flexslider-box)) .grid-row-text a.grid-row-button { min-width: 130px; height: 40px; padding-inline: 24px; }

    body:is(.page-404,.FormResultPage) #text1 a.tiny-btn, .FormResultPageButton { margin-top: 40px !important; }

    .grid-rows .grid-row-text a.grid-row-button { margin: 32px auto 0; font-size: 1.6rem; letter-spacing: 0.32px; }
    .grid-rows .grid-row-text > h2:first-of-type + h3 + a.grid-row-button { margin-top: 0; }
}
/*HERO*/
#home-gallery .scroll-down { display: none; }
.hero-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 32px; }
#home-gallery .gallery-caption { position: unset; transform: none; }
    #home-gallery .gallery-caption .gallery-text { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
        #home-gallery .gallery-caption .gallery-text > div { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 15px; }
        #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { width: 200px; height: 58px; display: flex; align-items: center; justify-content: center; background-color: var(--orangeDark); color: var(--black); font-size: clamp(1.65rem, 1vw,100rem); }
            #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover { background-color: var(--orange); }

/*SECTIONS*/
.grid-row-section { margin-bottom: 140px; }
    .grid-row-section .grid-row { display: flex !important; align-items: center; justify-content: center; }
        .grid-row-section .grid-row:has(.flexslider-box) { border: 1px solid var(--line); }
        .grid-row-section .grid-row:nth-child(odd) { direction: ltr !important; }
        .grid-row-section .grid-row:nth-child(even) { direction: rtl !important; }
.grid-rows .grid-row-cell { padding: 20px; }
    .grid-rows .grid-row-cell.flexslider-box:not(:has(img)) { display: none !important; }
.grid-row:nth-child(odd) .flexslider-box { border-inline-end: 1px solid var(--line); }
.grid-row:nth-child(even) .flexslider-box { border-inline-end: 1px solid var(--line); margin-inline-start: 1px; }
.grid-rows .grid-row-text { text-align: center; max-width: 620px; width: 100%; }
    .grid-rows .grid-row-text > h2:first-of-type { color: var(--white); font-family: 'FbElectronConHeb-Black'; font-size: 11.2rem; line-height: 80%; margin-bottom: 26px; }
        .grid-rows .grid-row-text > h2:first-of-type + h3 { color: var(--orangeDark); text-align: center; font-size: 2.4rem; line-height: 110%; margin-bottom: 26px; font-family: "Heebo", sans-serif; font-weight: 900; font-style: normal; }
    .grid-rows .grid-row-text p { font-family: "Heebo", sans-serif; font-weight: 500; font-style: normal; }

.grid-gallery-section .section-title h2 { color: var(--white); font-family: 'FbElectronConHeb-Black'; font-size: 11.2rem; line-height: 80%; margin-bottom: 140px !important; }
.gallery-cubes { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 1px; }
    .gallery-cubes > div { width: calc(20% - 1px); pointer-events: none; }
/*.grid-image-section, .image-section-data { height: 100vh; }*/
.image-section-data img { /*min-height: 140%; width: auto;*/ margin: 0 !important; }

.GridBottomGallery { padding: 0; }
.bottomGalleryTitle { margin: 0 0 96px; }
    .bottomGalleryTitle h2 { color: var(--white, #FFF); font-family: 'FbElectronConHeb-Black'; text-align: center; font-size: clamp(4.5rem,2.917vw,100rem); letter-spacing: 0.56px; }

.panel-group { margin: 0; }
    .panel-group .panel { background-color: transparent; border-radius: 0; border: 0; border-bottom: 1px solid var(--line, #565656); margin: 0 !important; padding: 24px 0; }
        .panel-group .panel > div:is(.faq-headline,.faq-body) { background-color: transparent; padding: 0; color: var(--white, #FFF); text-align: start; }
.faq-body > div { max-width: 100%; padding: 24px 0; color: var(--80, rgba(255, 255, 255, 0.80)); text-align: start; }
.panel-group .panel .faq-headline { font-family: Heebo; font-size: clamp(1.8rem, 1.25vw, 100rem); font-style: normal; font-weight: 900; line-height: 110%; }
.faq-headline .button-open { left: 0; }
.button-open.fa-angle-down:before { content: ''; display: block; width: 14px; height: auto; aspect-ratio: 1; background-image: url(https://media.getmood.io/warehouse/dynamic/607940.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.button-open.fa-angle-up:before { content: ''; display: block; width: 14px; height: auto; aspect-ratio: 1; background-image: url(https://media.getmood.io/warehouse/dynamic/607939.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }

.form-container-wide #DynamicFormObject, #DynamicFormObject { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; color: inherit; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { }
        .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
fieldset { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 26px; }
.contact-page fieldset { justify-content: center; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; border-bottom: 1px solid var(--white, #FFF); }
.normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus, .normal-form input::placeholder, .normal-form textarea::placeholder, .normal-form select::placeholder { color: inherit; padding-bottom: 12px; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper { }
.must:before { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: max-content; }

@media(max-width:1024px) {
    #home-gallery { }
    .hero-content { width: 305px; gap: 46px; }
    #home-gallery .gallery-logo { width: 100%; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { width: 130px; height: 40px; font-size: 1.6rem; line-height: 1.4; letter-spacing: 0.32px; padding: 0 10px; }

    .grid-row-section { margin-bottom: 0; }
        .grid-row-section .grid-row { flex-direction: column-reverse; }
            .grid-row-section .grid-row:has(.flexslider-box) { border: 0; }
    .grid-rows .grid-row-cell { padding: 8px; }
    .grid-row:nth-child(odd) .flexslider-box, .grid-row:nth-child(even) .flexslider-box { border: 0; border-block: 1px solid var(--line, #565656); }
    .grid-rows .grid-row-cell:not(.flexslider-box) { padding: 80px 24px; }
    .grid-rows .grid-row-text { padding: 0; margin: 0; max-width: 100%; width: 100%; }
        .grid-rows .grid-row-text > h2:first-of-type { font-size: 6rem; margin-bottom: 24px; }
            .grid-rows .grid-row-text > h2:first-of-type + h3 { font-size: 1.8rem; margin-bottom: 24px; }


    /*    .image-section-data img { min-height: 0; width: 100%; }
    .grid-image-section, .image-section-data { height: auto; }*/

    .grid-gallery-section { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; margin-bottom: 80px; }
        .grid-gallery-section .section-title h2 { margin-block: 80px !important; font-size: 6rem; }
    .gallery-container { overflow: auto; }
    .gallery-cubes { flex-wrap: nowrap; width: max-content; gap: 8px; padding-inline: 8px; }
        .gallery-cubes > div { width: 60vw; }

    .GridBottomGallery { margin-bottom: 80px; }
    .bottomGalleryTitle { margin-bottom: 80px; }
        .bottomGalleryTitle h2 { font-size: 6rem; line-height: 0.8; letter-spacing: normal; }

    .panel-group .panel { padding-block: 14px; }
        .panel-group .panel > div:is(.faq-headline,.faq-body) { font-size: 1.6rem; }
    .button-open.fa-angle-up:before, .button-open.fa-angle-down:before { width: 11px; }
    .faq-body > div { padding-block: 14px 8px; }

    .contact-page fieldset { justify-content: flex-start; }
    .normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus, .normal-form input::placeholder,
    .normal-form textarea::placeholder, .normal-form select::placeholder { font-size: 1.6rem !important; }
}

/*PAGES*/
.content-sticky-wrapper { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; }
    .content-sticky-wrapper:has(+ *) { margin-bottom: 96px; border-bottom: 1px solid var(--line, #565656); }
    .content-sticky-wrapper #GridTop, .content-sticky-wrapper #GridPage { width: 50%; }
    .content-sticky-wrapper #GridTop { height: calc(100vh - var(--headerHeight)); position: sticky; top: calc(var(--headerHeight) + 20px); left: 0; background-position: center; margin: 20px; display: flex; }
        .content-sticky-wrapper #GridTop::before { content: ''; position: absolute; right: -20px; top: -20px; height: calc(100% + 40px); width: 1px; background: #565656; }
    .content-sticky-wrapper #GridPage { padding: 160px 160px 140px; }

.sticky-page #GridWrapInner { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 96px; }
    .sticky-page #GridWrapInner > div:not(:has(*)) { display: none; }
    .sticky-page #GridWrapInner #text1 p:last-child { margin: 0; }
    .sticky-page #GridWrapInner #GridPromo { }

#MenuModule .menuModuleNav { padding: 0; margin-bottom: 96px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 12px; }
    #MenuModule .menuModuleNav a { display: flex; padding: 3px 12px 0; justify-content: center; align-items: center; gap: 12px; border: 1px solid var(--line, #565656); border-radius: 0; margin: 0; color: var(--text-disable, #A39A8C); text-align: center; font-size: clamp(1.8rem,1.25vw,100rem); font-weight: 900; line-height: 110%; height: 38px; transition: all 0.35s ease; }
        #MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover { color: var(--white, #FFF); border: 1px solid var(--orange, #F28119); }

.menuModuleContentPart { padding: 0; margin: 0; border: 0; }
    .menuModuleContentPart::after { content: none; }
.menuModuleContentPart { }
.menuModuleTextItem1, .menuModuleTextItem0 { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0; }
#MenuModule .menuModuleTextItem1 .menuModuleTextItemPart,
#MenuModule .menuModuleTextItem0 .menuModuleTextItemPart { width: 100%; padding: 24px 0; border-top: 1px solid var(--line, #565656); color: var(--80, rgba(255, 255, 255, 0.80)); text-align: start; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; }
.menuModuleTextItemPart:after { content: none; }
.menuModuleTextItemTitle { color: var(--white, #FFF); text-align: right; font-size: clamp(1.8rem,1.25vw,100rem); font-style: normal; font-weight: 900; line-height: 110%; margin: 0; }
.menuModuleTextItemPrice { position: absolute; left: 0; top: 24px; color: var(--white, #FFF); text-align: start; }
.menuModuleTextItemDescription { color: inherit; margin: 0; }

#GridTop.noTopImage, .GridTop.noTopImage { display: none; }
body:not(.sticky-page) #GridPage { padding-block: 160px 140px; max-width: 760px; margin-inline: auto; display: flex; }
    body:not(.sticky-page) #GridPage div:is(#text1,#text2) :is(h2,h3,h4,h5,h6) { color: var(--orangeDark, #F28119); text-align: start; font-size: clamp(1.8rem,1.25vw,100rem); font-weight: 900; line-height: 110%; margin-block: 32px 8px; }
        body:not(.sticky-page) #GridPage div:is(#text1,#text2) :is(h2,h3,h4,h5,h6):first-child { margin-block: 0 24px; }


@media(max-width:1024px) {
    #GridTop, .GridTop { width: 100%; height: auto; aspect-ratio: 1.07; margin-top: 45px; }
    #GridPage { padding: 80px 24px; }
    #LobbyModule { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 80px; }
    #allSectionsWrapper { width: 100%; }
    #SiteGrid { height: 100%; }

    .sticky-page #GridWrapInner:has(#GridContent + .form-container-wide) { gap: 24px; }

    #MenuModule .menuModuleNav { flex-wrap: nowrap; width: 100vw; overflow: auto; margin: 0 -25px 80px; padding-inline: 25px; gap: 8px; }
        #MenuModule .menuModuleNav a { min-width: max-content; height: 30px; font-size: 1.6rem; }
    #MenuModule .menuModuleTextItem1 .menuModuleTextItemPart, #MenuModule .menuModuleTextItem0 .menuModuleTextItemPart { margin: 0; padding-block: 20px; gap: 4px; }
    .menuModuleTextItemTitle { font-size: 1.6rem; }
    .menuModuleTextItemPrice { top: 20px; }

    .container-fluid { padding: 0; }
    body:not(.sticky-page) #GridPage { padding: 48px 24px 100px; }
        body:not(.sticky-page) #GridPage div:is(#text1,#text2) :is(h2,h3,h4,h5,h6) { margin-block: 32px; font-size: 1.6rem; }
            body:not(.sticky-page) #GridPage div:is(#text1,#text2) :is(h2,h3,h4,h5,h6):first-child { margin-block: 0 32px; }

    body:not(.sticky-page):is(.page-404,.FormResultPage) #GridPage { min-height: 80vh; padding-block: 0; }
}
