/*DR. BAGEL*/


/*-------------------------------------------------------------------/*
 GOING TO NEW-PRO.CSS
*--------------------------------------------------------------------*/

:root { --black: #030303; --dgray: #606060; --gray: #A2A2A2; --yellow: #eeff02; --pink: #fe1765; --green: #00ff3c; --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-51: 2.656vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-225: 11.719vw; --gap-240: 12.5vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-300: 15.625vw; --fs-12: 0.625vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-35: 1.823vw; --fs-45: 2.344vw; --fs-48: 2.5vw; --fs-50: 2.604vw; --fs-64: 3.333vw; --fs-38: 1.979vw; fs-55: 2.865vw; --fs-72: 3.75vw; -; CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; -fs-80: 4.167vw; --fs; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-200: 10.417vw; --firstFont: 'Assistant-Regular-2023'; --secondFont: 'Assistant-SemiBold-2023'; --thirdFont: 'Assistant-Bold'; }

@media(max-width: 1025px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; }
}

/*-------------------------/*
 GENERAL
/*-------------------------*/
body { zoom: 1 !important; }
#GridPromo.empty { display: none; }
/*-------------------------/*
 TEXT
/*-------------------------*/
/*titles*/
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #headline h1, .blog.contentInnerPage #BlogView .blog-related-posts h2 { font-family: var(--thirdFont); }

@media(max-width: 1025px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #headline h1, .blog.contentInnerPage #BlogView .blog-related-posts h2 { }
}

/*sub-title*/
body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text1 h3, body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text2 h3, #text1 h3, #text2 h3 { font-size: clamp(24px,var(--fs-24),300px); margin-block: var(--gap-32); }

@media(max-width: 1025px) {
    body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text1 h3, body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text2 h3, #text1 h3, #text2 h3 { font-size: 22px; line-height: 1.2; }
}

/*bold-text*/
h3.menuModuleTextItemTitle, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong, span.faq-headline-title { font-size: clamp(16px,var(--fs-18),300px) !important; font-family: var(--thirdFont) }

@media(max-width: 1025px) {
    h3.menuModuleTextItemTitle, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong, span.faq-headline-title { font-size: 16px !important; }
}

/*running text*/
#text1 p, #text2 p, #text1 li, #text2 li, #text1 span, p, .grid-rows .grid-row-text p, .press #pageview h2, .press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle, .grid-box .grid-box-text .grid-box-subtitle, #SiteFooter .footer-text-divided > div ul li, .menuModuleTextItemDescription, .menuModuleTextItemPrice, #menuModuleNav a, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 li:not(:has(strong)), #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form, body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview h2 { font-size: clamp(14px,var(--fs-16),300px) !important; font-family: var(--firstFont); }

@media(max-width: 1025px) {
    #text1 p, #text2 p, #text1 li, #text2 li, #text1 span, p, .grid-rows .grid-row-text p, .press #pageview h2, .press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle, .grid-box .grid-box-text .grid-box-subtitle, #SiteFooter .footer-text-divided > div ul li, .menuModuleTextItemDescription, .menuModuleTextItemPrice, #menuModuleNav a, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 li:not(:has(strong)), #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form, body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview h2, body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav a { }
}

/*buttons*/
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input, #home-gallery .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink, body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { }

@media(max-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input, #home-gallery .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink, body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { }
}

/*-------------------------/*
 HEADER
/*-------------------------*/
#SiteContainer header #header #header-center-kdm { gap: var(--gap-30); }
#SiteContainer header #header #header-center-kdm a { margin: 0; font-size: clamp(16px,var(--fs-18),300px); color: var(--black); }
#SiteContainer header #header-top-strip { height: var(--gap-40); font-size: clamp(14px,var(--fs-14),300px); }

@media(max-width: 1025px) {
    #header, body[data-module="1"] #header:not(.bg), #header.bg { height: unset; padding: 17px 24px; }
    #SiteContainer header #header #header-center-kdm { margin-inline-start: 13px; }
    #SiteContainer header #header-top-strip .topStripContainer { }
    #SiteContainer header #header-top-strip .topStripContainer .topStripText { }
    #SiteContainer header #header-top-strip .topStripContainer .topStripText p { font-size: 14px !important; letter-spacing: normal; }
}

