/* SmashBurger */

:root { --black: #1e1d1c; --red: #e45e5d; --yellow: #f7a024; --CAKometo: 'CAKometo-Regular'; }

/* General */
body { line-height: 1; color: #000; font-size: 20px; background: #f4f2e6; }
#headline { font-size: 100%; }
h1, #headline h1, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: var(--CAKometo); font-size: 350%; position: relative; display: inline-block; max-width: 100%; }
h3, .grid-rows .grid-row-text h3 { font-size: 100%; position: relative; color: #000; }
.MainContent #headline { font-size: 100%; margin-bottom: 10px; padding-bottom: 10px; position: relative; }
p { font-size: 90%; /* color: #000; */ line-height: 1.47; }
#lobbyText h3 { }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'opensans-bold'; font-size: 250%; }
.site-credit.alternative.row { padding: 10px 0; }
#GridTop, #GridTop.blog { height: 510px; }
.grid-rows .grid-row { background: #f4f2e6; }
.grid-boxes .grid-box-image { padding-bottom: 0; }
.grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
.FormResultPage #pageview { padding: 20px 0 60px; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 70px auto 100px; max-width: 750px; width: 100%; }
.accessabilityMainPage #pageview .container-fluid { padding: 0; }
.accessabilityMainPage #pageview #headline { max-width: 90%; margin: auto; }
.accessabilityMainPage #pageview #headline h1 { font-size: 200%; font-family: 'opensans-bold'; }
.accessabilityMainPage #pageview h2 { font-size: 120%; }
.accessabilityMainPage #pageview #text1 { text-align: right; }
.accessabilityMainPage #pageview #text1 h4 { font-size: 2.2rem; }
.accessabilityMainPage #text1 ul, .accessabilityMainPage #text2 ul { padding-right: 20px; margin: 20px 0; list-style: none; }
.accessabilityMainPage #text1 ul li, .accessabilityMainPage #text2 ul li { font-size: 90%; position: relative; }
.accessabilityMainPage #text1 ul li::after, .accessabilityMainPage #text2 ul li::after { content: ''; position: absolute; right: -20px; top: 8px; background: #000; width: 6px; height: 6px; border-radius: 50%; pointer-events: none; }
.accessabilityMainPage .AccessabilityDateDetails { font-size: 90%; }
#FormResultPage #headline { margin-bottom: 10px; }
#FormResultPage #headline h1 { font-size: 200%; font-family: 'opensans-bold'; }
#GridPage .max-width { max-width: 100%; width: 100%; }

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

/* Header */
#header, .home-page #header:not(.bg), #header.bg { background: #f4f2e6; background-color: #f4f2e6; display: flex; justify-content: space-between; align-items: center; padding: 33px 90px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); top: 0; }
#header #header-left { z-index: 100; padding: 0; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; }
#header #header-left img, #header.bg #header-left img { max-width: 172px; }
#header #header-right { padding: 0; }
#header #header-right .closed { display: none; }
#header .social-links, #header.bg .social-links { padding: 0 15px 8px 30px; }
#header .social-links a { font-size: 0; margin-left: 5px; }
#header .social-links a svg { fill: var(--black); transition: 0.35s all; }
#header .social-links a:hover svg { fill: var(--red); }
#header .menu-nav { background: transparent; padding: 0; position: relative; }
#header .menu-nav .nav-menu-anim { margin-left: 20px; width: 27px; }
#header .menu-nav #nav-toggle::after { content: ""; position: absolute; width: 1px; height: 140%; background: var(--black); left: -20px; top: -5px; }
#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 { width: 27px; background: var(--black); }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; }
#header .submenu { background: var(--black); color: #fff; right: -15px; top: 72px; text-align: right; max-height: 100vh; padding: 30px 45px 40px 0; width: 210px; }
#header .submenu > li.active { background: transparent; }
#header .submenu > li:not(.social-mobile) { font-size: 100%; padding: 10px 0px; transition: 0.2s all; }
#header .submenu > li > a { font-size: 110%; }
#header .submenu > li:focus, #header .submenu > li:hover, #header .submenu > li.active { background: transparent; color: var(--red) !important; font-family: 'opensans-bold'; }
#header .submenu li.social-mobile { padding: 0; }
#header .submenu li.social-mobile .social-links a svg { fill: #fff; }
#header .submenu li.social-mobile .social-links { text-align: right; }
#header .submenu > li:first-child { margin-top: 0px; }
#header .menu-nav .open { display: none !important; }
#header #header-center-kdm, #header.bg #header-center-kdm { position: relative; left: unset; top: unset; transform: none; display: flex; flex-grow: 1; justify-content: space-between; font-size: 100%; padding: 0; }
#header #header-center-kdm a { transition: 0.3s all; font-size: 85%; color: var(--black); font-family: 'opensans-bold'; background: var(--yellow); width: 146px; height: 43px; display: inline-flex; justify-content: center; align-items: center; border-radius: 23px; border: 0; position: relative; }
#header #header-center-kdm a:hover { background: #88b5ae; }
#header #header-center-kdm a::after { content: ''; position: absolute; right: -2px; bottom: -4px; width: 100%; height: 100%; background: var(--black); border-radius: 23px; z-index: -1; }
#header #header-center-kdm .address { margin: 0; color: var(--black); font-size: 70%; display: inline-flex; align-items: center; column-gap: 20px; }
#header #header-center-kdm .address span:nth-child(2) { font-family: 'opensans-bold'; }

@media(max-width: 1120px) {
    #header, .home-page #header:not(.bg), #header.bg { padding: 33px 30px; }
    #header #header-right { width: 10%; }
}

@media(max-width: 1024px) {
    #header .submenu { min-height: 100%; position: fixed; text-align: right; width: calc(var(--vw)); height: 100%; top: 0px; left: 0; bottom: 0px; right: 0; overflow-y: auto; padding: 120px 120px 60px 0; transform: translateX(100%); display: block !important; transition: 0.5s all ease; margin-top: 0; z-index: 200; }
    #header.subopen .submenu { transform: translateX(0); }
    #header.subopen #nav-toggle span:after, #header.subopen #nav-toggle span:before,
    #header.subopen #nav-toggle-mobile span:after, #header.subopen #nav-toggle-mobile span:before { background: #fff; }
    #header:not(.menu-open):not(.subopen) .submenu { position: fixed; overflow: hidden; clip: unset; margin: unset; border: none; padding: 120px 120px 60px 0; top: 0; width: auto; height: auto; }
    #header .submenu > li:not(.social-mobile) { font-size: 135%; padding: 15px 0px; }
    #header .submenu li.social-mobile { padding-top: 25px; margin-top: 10px; position: relative; }
    #header .submenu li.social-mobile::after { content: ''; position: absolute; top: 0; width: 130px; height: 2px; right: 0; background: rgb(255 255 255 / 50%); }
    #header .submenu li.social-mobile .social-links a svg { width: 27px; height: 27px; }
}

@media(max-width: 767px) {
    #header, .home-page #header:not(.bg), #header.bg { padding: 38px 20px; }
    #header #header-center-kdm .address, #header #header-center-kdm a::after, #header.bg #header-center-kdm, #header .menu-nav #nav-toggle::after, #SiteFooter .mobile-seperator { display: none; }
    #header .menu-nav .nav-menu-anim { margin: 0; z-index: 300; }
    #header #header-left img, #header.bg #header-left img { max-width: 122px; }
    #header #header-left { transform: translate(-50%,-50%); left: 50%; }
    #header .phone-icon { display: inline-block; padding: 0; display: none; }
    #header .phone-icon i { color: #fff; }
    #header #header-right { width: 20%; }
    #header #header-center-kdm a, #header #header-center-kdm a:first-child { font-size: 80%; height: 32px; width: 95px; margin: 0; display: inline-flex; }
    #header #header-center-kdm .hvr-fade::before { content: ''; position: absolute; right: -2px; bottom: -4px; width: 100%; height: 100%; background: #000; border-radius: 23px; z-index: -3; }

    #header #header-center-kdm a:hover { background: transparent; }
    #header #header-center-kdm { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; }
}

/* Home Gallery */
#home-gallery .scroll-down { display: none; }

/* What Is Smash Section */
.grid-row li.slider-item { padding-bottom: 0; }
.grid-row li.slider-item .grid-row-image-container { position: relative; }
.what-is { padding: 110px 0 0; margin-bottom: 160px; }
.what-is .grid-rows .grid-row { display: flex !important; flex-direction: column; align-items: center; margin: 0 auto; max-width: 550px; width: 100%; row-gap: 50px; }
.what-is .grid-rows .grid-row-cell.flexslider-box { transform: scale(1.5); }
.what-is .grid-rows .grid-row .box-image-animation { display: inline-flex; }
.what-is .grid-rows .grid-row img { max-width: 164px; }
.what-is .grid-rows .grid-row .grid-row-cell-text { width: 100%; }
.what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; text-align: center; }
.what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { margin-bottom: 10px; padding-bottom: 10px; direction: ltr; }
.what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2::after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0px; width: 195px; height: 2px; background: var(--red); }
.what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { letter-spacing: 0.34px; font-size: 90%; line-height: 1.4; }

@media(max-width: 767px) {
    .what-is { margin-bottom: 70px; padding: 70px 0 0; }
    .what-is .grid-rows .grid-row { row-gap: 0; }
    .what-is .grid-rows .grid-row-cell.flexslider-box { transform: unset; }
    .what-is .grid-rows .grid-row img { /* width: 328px; */ }
    .what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 210%; }
    .what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text { padding: 0px 20px; }
    .what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { font-size: 80%; }
}

/* Home Deliveries Section */
.home-page .grid-text-section { color: #fff; position: relative; margin-bottom: 0; padding-bottom: 0; }
.home-page .grid-text-section .section-title { position: absolute; left: 50%; top: 48%; transform: translate(-50%,-50%); z-index: 2; }
.home-page .grid-text-section .section-title h2 { font-family: 'opensans-bold'; font-size: 250%; color: #f4f2e6; }
.home-page .grid-text-section .grid-text-content { width: 100%; padding: 0; margin: 0; }
.home-page .grid-text-section .grid-text-content h2 { font-family: 'opensans-regular'; font-size: 100%; position: absolute; left: 50%; top: 52.5%; transform: translate(-50%,-50%); z-index: 2; color: #f4f2e6; }
.home-page .grid-text-section .grid-text-content .gridText1 { width: 100%; margin-right: 0; padding: 0; }
.home-page .grid-text-section .grid-text-content .gridText1 img { width: 100%; }
.home-page .grid-text-section .grid-text-content .text-button { position: absolute; left: 50%; bottom: 34%; transform: translate(-50%,-50%); }
.home-page .grid-text-section .grid-text-content a.sec-button.hvr-float { transition: 0.3s all; font-size: 85%; color: var(--black); font-family: 'opensans-bold'; background: var(--yellow); width: 146px; height: 43px; display: inline-flex; justify-content: center; align-items: center; border-radius: 23px; border: 0; position: relative; }
.home-page .grid-text-section .grid-text-content a.sec-button.hvr-float::after { content: ''; position: absolute; right: -2px; bottom: -4px; width: 100%; height: 100%; background: #fff; border-radius: 23px; z-index: -3; }
.home-page .grid-text-section .grid-text-content a.sec-button.hvr-float:hover { background: #88b5ae; }
.home-page .grid-text-section .grid-text-content .gridText2 { display: none; }
.home-page .grid-text-section .grid-text-content .gridText1 p { margin: 0; }

@media(max-width: 767px) {
    .home-page .grid-text-section { padding: 0; margin: 0 auto; }
    .home-page .grid-text-section .section-title { top: 45%; width: 90%; }
    .home-page .grid-text-section .section-title h2 { font-size: 180%; }
    .home-page .grid-text-section .grid-text-content h2 { top: 51%; width: 63%; }
    .home-page .grid-text-section .grid-text-content .gridText1 { display: none; }
    .home-page .grid-text-section .grid-text-content .gridText2 { display: flex; width: 100%; }
    .home-page .grid-text-section .grid-text-content .gridText2 p { margin: 0; width: 100%; }
    .home-page .grid-text-section .grid-text-content .gridText2 img { width: 100%; }
    .home-page .grid-text-section .grid-text-content .text-button { bottom: 34%; }
}

/* Home Menu Section */
.home-page .grid-content-section { max-width: 100%; padding: 90px 0 240px; background: #8ab5ae; }
.home-page .grid-content-section .grid-box { width: 33%; margin-right: 0; }
.home-page .grid-content-section .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 95px; margin: auto; max-width: 1170px; }
.home-page .grid-content-section .grid-box h3 { font-size: 125%; margin-bottom: 0; }
.home-page .grid-content-section .grid-box h3 a { color: #1e1d1c; }
.grid-boxes .grid-box-image .grid-box-image-container a.box-image-animation:hover img { transform: none; }

@media(max-width: 767px) {
    .home-page .grid-content-section { margin: 0px auto 70px; padding-bottom: 100px; }
    .home-page .grid-content-section .section-title { margin-bottom: 40px; }
    .home-page .grid-content-section .grid-boxes { row-gap: 25px; padding: 0 30px; }
    .home-page .grid-content-section .grid-box { width: 50%; }
    .home-page .grid-content-section .grid-box h3 { font-size: 100%; }
}

/* Home Our Story Section */
.home-page .our-story { max-width: 880px; margin: 0 auto 190px; padding: 0; }
.home-page .our-story .grid-row .flexslider-box { padding-left: 100px; }
.home-page .our-story .grid-row .flexslider-box .slider-item img { max-width: 295px; }
.home-page .our-story .grid-row-cell-text .grid-row-text { width: 100%; }
.home-page .our-story .grid-row-cell-text .grid-row-text a { transition: 0.3s all; font-size: 85%; color: var(--black); font-family: 'opensans-bold'; background: var(--yellow); width: 146px; height: 43px; display: inline-flex; justify-content: center; align-items: center; border-radius: 23px; border: 0; position: relative; margin-top: 55px; }
.home-page .our-story .grid-row-cell-text .grid-row-text a::after { content: ''; position: absolute; right: -2px; bottom: -4px; width: 100%; height: 100%; background: #000; border-radius: 23px; z-index: -3; }
.home-page .our-story .grid-row-cell-text .grid-row-text a:hover { background: #88b5ae; }

@media(max-width: 767px) {
    .home-page .our-story { margin: 0 auto 70px; }
    .home-page .our-story .grid-row .flexslider-box { padding: 0; }
    .home-page .our-story .grid-row .flexslider-box .slider-item img { max-width: 160px; }
    .home-page .our-story .grid-row-cell-text .grid-row-text { padding: 0 20px 20px; text-align: center; }
    .home-page .our-story .grid-row-cell-text .grid-row-text p { font-size: 75%; }
    .home-page .our-story .grid-row-cell-text .grid-row-text a { margin-top: 40px; }
}

/* Home Gallery Section */
.home-page .grid-gallery-section { padding: 0; margin-bottom: 190px; overflow: hidden; }
.home-page .grid-gallery-section .section-title { margin-bottom: 45px; }
.home-page .grid-gallery-section .gallery-cubes { margin: 0 -8px 0 -8px; }
.home-page .grid-gallery-section .gallery-cubes > div { padding: 8px; }

@media(max-width: 767px) {
    .home-page .grid-gallery-section { margin-bottom: 100px; }
    .home-page .grid-gallery-section .section-title { margin-bottom: 30px; }
    .home-page .grid-gallery-section .gallery-cubes { margin: 0 -5px 0 -5px; }
    .home-page .grid-gallery-section .gallery-cubes > div { padding: 5px; }
}

/* Gallery Page */
.gallery #GridPage { padding-top: 70px; }
.gallery #GridPage, .about #GridPage, .media #GridPage, .form-page #GridPage { padding-top: 70px; }
.gallery #galleryview { max-width: 1190px; margin: 0 auto 120px; }
.gallery .MainContent #headline::after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0px; width: 195px; height: 2px; background: var(--red); }
.gallery .MainContent #subheadline { font-size: 100%; }
.gallery .MainContent #subheadline h2 { font-size: 90%; margin-bottom: 50px; }
.gallery .gallery-container .gallery-cubes > div { padding: 15px; }

@media(max-width: 767px) {
    .gallery #GridPage .max-width { padding: 0; }
    .gallery .gallery-container { width: 100%; }
    .gallery .gallery-container .gallery-cubes { margin: 0 5px 0 5px; }
    .gallery .gallery-container .gallery-cubes > div { padding: 5px; }
}

/* About Page */
.about #galleryview { max-width: 700px; margin: 0 auto 190px; }
.about #galleryview .MainContent #headline { text-align: right; }
.about #galleryview .MainContent #headline::after { position: absolute; content: ''; right: 0; bottom: 0px; width: 195px; height: 2px; background: var(--red); }
.about #galleryview #text1, .about #galleryview #text2 { text-align: right; max-width: 100%; width: 100%; }
.about #galleryview #text1 p, .about #galleryview #text2 p { line-height: 1.47; }
.about #galleryview #text1 p img { margin: 10px 0; width: 100%; }

/* Menu Page */
.menu #headline { display: none; }
.menu #MenuModule .menuModuleNav { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 100%; padding: 0; }
.menu #MenuModule .menuModuleNav a { background: var(--yellow); font-family: 'opensans-bold'; color: var(--black); font-size: 85%; width: 142px; height: 43px; border-radius: 22px; display: inline-flex; align-items: center; justify-content: center; margin: 0px 6px 0 6px; transition: 0.35s all; }
.menu #MenuModule .menuModuleNav a.selected, .menu #MenuModule .menuModuleNav a:hover { color: #fff; background: #88b5ae; }
.menu #MenuModule .menuModuleContent { max-width: 1005px; margin: 70px auto 0; }
.menu #MenuModule .menuModuleContent .menuModuleContentPart { border: none; margin-bottom: 190px; padding: 0; }
.menu #MenuModule .menuModuleContent .menuModuleContentPart::after { display: none; }
.menuModuleTextItemPart { padding: 0 20px; }
.menu .menuModuleTextItemPart:after { border-bottom: 1px solid var(--red); }
.menuModuleTextItemTitle { font-size: 70%; font-family: 'opensans-bold'; margin-bottom: 15px; }
.menuModuleTextItemDescription { font-size: 70%; font-family: 'opensans-regular'; color: #000; line-height: 1.57; padding-left: 70px; }
.menuModuleTextItemPrice { font-size: 70%; color: rgb(0 0 0 / 70%); }
.menuModuleTextItemPrice:before { color: rgb(0 0 0 / 100%); margin-right: 1px; }
.menuModuleTextItemPart { padding-bottom: 10px; }

.menuModuleTextItemSubjectDescription { font-size: 70%; font-family: opensans-bold; }

@media (min-width:768px) {
    .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd) { padding-left: 40px; }
    .menu .menuModuleTextItemPart:after { border-bottom: 1px solid var(--red); width: calc(100% - 40px); }
    .menu .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even), .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even) { padding-right: 20px; }
    .menu .menuModuleTextItemPart.test2::after { width: calc(100% - 20px); right: unset; left: 0; }
}

@media (max-width:767px) {
    .menu #text1 { max-width: 90%; }
    .menu #GridPage { padding-top: 60px; }
    .menu #GridPage .max-width { width: 100%; padding: 0; }
    .menu #MenuModule .menuModuleContent .menuModuleContentPart { margin-bottom: 30px; }
    .menu #MenuModule #subheadline { max-width: 90%; margin: 20px auto 0; }
    .menu .menuModuleTextItem1, .menuModuleTextItem0 { margin-bottom: 25px; }
    .menu #MenuModule .menuModuleNav { display: flex; position: relative; border-radius: unset; overflow: scroll; justify-content: normal; width: 100%; padding: 0 0 15px; }
    .menu #MenuModule .menuModuleNav a { width: auto; white-space: nowrap; padding: 10px 20px; border-radius: 0; margin: 0; }
    .menu .menuModuleTextItemTitle { max-width: 75%; }
    .menu .menuModuleTextItemPart:after, .menu .menuModuleTextItemPart.test2::after { width: 90%; left: 50%; transform: translateX(-50%); right: unset; }
    .menu #MenuModule .menuModuleNav a:not(:first-child) { border-right: 1px solid #fff; }
    .menu #MenuModule .menuModuleContent { margin: 10px auto 0; }
    .menuModuleTextItemDescription { padding-left: 25px; }
    .menuModuleTextItemSubjectTitle { font-size: 110%; }
    .menu #MenuModule .menuModuleContent .menuModuleContentPart .menuModuleTextItemSubjectDescription { font-size: 80%; }
}

/* Jobs Page */
.jobs #pageview .MainContent { max-width: 950px; margin: 0 auto; }
.jobs #pageview .MainContent #headline { text-align: right; margin-bottom: 40px; }
.jobs #pageview .MainContent #text1 { text-align: right; max-width: 850px; width: 100%; margin: 0 0 70px auto; }
.jobs #pageview .MainContent #headline::after { position: absolute; content: ''; right: 0; bottom: 0px; width: 195px; height: 2px; background: var(--red); }
#SiteGrid.layout-bottom #GridPromo { padding: 0; max-width: 950px; margin: 0 auto 160px; }
#DynamicFormObject:after, .normal-form:after { display: none; }
#GridPromo #DynamicFormObject.normal-form .dynamicFormObjectTitleAndText { padding-bottom: 50px; }
#GridPromo .normal-form input, #GridPromo .normal-form textarea { height: 45px; }

/* Form */
#GridPromo #DynamicFormObject.normal-form { background: #88b5ae; display: flex; width: 100%; flex-direction: column; align-items: center; border: none; padding: 55px 80px 60px; max-width: 100% !important; }
#DynamicFormObject.normal-form .dynamicFormObjectTitleAndText { font-size: 100%; padding: 0; width: unset; padding-bottom: 50px; }
#DynamicFormObject.normal-form .dynamicFormObjectFields { width: unset; max-width: 950px; padding: 0; margin: 0; }
fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
#DynamicFormObject.normal-form .dynamicFormObjectField { width: 33.33%; padding-right: 5px; padding-left: 5px; }
#DynamicFormObject.normal-form .dynamicFormObjectField.textareaField, .career #DynamicFormObject.normal-form .dynamicFormObjectField.textareaField { width: 100%; }
.normal-form input, .normal-form textarea, #DynamicFormObject.normal-form input[type=submit] { transition: 0.3s all; border: none; border-radius: 0; background: #f4f2e6; font-size: 70%; box-shadow: none; width: 100%; padding-right: 15px; max-width: 100%; margin-bottom: 10px; }
.normal-form input:hover, .normal-form textarea:hover, .normal-form input:focus, .normal-form textarea:focus { border: none !important; }
#DynamicFormObject.normal-form .dynamicFormObjectFields .dynamicFormObjectSubmit { width: 142px; height: 43px; margin-top: 30px; padding: 0; }
#DynamicFormObject.normal-form input[type=submit] { background: var(--yellow); border-radius: 23px; width: 142px; font-size: 85%; padding: 0; color: #000; height: 43px; font-family: 'opensans-bold'; }
#DynamicFormObject.normal-form input[type=submit]:hover { background: var(--red); }
#GridPromo .normal-form textarea { height: 122px; }
#DynamicFormObject.normal-form .dynamicFormObjectFields .dynamicFormObjectSubmit::after { content: ''; position: absolute; right: -2px; bottom: -4px; width: 100%; height: 100%; background: var(--black); border-radius: 23px; z-index: -1; }
#DynamicFormObject .dynamicFormObjectField .must:before { top: 10px; font-size: 14px; right: 10px; }
#DynamicFormObject.normal-form .dynamicFormObjectField.textareaField .must:before { top: 5px; }
#DynamicFormObject.normal-form .dynamicFormObjectFields .top-form { display: none; }
#DynamicFormObject.normal-form .dynamicFormObjectField.textareaField { width: 100%; }

.page-19986 #DynamicFormObject.normal-form .dynamicFormObjectField:nth-last-of-type(2) { width: 100%; }

@media (min-width: 991px) {
    .home-page fieldset { display: flex; justify-content: center; flex-wrap: nowrap; }
    .home-page #DynamicFormObject.normal-form .dynamicFormObjectFields { width: 100%; }
    .home-page #DynamicFormObject.normal-form .dynamicFormObjectField { width: 28%; }
}

@media (max-width: 767px) {
    #DynamicFormObject.normal-form, #GridPromo #DynamicFormObject.normal-form, .career #GridPromo #DynamicFormObject.normal-form { padding: 45px 20px 50px; }
    #DynamicFormObject.normal-form .dynamicFormObjectTitleAndText { padding-bottom: 0px; margin-bottom: 10px; }
    #DynamicFormObject.normal-form .dynamicFormObjectField, .career #DynamicFormObject.normal-form .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject.normal-form .dynamicFormObjectFields .dynamicFormObjectSubmit { margin-top: 35px; }
}

/*  Media Page*/
.media #GridContent { margin-bottom: 170px; }
.media .grid-short-box.box { background: #f2b485; color: #fff; margin-bottom: 27px; }
.media .grid-short-box.box::after { position: absolute; content: ''; inset: 8px; pointer-events: none; border: 2px solid #fff; transition: 0.3s all; }
.media .grid-short-box.box:hover { background: #e2975e; }
.media .grid-short-box.box:hover::after { border-color: #1e1d1c; }
.media .grid-short-box.box .text-caption { font-size: 90%; color: #000; min-height: 150px; }
.media .grid-short-box.box .grid-short-box-text { color: #000; font-size: 75%; padding-top: 15px; font-family: 'opensans-bold'; }
.media #gridshort-view-media .grid-short-box.box .grid-short-box-label { font-size: 100%; font-family: 'opensans-bold'; letter-spacing: 0.6px; padding: 0 0 5px; }
.media .grid-short-box.box .grid-short-box-subtitle { border: none; padding: 0; font-size: 90%; }
.media #gridshort-view-media { max-width: 1170px; margin: 0 auto; }
.media #gridshort-view-media > div { padding-right: 14px; padding-left: 14px; }
.media #ContentGridReadMoreModule #pageview { margin-bottom: 50px; }

@media (max-width: 767px) {
    .media #gridshort-view-media .grid-short-box.box .grid-short-box-label { font-size: 80%; }
    .media #GridPage .max-width { padding: 0; }
    .media #GridContent { margin-bottom: 100px; }
    .media .grid-short-box.box { margin-bottom: 0px; }
    .media #gridshort-view-media { margin: 0 5px 0 5px; }
    .media #gridshort-view-media > div { padding: 5px; }
}
/* Contact Page */
.contact .MainContent #headline::after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0px; width: 195px; height: 2px; background: var(--red); }
.contact .MainContent #subheadline h2 { font-size: 100%; }
.contact #text1 { display: flex; flex-direction: row; max-width: 50%; text-align: right; margin-bottom: 95px; position: relative; justify-content: space-evenly; align-items: flex-start; }
.contact #text1 h4 { font-size: 95%; position: relative; width: 100%; font-family: 'opensans-bold'; margin-bottom: 5px; }
.contact #text1 p { font-size: 75%; }
.contact #text1 ul { padding-right: 0; margin-bottom: 0; }
.contact #text1 ul li { list-style: none; line-height: 2; font-size: 85%; }
.contact #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'CAKometo-Regular'; font-size: 350%; }
.contact #DynamicFormObject.normal-form .dynamicFormObjectFields .top-form { display: block; font-size: 100%; padding-bottom: 20px; }
.contact #GridPromo #DynamicFormObject.normal-form .dynamicFormObjectTitleAndText { padding-bottom: 10px; }

@media(max-width: 767px) {
    #GridPage .max-width { padding: 0 20px; }
    #GridTop, #GridTop.blog { height: 400px; }
    .about #galleryview .MainContent #headline h1 { font-size: 225%; }
    .about #galleryview .MainContent #headline::after, .gallery .MainContent #headline::after,
    .contact .MainContent #headline::after,
    .jobs #pageview .MainContent #headline::after { width: 120px; }
    .about #galleryview { margin: 0 auto 100px; }
    .contact #text1 { margin: 30px auto 40px; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
    .form-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .form-page .form-container-wide #DynamicFormObject { padding: 35px 20px 15px; }
    .form-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 25px; }
    .form-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0px; padding-bottom: 5px; }
    .form-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 20px; font-size: 80%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; }
    .contact #text1 h4 { /* padding-right: 35px; */ text-align: center !important; }
    .form-page #SiteGrid.layout-bottom #GridPromo { margin: 0 auto 100px; }
}


/* Footer */
footer { padding: 0; }
#SiteFooter { padding: 0; position: relative; color: #fff; }
#SiteFooter .footer-text-divided { display: flex; padding: 65px 135px; position: relative; align-items: center; background: #1e1d1c; }
#SiteFooter .footer-text-divided .footer-text-right { display: flex; padding: 0; }
#SiteFooter .footer-text-divided .footer-text-right ul { list-style: none; margin-bottom: 0; }
#SiteFooter .footer-text-divided .footer-text-right ul:first-child { padding-right: 0; }
#SiteFooter .footer-text-divided .footer-text-right ul li { font-size: 70%; }
#SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { padding-bottom: 10px; }
#SiteFooter .footer-text-divided .footer-text-right ul li:hover a { color: var(--red); transition: 0.2s all; }
#SiteFooter .footer-text-divided .footer-text-left { width: fit-content; margin-right: auto; display: flex; flex-direction: column; padding: 0; align-items: flex-end; }
#SiteFooter .footer-text-divided .footer-text-left p { font-size: 70%; padding: 0 0 10px 0; }
#SiteFooter .footer-text-divided .footer-text-left p a { margin: 0 5px; position: relative; display: inline-flex; transition: 0.3s all; }
#SiteFooter .footer-text-divided .footer-text-left p a img { filter: invert(1); max-height: 14px; }
#SiteFooter .footer-text-divided .footer-text-middle img { max-width: 186px; }
.site-credit.alternative.row { padding: 2px 0; }
.col-xs-12.col-sm-12.footer-address.text-center { display: none; }

@media(max-width: 1024px) {
    #SiteFooter .footer-text-divided { padding: 45px 30px; }
}

@media(max-width: 767px) {
    #SiteFooter .footer-text-divided { padding: 45px 45px 70px; flex-direction: column; }
    #SiteFooter .footer-text-divided .footer-text-left, .footer-text-divided > div.footer-text-right { display: flex; margin-right: unset; justify-content: center; }
    #SiteFooter .footer-text-divided .footer-text-left { order: 3; position: absolute; top: 56%; left: 10%; transform: translateY(-50%); align-items: flex-start; }
    #SiteFooter .footer-text-divided .footer-text-middle { order: 1; padding: 0 0 40px; }
    #SiteFooter .footer-text-divided .footer-text-middle img { max-width: 160px; }
    #SiteFooter .footer-text-divided .footer-text-right { order: 2; width: 100%; display: flex; justify-content: flex-start; }
    #SiteFooter .footer-text-divided .footer-text-right ul li { font-size: 75%; }
    a.AccessabilityLink { margin: 0; }
    #SiteFooter .footer-text-divided .footer-text-left p { padding: 0 0 4px 0; }
}

@media(min-width:1025px) and (max-width:1500px) {
    /*.what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text p, p,
    .home-page .grid-text-section .grid-text-content h2, 
    #SiteFooter .footer-text-divided .footer-text-right ul li, #SiteFooter .footer-text-divided .footer-text-left p { font-size: 120%; }*/
    body { font-size: 24px; }
    .what-is .grid-rows .grid-row { max-width: 620px; }
    .what-is .grid-rows .grid-row img { max-width: 190px; }
    .what-is .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { padding: 0 40px; }
    .home-page .grid-text-section .section-title { top: 45%; }
    .home-page .grid-text-section .grid-text-content h2 { top: 50.5%; }
    .home-page .grid-text-section .grid-text-content .text-button { bottom: 28%; }
}

@media(max-width: 1024px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .MainContent #headline h1, #headline h1, .form-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 225%; white-space: unset; }
}

@media(max-width: 767px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .MainContent #headline h1, #headline h1, .form-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 225%; }
    p { font-size: 75%; }
    #SiteFooter .mobile-seperator a { padding: 4px 0; display: flex; justify-content: center; align-items: center; gap: 15px; }
    #SiteFooter .mobile-seperator a span { font-size: 65%; margin: 0; }
}

/* UnZoom */
@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--vh) !important; background-attachment: unset; min-width: inherit; min-height: unset !important; background-size: contain; background-color: #88b5ae; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slides, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
    body.macOs .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
}

@media (max-width: 767px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--vh) !important; background-attachment: unset; min-height: unset !important; }
}