/*-------------------------/*
 SUB MENU
/*-------------------------*/
#nav-toggle.active span:before, #nav-toggle.active span:after { background-color: var(--black); }
.submenu > li.social-mobile { display: flex; flex-direction: column; align-items: flex-start; padding-block: 40px 0; border: none; margin-top: 0 !important; }
.submenu > li.social-mobile a.phone-in-menu { display: block; margin-bottom: 24px; }
.submenu > li.social-mobile .social-links svg { height: 18px; /* fill: var(--brown); */ }
.submenu > li:nth-child(2), .submenu > li { margin: 0 !important; line-height: 1; }
.submenu > li:not(:nth-child(2), :last-child) { margin-top: var(--gap-20) !important; }
.submenu > li.social-mobile:before { content: ""; width: 100%; height: 1px; display: block; background: #d4d4d4; margin-bottom: 40px; }
.submenu > li a { font-size: clamp(18px,var(--fs-20),300px) !important; }

@media(min-width: 1025px) {
    .submenu > li.social-mobile:hover a.phone-in-menu { font-family: var(--font-1); }
    .submenu > li.social-mobile a.phone-in-menu:hover { text-decoration: underline; }
}

/*-------------------------/*
 FORM
/*-------------------------*/
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: center; }
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: start; }
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: start; }
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField { }
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField :is(input, textarea) { font-size: clamp(18px,var(--fs-20),300px); }
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField :is(input, textarea)::placeholder { font-size: clamp(18px,var(--fs-20),300px); }
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField label { font-size: clamp(12px,var(--fs-16),300px); letter-spacing: 1.2px; }
.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectSubmit { float: none; margin-inline: auto; }

@media(min-width: 1025px) {
    .layout-half #SiteGrid.layout-bottom #GridPromo { max-width: 36.458vw; }
    .layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { max-width: 25vw; align-items: center; margin: 0; margin-inline: auto; }
}

/*-------------------------/*
 OUR-STORY-FORM
/*-------------------------*/
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) { padding: var(--gap-32) var(--gap-48); width: 55%; }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectTitleAndText { margin: 0; }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectTitleAndText::after { display: none; }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields { }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields .top-form { margin-top: var(--gap-24); margin-bottom: var(--gap-56); }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form { }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset { }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { margin: 0; font-size: clamp(16px,var(--fs-16),300px); }
:is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 0%; top: 10%; }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: var(--gap-56); }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField { margin-bottom: var(--gap-16); }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper { }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper textarea { height: var(--gap-70); padding: 0; padding-inline: var(--gap-8); margin: 0; }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { gap: var(--gap-8); }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .wrapped-fields-container { width: 100%; display: flex; gap: var(--gap-10); margin-bottom: var(--gap-24); }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { margin: 0; font-size: clamp(12px,var(--fs-12),300px); }

@media(max-width: 1025px) {
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) { width: 100%; margin: 0; padding: 32px 20px !important; max-width: 100% !important; background: #eee; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectTitleAndText { font-size: unset; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields .top-form { margin-bottom: 40px; margin-top: 24px; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .wrapped-fields-container { display: flex; flex-direction: column; gap: 24px; width: 100%; margin-bottom: 24px; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { position: relative; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 0; top: 10%; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { padding-bottom: 10px; padding-top: 0px; margin: 0; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper textarea { height: 70px; padding-block: 0; margin: 0; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper { margin: 0; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField { margin: 0; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: 40px; }
}

/*-------------------------/*
 LAYOUT-BOTTOM PAGE
/*-------------------------*/
#SiteGrid.layout-bottom #GridContent #pageview { padding: var(--gap-56); padding-bottom: var(--gap-160); max-width: 36.458vw; }
#SiteGrid.layout-bottom #GridBottom { }
#SiteGrid.layout-bottom #GridBottom .GridBottomGallery { padding-top: 0; }
#SiteGrid.layout-bottom #GridBottom .GridBottomGallery .bottomGalleryTitle { margin-bottom: var(--gap-40); line-height: 60px; }

@media(max-width: 1025px) {
    #SiteGrid.layout-bottom #GridContent #pageview { max-width: unset; padding: 56px 20px 100px; margin: 0; width: 100%; }
    #SiteGrid.layout-bottom #GridContent #pageview .MainContent { }
    #SiteGrid.layout-bottom #GridContent #pageview .MainContent #headline { margin-bottom: 40px; }
    #SiteGrid.layout-bottom #GridBottom { width: 100%; margin: 0; }
    #SiteGrid.layout-bottom #GridBottom .GridBottomGallery { padding-block: 50px; width: 100%; margin: 0 !important; }
    #SiteGrid.layout-bottom #GridBottom .GridBottomGallery .bottomGalleryTitle { line-height: 1.1; margin-bottom: 32px; /* text-align: center; */ }
    #SiteGrid.layout-bottom #GridBottom .GridBottomGallery .bottomGalleryTitle h2 { text-align: center; }
    #SiteGrid.layout-bottom #GridBottom .GridBottomGallery .gallery-cubes { margin-inline-start: 35px; padding-inline-start: 0; padding-bottom: 50px; }

    body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo { width: calc(100% - 30px); padding-inline: 20px; background: white; }
}

/*-------------------------/*
 EVENTS FIXED FORM
/*-------------------------*/
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { padding-inline: var(--gap-200); padding-block: var(--gap-32); gap: var(--gap-40); align-items: center; }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0; display: inline-flex; max-width: 23.594vw; }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(26px,var(--fs-35),300px); }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText .top-form { font-size: clamp(16px,var(--fs-16),300px); line-height: 1.4; color: var(--black); }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields { height: 100%; }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { width: 25%; }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: fit-content; margin: 0; }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper textarea { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .wrapped-fields-container { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input { height: var(--gap-50); width: var(--gap-200); }
:is(body.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email { padding: 0; margin-inline-end: var(--gap-40); }

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

/*-------------------------/*
 BLOG LOBBY PAGE
/*-------------------------*/
#SiteGrid.blogArticles { }
#SiteGrid.blogArticles #GridPage { }
#SiteGrid.blogArticles #GridPage .blogmain-header { padding-block: var(--gap-90) var(--gap-48); }
#SiteGrid.blogArticles #GridPage .blogmain-header #headline { font-size: unset; margin-bottom: var(--gap-26); }
#SiteGrid.blogArticles #GridPage .blogmain-header #subheadline { font-size: unset; display: flex; }
#SiteGrid.blogArticles #GridPage .blogmain-header #subheadline h2 { font-size: clamp(16px,var(--fs-16),300px); }
#SiteGrid.blogArticles #GridPage #GridContent { }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule { }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain { }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts { max-width: 57.292vw; }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post:not(:first-child) { margin-top: var(--gap-40); }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle { align-items: stretch; }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleImg { padding: 0; }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleContent { }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper { }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleTitle { margin-bottom: var(--gap-20); }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleDetails { font-size: clamp(14px,var(--fs-14),300px); }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleDetails .BlogDetails-Wrapper { }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleDetails .BlogDetails-Wrapper > * { font-size: clamp(14px,var(--fs-14),300px); }
#SiteGrid.blogArticles #GridPage #GridContent #BlogModule #BlogMain .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleSummary { font-size: clamp(16px,var(--fs-16),300px); }

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

/*-------------------------/*
 MEDIA PAGE (.PRESS)
/*-------------------------*/
body.press { }
body.press #SiteGrid { }
body.press #GridContent { float: none; }
body.press #GridContent #ContentGridReadMoreModule { }
body.press #ContentGridReadMoreModule #gridshort-view-media { max-width: 83.125vw; gap: var(--gap-24); display: grid; grid-template-columns: repeat(4,1fr); }
body.press #ContentGridReadMoreModule #gridshort-view-media > * { padding: 0; width: 100%; }
body.press #ContentGridReadMoreModule #gridshort-view-media > * .grid-short-box { margin: 0; }
body.press #ContentGridReadMoreModule #gridshort-view-media > * .grid-short-box a .text-caption { min-height: 20.313vw; }
body.press #ContentGridReadMoreModule #gridshort-view-media > * .grid-short-box a .text-caption .grid-short-box-label { font-size: clamp(20px,var(--fs-24),300px); }

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

/*-------------------------/*
 HOME-PAGE
/*-------------------------*/
#home-gallery { margin-top: var(--headerHeight); }
#home-gallery::after { display: none; }

#home-gallery .caption-wrapper { position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); z-index: 100; }
#home-gallery .caption-wrapper .gallery-caption { position: static; transform: unset; }
#home-gallery .caption-wrapper .gallery-caption .gallery-logo { margin-bottom: var(--gap-56); width: 100%; }

#home-gallery .gallery-caption.caption-text { }
#home-gallery .gallery-caption.caption-text .gallery-text { }
#home-gallery .gallery-caption.caption-text .gallery-text div { font-size: clamp(65px,var(--fs-80),300px); line-height: 1; letter-spacing: 1.6px; margin-bottom: var(--gap-56); }
#home-gallery .gallery-caption.caption-text .gallery-text span { font-size: clamp(20px,var(--fs-22),300px); line-height: 1; margin-bottom: var(--gap-56); }
#home-gallery .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink { height: var(--gap-50); font-size: clamp(18px,var(--fs-18),300px); padding-inline: var(--gap-51); }

#home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { min-height: calc(100vh - var(--headerHeight)) !important; margin-top: var(--gap-36); }

.KDMStrip { bottom: var(--gap-40); padding: var(--gap-10); align-items: stretch; }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem:first-child { padding-inline-start: 0; }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem.KDMStripNavItemPhone { padding-inline-end: 0; }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem:last-child { padding-inline-end: 0; }
.KDMStrip nav.KDMStripNav ul li.KDMStripNavItem a { font-size: clamp(18px,var(--fs-18),300px); }

#allSectionsWrapper .section.grid-content-section { background: white; /* margin: 0; */ /* padding-bottom: 10px; */ }
#allSectionsWrapper .section.grid-content-section .grid-boxes { }
#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box { width: 100%; }
#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text { padding: 0 var(--gap-24) var(--gap-24); }
#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title { }
#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: clamp(40px,var(--fs-50),300px); margin-bottom: var(--gap-20); }
#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-subtitle span { }

@media(max-width: 1025px) {

    #home-gallery .caption-wrapper { width: 100%; padding-inline: var(--gap-36); bottom: 40%; }
    #home-gallery .caption-wrapper .gallery-caption .gallery-logo { margin-bottom: 32px; }
    #home-gallery .caption-wrapper .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink { padding-inline: 51px; }

    #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 28px; margin-block: 0 var(--gap-20); }

    .KDMStrip nav.KDMStripNav ul:not(:has(:nth-child(2))) { margin: 0; }
}

@media(min-width: 1026px) {
    .KDMStrip button.KDMStripBtn { display: none; }
    .KDMStrip button.KDMStripBtn { height: unset; }
    .KDMStrip nav.KDMStripNav { height: fit-content; }
    .KDMStrip nav.KDMStripNav ul { height: unset; padding: 0; padding-block: var(--gap-14); padding-inline: var(--gap-24); }
}

/*-------------------------/*
 MENU PAGE (LAY-OUT-HALF)
/*-------------------------*/
body[data-module="4"].layout-half #GridContent #MenuModule { max-width: 39.844vw; }
#SiteGrid .layout-half-wrapper #MenuModule #headline { margin-bottom: var(--gap-48) !important; font-size: unset; }
#SiteGrid .layout-half-wrapper #MenuModule #headline h1 { line-height: 1; }

#SiteGrid .layout-half-wrapper #MenuModule .categories-strip { margin-bottom:45px; }
#SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list { }
#SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list ul { gap: var(--gap-10); }
#SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list ul li { }
#SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list ul li a, body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item a { height: var(--gap-45); width: var(--gap-145); }
body[data-module="4"].layout-half #GridContent #MenuModule div#menuModuleNav { display: none; }
#SiteGrid .layout-half-wrapper #MenuModule #menuModuleNav { margin-block: var(--gap-48) !important; gap: var(--gap-32) !important; }

#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent { }
#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul { }
#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li { width: 100%; }
#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li .menuModuleTextItemPart { margin-bottom: var(--gap-40) !important; }
#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li .menuModuleTextItemPart h3.menuModuleTextItemTitle { background: var(--bg); margin-bottom: var(--gap-24) !important; padding-inline-end: var(--gap-16); font-family: var(--secondFont); color: var(--black); }
#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemDescription { }
#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemPrice { background: var(--bg); }
#SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemPrice::before { margin: 0; }

@media(max-width: 1025px) {
    #SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list .mobile-strip { width: 100%; }

    body[data-module="4"].layout-half #GridContent #MenuModule { padding-bottom: 100px; max-width: unset; }
    body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav { /* width: 100%; */ margin: 0 !important; padding-block: 48px 24px; margin-inline-start: 35px !important; gap: 20px !important; }
    body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav a { }
    body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav a::after { position: static; display: inline-block; margin-inline-start: 20px; height: 12px; vertical-align: middle; }
    body[data-module="4"].layout-half #GridContent #MenuModule .menuModuleContent { width: 100%; padding-inline: 35px; padding-top: 24px; }
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip { padding: 35px; }

    #SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li { gap: 32px; margin-bottom: 32px !important; }
    #SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li .menuModuleTextItemPart { margin-bottom: 0 !important; }
    #SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li .menuModuleTextItemPart .menuModuleTextItemDescription { font-size: 14px !important; }
    #SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li:last-child .menuModuleTextItemPart { margin: 0 !important; }
    #SiteGrid .layout-half-wrapper #MenuModule .menuModuleContent ul li:last-child .menuModuleTextItemPart h3.menuModuleTextItemTitle { margin: 0; }
}

/*---------------------------/*
 BRANCHES-PAGE
/*---------------------------*/
body.branches #SiteGrid.lobby-grid { margin-top: var(--headerHeight); }
body.branches #SiteGrid.lobby-grid #GridContent { float: none; display: flex; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule { width: 100%; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview { display: block; margin-block: calc(var(--gap-225) - var(--headerHeight)) var(--gap-8); }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview #headline { font-size: unset; margin-bottom: var(--gap-26); }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview h2 { margin: 0; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper { margin: 0; padding-bottom: var(--gap-100); }

body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section { }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq { max-width: 65.365vw; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner { }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group { margin: 0; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { border-radius: 0; margin: 0 !important; padding-block: var(--gap-40); background: none; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item:last-child { box-shadow: none; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item:not(:last-child) { border-bottom: 1px solid; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { background: none; padding: 0; font-size: unset; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body { background: none; }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { padding-inline: 0; padding-bottom: 0; padding-top: var(--gap-32); }
body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text { display: flex; flex-direction: column; gap: var(--gap-20); }

@media(max-width: 1025px) {
    body.branches #SiteGridContainer { min-height: unset; }
    body.branches #SiteGrid.lobby-grid { display: flex; }
    body.branches #SiteGrid.lobby-grid section#GridTop { display: none; }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule { width: 100%; padding-bottom: var(--gap-100); }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview { margin-block: calc(145px - var(--headerHeight)) calc(56px - 24px); }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview #headline { margin-bottom: 24px; }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq { max-width: 100%; padding-inline: var(--gap-36); }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { padding-block: 24px; }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i.button-open { left: 0; }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { padding-top: 24px; }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text { gap: 18px; }
    body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #allSectionsWrapper { padding-bottom: 0; background: none; }
    body.branches #SiteGrid.lobby-grid section#GridPage { width: 100%; }
    body.branches #SiteGrid.lobby-grid section#GridBottom { display: none; }
}

/*---------------------------/*
 CONTACT PAGE
/*---------------------------*/

@media(max-width: 1025px) {
    #ContactModule #contactview { }
    #ContactModule #contactview #headline { margin-bottom: 48px; }
    #ContactModule #contactview #contactDetails { font-size: unset; }
    #ContactModule #contactview #contactDetails .contactDetailsText1 { margin: 0; gap: 32px; }
    #ContactModule #contactview #contactDetails .contactDetailsText1 ul { margin: 0; }
    #ContactModule #contactview #contactDetails .contactDetailsText1 ul li:first-child { margin-bottom: 18px; }
    #GridPage.contact #GridPromo { padding-block: 48px 100px !important; }
}

/*---------------------------/*
 FOOTER
/*---------------------------*/
#SiteFooter .footer-text-divided { padding: var(--gap-70) var(--gap-170); justify-content: space-between; }
#SiteFooter .footer-text-divided ul { }
#SiteFooter .footer-text-divided .footer-text-right { }
#SiteFooter .footer-text-divided .footer-text-right ul { margin-inline-end: var(--gap-56); }
#SiteFooter .footer-text-divided .footer-text-right ul li { /* font-size: clamp(16px,var(--fs-16),300px); */ margin-bottom: var( --gap-20); line-height: 1.4; }
#SiteFooter .footer-text-divided .footer-text-left { display: flex; flex-direction: column; }
#SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { margin-top: var(--gap-50); display: flex; flex-direction: row; gap: var(--gap-12); justify-content: flex-end; }
#SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons a { width: fit-content; display: inline-block; height: fit-content; display: inline-flex; }

@media(max-width: 1025px) {
    #SiteFooter .footer-text-divided { padding-block: 70px; padding-inline: 90px; }
    #SiteFooter .footer-text-divided .footer-text-left { margin-bottom: var(--gap-50); }
    #SiteFooter .footer-text-divided .footer-text-left .footerSocialIcons { margin-top: 30px; }
    #SiteFooter .footer-text-divided .footer-text-right { gap: var(--gap-40); }
    #SiteFooter .footer-text-divided .footer-text-right ul { margin: 0 !important; }
    #SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { margin-bottom: 20px !important; }
    #SiteFooter .footer-text-divided .footer-text-right ul li:last-child { margin-bottom: 0; }
}

/*------------------------------------------/*
 DR. BAGEL
/*------------------------------------------*/

/*--------------------------------/*
 GENERAL
/*--------------------------------*/
:root { --bg: #ede7df; --running: #000; --brown: #aa8772; --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-45: 2.344vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-51: 2.656vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-145: 7.552vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-225: 11.719vw; --gap-240: 12.5vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-300: 15.625vw; --fs-12: 0.625vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-35: 1.823vw; --fs-45: 2.344vw; --fs-48: 2.5vw; --fs-50: 2.604vw; --fs-64: 3.333vw; --fs-38: 1.979vw; --fs-55: 2.865vw; --fs-72: 3.75vw; -; --fs-80: 4.167vw; --fs; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-200: 10.417vw; --firstFont: 'bamberger-grunge-regular-fm'; --secondFont: 'bamberger-grunge-bold-fm'; --thirdFont: 'bamberger-grunge-bold-fm'; }

body, #GridContent { background: var(--bg) !important; color: var(--running); }
.cookies-disclaimer p, .cookies-disclaimer a { color: white; }

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

@media(max-width: 1025px) {
    :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; }
}

/*-------------------------/*
 TEXT
/*-------------------------*/
/*titles*/
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #headline h1, .blog.contentInnerPage #BlogView .blog-related-posts h2, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-family: var(--thirdFont); font-size: clamp(40px,var(--fs-50),300px); }

@media(max-width: 1025px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #headline h1, .blog.contentInnerPage #BlogView .blog-related-posts h2 { }
}

/*sub-title*/
body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text1 h3, body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text2 h3, #text1 h3, #text2 h3 { font-size: clamp(24px,var(--fs-24),300px); margin-block: var(--gap-32); }

@media(max-width: 1025px) {
    body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text1 h3, body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text2 h3, #text1 h3, #text2 h3 { font-size: 22px; line-height: 1.2; }
}

/*bold-text*/
h3.menuModuleTextItemTitle, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong, span.faq-headline-title { font-family: var(--secondFont); font-size: clamp(16px,var(--fs-20),300px); letter-spacing: 0.7px; }

@media(max-width: 1025px) {
    h3.menuModuleTextItemTitle, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong, span.faq-headline-title { font-size: 16px !important; }
}

/*running text*/
#text1 p, #text2 p, #text1 li, #text2 li, #text1 span, p, .grid-rows .grid-row-text p, .press #pageview h2, .press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle, .grid-box .grid-box-text .grid-box-subtitle, #SiteFooter .footer-text-divided > div ul li, .menuModuleTextItemDescription, .menuModuleTextItemPrice, #menuModuleNav a, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 li:not(:has(strong)), #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form, body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview h2 { font-size: clamp(16px,var(--fs-22),300px) !important; font-family: var(--firstFont); letter-spacing: 1.2px; }

@media(max-width: 1025px) {
    #text1 p, #text2 p, #text1 li, #text2 li, #text1 span, p, .grid-rows .grid-row-text p, .press #pageview h2, .press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle, .grid-box .grid-box-text .grid-box-subtitle, #SiteFooter .footer-text-divided > div ul li, .menuModuleTextItemDescription, .menuModuleTextItemPrice, #menuModuleNav a, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 li:not(:has(strong)), #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form, body.branches #SiteGrid.lobby-grid #GridContent #LobbyModule #lobbyview h2, body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav a { }
}

/*buttons*/
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input, #home-gallery .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink, body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active a, body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item a, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input, .FormResultPage #GridContent #pageview #text1 a.FormResultPageButton { background: var(--brown); border: none; font-family: var(--secondFont); font-size: clamp(16px,var(--fs-18),300px); border-radius: 10px; /* border: 1px solid var(--brown); */ transition: 0.3s ease all; letter-spacing: 0.7px; }

@media(max-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input, #home-gallery .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink, body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { }
}

@media(min-width: 1026px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input:hover,
    #home-gallery .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink:hover,
    body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active:hover,
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover { background: var(--bg); color: var(--black); }
}


/*--------------------------------/*
 HEADER
/*--------------------------------*/
#header, body[data-module="1"] #header:not(.bg), #header.bg { background: var(--bg); }
#SiteContainer header #header-top-strip { background: var(--brown); color: var(--bg); }
#SiteContainer header #header #header-center-kdm a { font-size: clamp(20px,var(--fs-22),300px); font-family: var(--first-font); /* color: #AA8772; */ }

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

@media(max-width: 1025px) {
    #SiteContainer header #header #header-center-kdm a { background: var(--brown); color: white; border-radius: 5px; }
    #header #header-center-kdm a:nth-child(4) { font-size: 1.5rem !important; margin: 0 13px 0 0; background: #b5b5b5; height: 31px; display: inline-flex !important; justify-content: center; align-items: center; padding: 0 31px; border-radius: 0; visibility: visible !important; }
    #header #header-center-kdm a:not(:nth-child(4)) { display: none !important; }

    #nav-toggle-mobile.active span { background: var(--brown); }
    #nav-toggle.active span:before, #nav-toggle.active span:after { /* background: var(--brown); */ }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: var(--brown); }
}

/*--------------------------------/*
 SUB MENU
/*--------------------------------*/
.submenu { background: var(--bg); }
.submenu > li a { /* color: #AA8772; */ letter-spacing: 0.7px; }
.submenu li:hover > a { font-family: var(--secondFont); }
.submenu > li.active > a, .submenu > li:focus > a, .submenu > li:hover > a { font-family: var(--secondFont); }

@media(max-width: 1025px) {
    .submenu li.has-sub i.opensub { color: var(--brown); }
}


/*--------------------------------/*
 FOOTER
/*--------------------------------*/
#SiteFooter .footer-text-divided { background: var(--brown); color: var(--bg); }
#SiteFooter .footer-text-divided .footer-text-right ul li { font-size: clamp(20px,var(--fs-22),300px) !important; }

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

@media(max-width: 1025px) {
    #SiteFooter .footer-text-divided .footer-text-right ul li a { font-size: 16px; display: block; }
}

/*--------------------------------/*
 HOME-PAGE
/*--------------------------------*/
body.home-page { background: white !important; }

#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box { background: var(--bg); border-radius: 10px; overflow: hidden; }
#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { color: var(--bg); }
#allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-subtitle span { color: var(--bg); }
#home-gallery .gallery-caption.caption-text .gallery-text a.gallery-text-btn.photoCaptionLink { border-radius: 30px; }
.KDMStrip { background: rgba(170, 135, 114, 0.40); border-radius: 30px; }
.KDMStrip nav.KDMStripNav ul { background: var(--bg); color: var(--black); border-radius: 30px; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box:not(.no-text)::after { background-image: url("https://media.getmood.io/warehouse/dynamic/697556.svg"); filter: unset; bottom: 7%; display: none; }

@media(min-width: 1026px) {
    #home-gallery .opacity-layer { opacity: 0 !important; }

    #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-image::after { display: none; }
    #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { color: var(--brown); }
    #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-image a:hover img { transform: scale(1); -webkit-transform: scale(1); }
}

@media(max-width: 1025px) {
    #allSectionsWrapper { background: white; margin: 0; padding-top: 10px; }
    #allSectionsWrapper .section.grid-content-section { margin: 0; padding-bottom: 10px; }
    #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text { background: var(--brown); padding: 13px; }
    #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { margin-bottom: 0; text-align: center; }
    #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 a { font-size: 32px; }

    .KDMStrip { border-radius: 0; background: rgba(170, 135, 114, 0.80); }
    .KDMStrip .KDMStripBtn { background: var(--bg); color: var(--black); font-family: var(--secondFont); display: none; }
    .KDMStrip .KDMStripBtn::after { filter: unset; }
    .KDMStrip nav.KDMStripNav { height: 100%; }
    .KDMStrip nav.KDMStripNav ul { border-radius: 0; }
}

/*-------------------------------/*
 LAYOUT-BOTTOM PAGE
/*-------------------------------*/

#SiteGrid.layout-bottom #GridContent { background: var(--bg); }
#SiteGrid.layout-bottom #GridContent #ContentRegularModule { background: var(--bg); box-shadow: none; }

body[data-module="2"]:not(.press):not(.layout-half) #SiteGrid.layout-bottom #GridPromo { background: none; box-shadow: none; padding-top: 0; }
body[data-module="2"]:not(.press) #SiteGrid.layout-bottom #GridBottom .GridBottomGallery { background: none; box-shadow: none; }
body[data-module="2"]:not(.press) #SiteGrid.layout-bottom #GridBottom .GridBottomGallery .bottomGalleryTitle h2 { font-family: var(--secondFont); font-size: clamp(40px,var(--fs-50),300px); }

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

@media(max-width: 1025px) {
    body[data-module="2"]:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #text1 h3 { font-family: var(--secondFont); }
}

/*-------------------------------/*
 PRIVACY PAGE
/*-------------------------------*/
body.privacy #ContentRegularModule, body[data-module="2"]:not(.press):not(.layout-half):is(.privacy) #GridContent #ContentRegularModule { background: var(--bg); box-shadow: none; }

/*-------------------------------/*
 FORM 
/*-------------------------------*/
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) { background: white; }
:is(body:not(.layout-half, .events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectTitleAndText { font-size: unset; }

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

@media(max-width: 1025px) {
    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { background: white; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectTitleAndText { }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: center; }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields { }
    :is(body:not(.events) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject) .dynamicFormObjectFields .top-form { text-align: center; }
}

/*-------------------------------/*
 MENU PAGE
/*-------------------------------*/
body[data-module="4"].layout-half #GridContent #MenuModule { background: var(--bg); }
body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav a { font-size: 20px !important; }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a.selected, body[data-module="4"] #GridContent #MenuModule #menuModuleNav a:hover { font-family: var(--secondFont); }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item, body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:not(.active) a { background: white; border-radius: 0px; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:not(.active) a:hover { background: var(--brown); color: white; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active, body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:hover { background: none; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active a, body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:hover a { border-radius: 0; }

@media(max-width: 1025px) {
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip { background: var(--brown); color: white; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip::after { filter: invert(1); }
    body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item, body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:not(.active) a { background: none; border-radius: 0px; color: white; }
    #SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list .mobile-strip { border-bottom: 1px solid white; }
    #SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list .mobile-strip .top-mobile-strip { }
    #SiteGrid .layout-half-wrapper #MenuModule .categories-strip nav.menu-tags-list .mobile-strip .top-mobile-strip span { font-family: var(--secondFont); }
}

@media(min-width: 1026px) {
    body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:not(.active) a { background: white; }
}

/*------------------------------------------/*
 FORM THANK YOU PAGE
/*------------------------------------------*/
body.FormResultPage { background: white; }
.FormResultPage #SiteGrid { display: flex; flex-direction: column; justify-content: center; padding: 0; }
.FormResultPage #GridTop,
.FormResultPage #GridWrapInner #GridHeader { display: none; }
.FormResultPage #GridWrapInner { padding: 0; min-height: calc(var(--app-height) - var(--headerHeight)); display: grid; place-content: center; }
.FormResultPage #SiteGrid #PageBreadCrumps { position: absolute; }
.FormResultPage #pageview .container-fluid { width: 100%; }
.FormResultPage #pageview #headline { font-size: 100%; position: relative; margin: 0; }
.FormResultPage #pageview #headline h1 { font-size: clamp(2rem, var(--fs-80), 1000rem); margin: 0 0 var(--gap-24); }
.FormResultPage #pageview #text1 { display: grid; max-width: unset; justify-items: center; }
.FormResultPage #pageview #text1 p { font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0; letter-spacing: 0.18px; line-height: 1.5; font-family: var(--font-1); }
.FormResultPage #pageview #text1 a.FormResultPageButton { display: inline-flex !important; margin: var(--gap-24) auto 0 !important; background-color: var(--green); height: 2.8vw; min-width: var(--gap-180); border-radius: 7px; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); font-family: var(--font-2); align-items: center; justify-content: center; border: unset; color: var(--white); transition: 0.3s ease all; }
.FormResultPage #GridContent #pageview #text1 p { font-size: clamp(20px,var(--fs-24),300px) !important; }
.FormResultPage #GridContent #pageview #headline { margin-bottom: var(--gap-48); }
.FormResultPage #GridContent #pageview #headline h1 { line-height: 1; letter-spacing: -1.6px; margin: 0; }

@media(min-width: 1025px) {
    .FormResultPage #pageview #text1 a.FormResultPageButton:is(:hover, :focus) { background-color: var(--lgreen); }
}

@media(max-width: 1025px) {
    .FormResultPage #GridWrapInner { padding: 0 var(--gap-24); border: unset; margin: 0; }
    .FormResultPage #pageview #headline h1 { font-size: var(--fs-32); margin-bottom: var(--gap-16); }
    .FormResultPage #pageview #text1 p { font-size: var(--fs-16); }
    .FormResultPage #pageview #text1 a.FormResultPageButton { font-size: var(--fs-16); padding: var(--gap-16) var(--gap-24); height: auto; font-family: var(--font-1); }
    .FormResultPage #GridContent #pageview #text1 a.FormResultPageButton { margin-top: var(--gap-48) !important; }
}

/*------------------------------------------/*
 PAGE 404
/*------------------------------------------*/
body.page-404 { background: white; }
.page-404 #SiteGrid { display: flex; align-items: center; padding: 0; flex-direction: column; }
.page-404 #SiteGrid #GridTop,
.page-404 #SiteGrid #GridWrapInner #GridHeader { display: none; }
.page-404 #SiteGrid #GridPage { width: 100%; height: 100%; padding: 0; min-height: unset; }
.page-404 #SiteGrid #GridWrap { display: flex; flex-direction: column; max-width: unset; }
.page-404 #SiteGrid #GridWrapInner { padding: 0; /* min-height: calc(var(--app-height) - var(--headerHeight)); */ display: grid; place-content: center; }
.page-404 #SiteGrid #PageBreadCrumps { position: absolute; }
.page-404 #SiteGrid #GridPage .page-not-found { display: flex; flex-direction: column; position: relative; align-items: center; gap: var(--gap-48); padding-block: calc(325px - var(--headerHeight)) 200px; }
.page-404 #SiteGrid #GridPage .page-not-found #headline { margin: 0; }
.page-404 #SiteGrid #GridPage .page-not-found #headline h1 { font-size: clamp(2rem, var(--fs-80), 1000rem); margin: 0; }
.page-404 #SiteGrid #GridPage .page-not-found #text1 { max-width: unset; width: 100%; }
.page-404 #SiteGrid #GridPage .page-not-found #subheadline h2 { font-size: clamp(1.2rem, var(--fs-18), 1000rem); margin: 0; letter-spacing: 0.18px; line-height: 1.5; font-family: var(--secondFont); direction: rtl; display: block; }
.page-404 #SiteGrid #GridPage .page-not-found a { margin: 0; background-color: var(--brown); height: 2.8vw; min-width: var(--gap-200); border-radius: 10px; display: inline-flex; font-size: clamp(1.2rem, var(--fs-18), 1000rem); transition: 0.3s all ease; padding: 0 var(--gap-32); align-items: center; justify-content: center; border: unset; color: white; font-family: var(--secondFont); border: 1px solid var(--brown); }

@media(min-width: 1025px) {
    .page-404 #SiteGrid #GridPage .page-not-found #text1 a:is(:hover, :focus) { background-color: var(--bg); color: var(--black); }
}

@media(max-width: 1025px) {
    .page-404 #SiteGrid #GridWrapInner { padding: 0 var(--gap-24); border: unset; margin: 0; }
    .page-404 #SiteGrid #GridPage .page-not-found { padding-block: 100px; }
    .page-404 #SiteGrid #GridPage .page-not-found #headline h1 { font-size: var(--fs-40); margin-bottom: var(--gap-16); margin: 0; display: block; }
    .page-404 #SiteGrid #GridPage .page-not-found #subheadline h2 { font-size: var(--fs-16); }
    .page-404 #SiteGrid #GridPage .page-not-found #text1 a { font-size: var(--fs-16); padding: var(--gap-16) var(--gap-24); height: auto; }
    .page-404 #GridContent { margin: 0 !important; }
    .page-404 #SiteGridContainer { min-height: unset; margin-top: var(--headerHeight); }
}