/**BetaCafe***/

body, html { color: #121212; }

#header { }
#header.bg { background: #fff; color: #121212 }

body:not(.home-page) #header { position: relative; }


#header.subopen, #header.bg.subopen { }
#header .menu-nav { background: transparent; }
#header .social-links a { background: #fff; border-radius: 50%; height: 30px; width: 30px !important; text-align: center; }
#header .social-links a svg { fill: #121212; }
#header #header-right .closed { }
#header .menu-nav .open { display: none !important; }
#header.bg .social-links a { background: #000000; }
#header.bg .social-links a svg { fill: #ffffff; height: 17px; }
#header.bg #nav-toggle-mobile.active .social-links a svg { fill: #fff }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { height: 4px; }

#header.bg #nav-toggle span,
#header.bg #nav-toggle span:before,
#header.bg #nav-toggle span:after,
#header.bg #nav-toggle-mobile span,
#header.bg #nav-toggle-mobile span:before,
#header.bg #nav-toggle-mobile span:after { background: #121212; }
#header.bg #nav-toggle.active span,
#header.bg #nav-toggle.active span:before,
#header.bg #nav-toggle.active span:after,
#header.bg #nav-toggle-mobile.active span,
#header.bg #nav-toggle-mobile.active span:before,
#header.bg #nav-toggle-mobile.active span:after { background: #ffffff; }
#header.bg #nav-toggle.active span, #header.bg #nav-toggle-mobile.active span { background-color: transparent; }

#header #header-center-kdm { font-size: 130%; }
#header #header-center-kdm a { border: none; position: relative; padding: 0 20px 0 20px; margin-left: 0; overflow: visible; }
#header #header-center-kdm a:hover,
#header #header-center-kdm a:focus { background: transparent; color: #ccc0b4; }
#header #header-center-kdm a:after { content: ""; background-image: url(../../../warehouse/temp/beta/menu-border.png); position: absolute; height: 26px; width: 16px; top: 4px; left: -7px; background-size: cover; }
#header.bg #header-center-kdm a:after { background-image: url(../../../warehouse/temp/beta/menu-border_B.png); }
#header #header-center-kdm a:nth-last-child(2):after { display: none; }
#header #header-center-kdm a.lang { }
#header #header-center-kdm .address { background: #fff; color: #121212; padding: 0 20px; font-size: 85%; }
#header.bg #header-center-kdm .address { background-color: #121212; color: #fff }
#header #header-left img { }
#header #header-right .closed { display: none; }
#header.bg #header-left img { content: url(../../../warehouse/temp/beta/header-logo_B.png); }
#header .phone-icon i { }

#header .submenu { background: #121212; }
#header .submenu > li { }
#header .submenu > li:nth-last-child(1) { }
#header .submenu > li.active { background: #2a2a2a; color: #fff; }
#header .submenu > li:hover { background: #2a2a2a; }
#header .submenu li > a { }
#header .submenu .menu-sub li a { }
#header .submenu .has-sub > a:after { }
#header .submenu li.social-mobile .social-links a svg { }

#header .submenu li > a:focus { color: #ffffff; }

@media (max-width:1024px) {
    #header .submenu { }
}

@media (max-width:991px) {
    #header2 ul.menu { }
    #header2 ul.menu li.active { }
    #header2 ul.menu li:hover:after,
    #header2 ul.menu li.active:after { }
    #header2 #header-left img { }
}

@media (max-width:767px) {
    #header2 ul.menu { }
    #header #header-center-kdm a:first-child { }
    #header #header-left img { }
    #header .submenu { right: calc(1.5vw - 8px); right: -moz-calc(1.5vw - 8px); }
    #header .submenu .menu-sub { }
    #header2 ul.menu li { }
    #header #header-center-kdm a:after { display: none }
    #header .submenu li .social-links a { display: inline-flex; align-items: center; justify-content: center;; }
    #header .phone-icon { font-size: 180%; }
    #header.bg .phone-icon i { color: #000000; }
    #header.bg #header-center-kdm, #header #header-center-kdm { padding: 9px; width: 90%; }
    #header .submenu { margin-top: 62%; }
}

@media (max-width:375px) {
    #header .submenu { }
    #header2 ul.menu { }
}

footer { padding-top: 0; }

#SiteFooter #partners-section { }
#SiteFooter .site-credit.alternative { background: #fff; }
#SiteFooter img { }

.footer-text a { font-size: 80%; padding: 0 10px; }


#text1 p, #text2 p { font-size: 110%; margin-top: 20px; }
#text1, #text2 { }
#headline { }
#headline h1 { }
#headline h1:after { }
#subheadline h2 { }

#home-gallery .flex-control-paging li a { background-color: #fff }
#home-gallery .flex-control-paging li a.flex-active { background-color: #121212; }
.sections { }
.section { }



.grid-image-section .image-section-data img { }
.grid-rows .grid-row-cell { }
.grid-row-section { max-width: 1440px; margin: 0 auto 80px; }
.grid-rows .box-image-animation img { width: 60%; }
.grid-rows .grid-row-cell.flexslider-box:after { }


.grid-boxes .section-animation-item { position: relative; height: 218px; }
#LobbyModule .grid-boxes .section-animation-item { height: auto; }
.menusPage #LobbyModule .grid-boxes .section-animation-item { opacity: 1 }
.grid-boxes .section-animation-item:after { content: ""; background-image: url(../../../warehouse/temp/beta/line-border.png); position: absolute; width: 42%; height: 100%; left: -20%; top: 0; background-size: 100%; background-repeat: no-repeat; background-position: center center; z-index: -1; }
.lobby-view-section .grid-boxes .section-animation-item:after { display: none; }

.grid-boxes .section-animation-item:nth-last-child(1):after { display: none; }

.section-title h1 { }
.section-title h1:after { }
.section-title h2 { font-size: 270%; }
.section-title h2 span { font-weight: bold; }
.grid-content-section .section-title h2 { }
.grid-content-section .section-title h2 span.toptext { }

@media (min-width:768px) {
    .grid-image-section { height: 600px; }
    .image-section-data { height: 600px }
}

@media (max-width:1440px) {
    .grid-boxes .section-animation-item { height: auto }
}

@media(max-width:1024px) {
    .grid-content-section { }
}

@media (max-width:991px) {
    .sections .grid-content-section { padding-top: 0px; }
    .grid-boxes .section-animation-item { margin-top: 60px; }
    .grid-boxes .section-animation-item:after { left: -21%; }
    .grid-boxes .section-animation-item:nth-child(2):after { display: none }
    #LobbyModule .grid-boxes .section-animation-item { margin-top: 0; }
}


@media (max-width:991px) and (min-width:768px) {
    .grid-rows .box-image-animation img { width: 80%; max-height: 40%; }
}

@media (max-width:767px) {
    #subheadline h2 { }
    .sections .grid-content-section { }
    .section-title h2, .section-title h1 { font-size: 220%; }
    .grid-box.col-xs-6 .grid-box-title h3 { }
    #SiteFooter #partners-section { padding-bottom: 5px; }
    #SiteFooter img { }
    .mobile-strip span { }
    .mobile-strip .select-wrapper li.strip-item { }
    .mobile-strip:after { }
    #headline h1:after { width: 250px; }
    .grid-boxes .section-animation-item { width: 100%; margin-bottom: 28%; }
    .grid-boxes .section-animation-item:nth-last-child(1) { margin-bottom: 0 }
    .grid-boxes .section-animation-item:after { display: none }
    .grid-boxes .section-animation-item:before { content: ""; background-image: url(../../../warehouse/temp/beta/line-border-rotate.png); width: 35%; position: absolute; left: 50%; bottom: -72%; background-size: cover; height: 110%; transform: translateX(-50%); height: 65%; display:; }
    .grid-boxes .section-animation-item:nth-last-child(1):before { display: none }
    #SiteFooter { padding-bottom: 0; }
    .grid-row-section { margin-bottom: 20px }
}

@media (max-width:375px) {
    .grid-box.col-xs-6 .grid-box-title h3 { }
}

#home-gallery .opacity-layer { }
#home-gallery .gallery-caption { }
#home-gallery .gallery-logo { }
#home-gallery .gallery-logo img { }
#home-gallery .scroll-down svg { }



.grid-text-section.bg-slogen { background-color: #121212; margin-bottom: 0; padding: 55px 0 55px 0; }
.grid-text-section.bg-slogen p { margin-top: 0; }
.grid-text-section.bg-slogen img { max-width: 415px; height: auto; }
.grid-text-section .grid-text { max-width: 770px; margin: 0 auto; }
.grid-text .grid-text-content p { font-size: 115%; letter-spacing: 0.04em; }
.grid-text-section .section-animation-item { width: 100%; }
.grid-content-section:nth-last-child(1) { }
.grid-content-section:nth-last-child(1) .grid-boxes { }

.grid-gallery-section { margin-bottom: 0px; padding-top: 5px; }
.gallery-cubes > div { padding: 5px; }

@media(max-width:1024px) {
    .grid-content-section:nth-last-child(1) .box-image-animation img { }
    .grid-text-section { }
}

@media(max-width:767px) {
    .grid-content-section:nth-last-child(1) { }
    .grid-content-section:nth-last-child(1) .box-image-animation img { }
    .grid-text-section { }
    #home-gallery .scroll-down { }
    .grid-text-section.bg-slogen img { max-width: 85%; }
}

.grid-text .sec-button { background: #121212; border-radius: 0; font-size: 110%; padding: 6px 28px; margin-top: 30px; }
.grid-boxes .grid-box-title h3 { font-size: 110%; }
.grid-boxes .grid-box-title h3 a { color: #121212; }
.grid-boxes .grid-box-image { padding-bottom: 42%; margin-bottom: 0; }
.grid-boxes .box-image-animation img { max-width: 60%; margin: 30px auto 0; }
.grid-boxes .grid-box-subtitle { margin-top: 10px; height: 40px; }
.grid-boxes .grid-box-subtitle a { background-color: #121212; color: #fff; padding: 0 35px; font-size: 90%; line-height: 40px; height: 100%; display: inline-block; max-width: 129px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.grid-boxes .grid-box-subtitle a:hover, .grid-boxes .grid-box-subtitle a:focus, .grid-text-section p a:hover, .grid-text-section p a:focus { background: #fff; color: #000; border: 1px solid #000; }
.grid-boxes .box-image-animation:hover img { }
.grid-content-section:nth-last-child(2) .grid-boxes .grid-box-image { }
.grid-content-section:nth-last-child(1) .grid-boxes .grid-box-title h3 { }
.grid-content-section:nth-last-child(1) .grid-boxes .grid-box-title h3 a { }
.grid-content-section:nth-last-child(1) .grid-boxes .grid-box-title h3 a:hover { }

.grid-rows .grid-row { direction: ltr !important; }
.grid-rows .grid-row-text a.grid-row-button { border: #121212; background: #121212; border: 1px solid transparent; color: #fff; border-radius: 0; font-size: 110%; padding: 6px 28px; margin-top: 30px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus { background: #fff; color: #000; border: 1px solid #000; }

.grid-rows .grid-row-text h3 { }
.grid-rows .grid-row:nth-child(1) .grid-row-text h3 { }
.grid-rows .grid-row-text h2 { font-size: 270%; }
.grid-rows .grid-row-text h2 span, span.bolder { font-weight: bold; }
.grid-rows .grid-row-text p { font-size: 115%; }
.grid-rows .grid-row-text p:first-of-type { }
.grid-short-box.box .grid-short-box-text:after { }
.grid-short-box.box { }
.grid-short-box.box:hover { }
.grid-short-box.box .grid-short-box-text { }
.grid-short-box.box:hover .grid-short-box-text { }
.grid-short-box.box .grid-short-box-text:after { }

@media (min-width:1440px) {
    .grid-rows .grid-row-text { width: 60%; }
}


@media(max-width:1440px) and (min-width:992px) {
    .grid-rows .grid-row-text a.grid-row-button { }
    .grid-rows .box-image-animation img { width: 66%; }
    .grid-rows .grid-row-text { width: 74%; }
    .grid-boxes .box-image-animation img { margin-top: 15px; }
    .grid-boxes .grid-box-title h3 { font-size: 100%; }
    .grid-boxes .grid-box-subtitle a, .grid-text-section p a { font-size: 80%; padding: 0 30px; line-height: 32px; }
    .grid-boxes .grid-box-subtitle { height: 30px; }
}

@media (max-width:1024px) {
    .grid-rows .grid-row-text p { }
    .grid-rows .grid-row-text p br { }

    .grid-rows .grid-row-text { }
}

@media(max-width:991px) {
    .grid-rows .grid-row-text a.grid-row-button { }


    .grid-rows .grid-row-text h3 { }
    .grid-rows .grid-row-text p:first-of-type { }
}

@media (max-width:767px) {
    .grid-text .sec-button { }
    .grid-boxes { }
    .grid-boxes .grid-box-subtitle { }
    .grid-rows .grid-row-text p:first-of-type { font-size: 120%; text-align: center; }
    .grid-rows .grid-row-text a.grid-row-button { text-align: center; padding: 0 35px; font-size: 109%; line-height: 40px; height: 100%; display: block; width: 111px; margin: 25px auto; }
    .grid-rows .grid-row-text { margin-top: 10px; }
    .grid-rows .grid-row { margin-top: 50px; }
    .grid-rows .grid-row-text h2 { font-size: 220%; text-align: center; }
}

@media (max-width:375px) {
    .grid-content-section:nth-last-child(1) .grid-boxes .grid-box-title h3 a { }
}

.gallery-cubes .image-link-outer { /* color: #121212; */ }
.gallery-cubes h4 { }
.gallery-cubes .image-link-inner { background: #121212; color: #fff; }

.normal-form { border: 0; }
.normal-form:after { border: 0; }
.normal-form input, .normal-form textarea { border-radius: 0; border-width: 2px; }
.normal-form select { }
.normal-form input:focus { }
.normal-form select:focus,
.normal-form textarea:focus { }
.normal-form input::-webkit-input-placeholder,
.internal-form textarea::-webkit-input-placeholder { }
.normal-form input:-moz-placeholder,
.internal-form textarea::-webkit-input-placeholder { }
.normal-form input::-moz-placeholder,
.internal-form textarea::-webkit-input-placeholder { }
.normal-form input:-ms-input-placeholder,
.internal-form textarea::-webkit-input-placeholder { }
.normal-form input[type="submit"] { background: #000000; }
.normal-form input[type="submit"]:hover { }
.normal-form .normal-form-comment { }
.normal-form .normal-form-confirm { }

#contactform .submit-btn > div { width: 20%; }
#contactform textarea { padding-right: 15px; }



#DynamicFormObject { }
#DynamicFormObject:after { }
#DynamicFormObject input[type="submit"] { }
#DynamicFormObject input[type="submit"]:hover { }
#DynamicFormObject .dynamicFormObjectTitleAndText { }

.bootstrap-datetimepicker-widget .datepicker table tr td.active:active,
.bootstrap-datetimepicker-widget .datepicker table tr td.active.highlighted:active,
.bootstrap-datetimepicker-widget .datepicker table tr td.active.active,
.bootstrap-datetimepicker-widget .datepicker table tr td.active.highlighted.active { }
.bootstrap-datetimepicker-widget a { }


#contactform:after { content: ""; border-top: 2px solid #000000; position: absolute; left: 0; top: 0; }
#contactform:before { width: 100%; content: ""; border-top: 2px solid #000000; position: absolute; left: 0; bottom: 0; }
#contactview #headline:after { display: none; }


#clubform .normal-form-comment a { }
#clubform #text1 { }


#MenuModule .menuModuleNav a { font-size: 120%; }
#MenuModule .menuModuleNav a:hover { }
#MenuModule .menuModuleNav a:after { }
#MenuModule .menuModuleNav a.selected { }
.menuModuleContentPart { }
.menuModuleContentPart:after { }
.menuModuleTextItemTitle { }
.menuModuleTextItemDescription { }
.menuModuleTextItem0 { height: 90px; }
.menuModuleTextItem1 { height: 90px; }
#menuModuleContentPart1 .menuModuleTextItem1,
#menuModuleContentPart1 .menuModuleTextItem0 { }
#menuModuleContentPart4 .menuModuleTextItem1,
#menuModuleContentPart4 .menuModuleTextItem0 { }
.menuModuleTextItemPrice { }
.menuModuleTextItemPrice:before { }
.categories-strip { background: #887969; }
.categories-strip ul li.active { }

.menuModuleTextItem0 { margin-bottom: 20px; }
.menuModuleTextItem1 { margin-bottom: 20px; }

a.AccessabilityLink { color: #000000; }
#partners-section a { padding: 0 10px; }

@media (max-width:767px) {
    #MenuModule .menuModuleNav a { }
    .menuModuleTextItem0,
    .menuModuleTextItem1,
    #menuModuleContentPart1 .menuModuleTextItem1,
    #menuModuleContentPart1 .menuModuleTextItem0 { }
    .menuModuleTextItemTitle { }
    .menuModuleTextItemPrice { }
    .menuModuleTextItemDescription { }
    .normal-form input[type="submit"] { }
    .normal-form .normal-form-confirm { }
    #clubform #text1 p:last-child { }
    #contactform .submit-btn > div { width: 32%; }
}

#contactform .contact-form-comment { }
#contactform h3 { }
#contact-boxes { }
#contactDetails h3 { font-size: 30px }



#LobbyModule .grid-boxes .box-image-animation img { max-width: 100%; margin-top: 0; }
#LobbyModule .grid-boxes .grid-box-image { padding-bottom: 65%; }
#lobbyview .grid-boxes .grid-box-title h3, #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 140%; }
#lobbyview .grid-boxes .grid-box-subtitle, #LobbyModule .grid-boxes .grid-box-subtitle { font-size: 100%; height: auto; margin-top: 0; }
#lobbyview .grid-boxes .grid-box-subtitle a, #LobbyModule .grid-boxes .grid-box-subtitle a { background: transparent; color: inherit; padding: 0; }
#lobbyview .grid-boxes .grid-box-subtitle a:hover, #LobbyModule .grid-boxes .grid-box-subtitle a:hover { color: inherit; }


body.page-2987 #lobbyview .grid-boxes, body.page-2991 #lobbyview .grid-boxes, body.page-2987 #LobbyModule .grid-boxes, body.page-2991 #LobbyModule .grid-boxes { max-width: 1000px; }
body.page-2987 #LobbyModule .grid-boxes .grid-box-image, body.page-2991 #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 100%; margin: 0; }
body.page-2987 .grid-boxes .box-image-animation:hover img, body.page-2991 .grid-boxes .box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
body.page-2987 #lobbyview .grid-box, body.page-2987 #LobbyModule .grid-box, body.page-2991 #lobbyview .grid-box, body.page-2991 #LobbyModule .grid-box { padding: 0px 25px; }
body.page-2987 #lobbyview .grid-box .grid-box-title, body.page-2987 #LobbyModule .grid-box .grid-box-title, body.page-2991 #lobbyview .grid-box .grid-box-title, body.page-2991 #LobbyModule .grid-box .grid-box-title { margin-top: 15px; }

body.page-2989 #lobbyview .grid-boxes, body.page-2990 #lobbyview .grid-boxes, body.page-2989 #LobbyModule .grid-boxes, body.page-2990 #LobbyModule .grid-boxes { max-width: 1000px; }
body.page-2989 #LobbyModule .grid-boxes .grid-box-image, body.page-2990 #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 100%; margin: 0; }
body.page-2989 .grid-boxes .box-image-animation:hover img, body.page-2990 .grid-boxes .box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
body.page-2989 #lobbyview .grid-box, body.page-2989 #LobbyModule .grid-box, body.page-2990 #lobbyview .grid-box, body.page-2990 #LobbyModule .grid-box { padding: 0px 25px; }
body.page-2989 #lobbyview .grid-box .grid-box-title, body.page-2989 #LobbyModule .grid-box .grid-box-title, body.page-2990 #lobbyview .grid-box .grid-box-title, body.page-2990 #LobbyModule .grid-box .grid-box-title { margin-top: 15px; }

body.snif #LobbyModule .grid-boxes { display: flex; flex-wrap: wrap; gap: 30px 50px; max-width: unset; justify-content: center; }
body.snif #lobbyview .grid-box, body.snif #LobbyModule .grid-box { width: 150px; padding: 0; margin: 0 !important; }
body.snif #LobbyModule .grid-box.lastItem { display: inline-flex; width: 100% !important; flex-direction: column; align-items: center; }
body.snif #LobbyModule .grid-box.lastItem .grid-box-image { width: 150px; padding-bottom: 150px; }
body.snif #LobbyModule .grid-boxes::before, body.snif #LobbyModule .grid-boxes::after { display: none; }

#GridTop.noTopImage { height: 0px; }
#lobbyview #text2 { padding-top: 20px; margin-bottom: 30px; border-top: 1px solid; margin-top: 20px; max-width: 1170px; }
#lobbyText p { max-width: 85%; margin-right: auto; margin-left: auto; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: 1170px; }
#lobbyview #headline { max-width: 1170px; margin-right: auto; margin-left: auto; position: relative; }
#lobbyview #headline h1 { display: inline-block; z-index: 2; position: relative; background: #ffffff; padding: 0px 25px; }
#lobbyview #headline:after { content: ""; border-bottom: 1px solid; position: absolute; top: 50%; width: 100%; left: 0; z-index: 0; }

.page-2994 #ContentRegularModule #text1 p:first-child, .page-2996 #ContentRegularModule #text1 p:first-child, .page-2993 #ContentRegularModule #text1 p:first-child, .page-2995 #ContentRegularModule #text1 p:first-child { display: inline-block; width: 40%; vertical-align: middle; }
.page-2994 #ContentRegularModule #text1 p:last-child, .page-2996 #ContentRegularModule #text1 p:last-child, .page-2993 #ContentRegularModule #text1 p:last-child, .page-2995 #ContentRegularModule #text1 p:last-child { width: 59%; display: inline-block; vertical-align: middle; }
.page-2994 #ContentRegularModule #text1 p:first-child img, .page-2996 #ContentRegularModule #text1 p:first-child img, .page-2993 #ContentRegularModule #text1 p:first-child img, .page-2995 #ContentRegularModule #text1 p:first-child img { width: 280px; }
.page-2994 #headline, .page-2996 #headline, .page-2993 #headline, .page-2995 #headline { display: none; }

#LobbyModule .sections .grid-content-section { padding: 0; }


.menuModuleContentPart { border: 0; }
.menuModuleContentPart:after { display: none; }
#MenuModule .menuModuleNav a { padding: 5px 10px; color: #7C6E60; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.menuModuleTextItemTitle { color: #7C6E60; font-size: 120%; }
.menuModuleTextItemPrice { color: #7C6E60; }
.menuModuleTextItemDescription { color: #000000; line-height: 1.2; font-size: 90%; }
.menuModuleContentPart { padding-top: 0; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { background: #7C6E60; color: #ffffff; padding: 5px 10px; border-radius: 0; }


#contact-boxes { display: none; }

.menuModuleTextItemSubject { margin-bottom: 30px; }


body.page-2992 #lobbyview .grid-box, body.page-2992 #LobbyModule .grid-box { margin-bottom: 40px; }
body.page-2992 .grid-box-title { width: 100%; position: relative; }
body.page-2992 .grid-box-title:after { content: ""; border-bottom: 1px solid; position: absolute; top: 50%; width: 100%; left: 0; z-index: 0; }
.grid-boxes .grid-box-title h3 a { background: #fff; display: inline-block; padding: 0 15px; z-index: 1; position: relative; }


#headline:after { content: ""; border-bottom: 1px solid; position: absolute; top: 50%; width: 100%; left: 0; z-index: 0; }
#headline { position: relative; max-width: 90%; margin: auto; }
#headline h1 { background: #ffffff; z-index: 2; position: relative; display: inline-block; padding: 0px 25px; }

main#SiteGrid.blog-grid #headline { max-width: 100%; padding-right: 15px; padding-left: 15px; }
main#SiteGrid.blog-grid #headline:after { width: calc(100% - 30px); left: 0; z-index: 0; margin-right: 15px; margin-left: 15px; }
.blog-post-image img { width: 80%; margin: auto; margin-bottom: 10px; }
.blog-post { text-align: center; }

#BlogView .blog-related-posts h2 { text-align: center; }


#GridTop.noTopImage.blog { height: 0; }
.blog-view .share-strip:before, .blog-view .share-strip:after { display: none; }
.blog-post-icons { text-align: center; }
.page-2981 .grid-boxes .grid-box-subtitle a { line-height: 20px; }

#DynamicFormObject, #DynamicFormObject:after { border: 0; }
#DynamicFormObject:before { width: 100%; content: ""; border-top: 2px solid #000000; position: absolute; left: 0; bottom: 0; right: 0; }
#DynamicFormObject:after { width: 100%; content: ""; border-top: 2px solid #000000; position: absolute; left: 0; bottom: 0; right: 0; }
#DynamicFormObject, .form-container-wide #DynamicFormObject { padding: 60px 0px; }
#DynamicFormObject input[type="submit"] { background: #000000; border-radius: 0; width: 20%; }
#DynamicFormObject .dynamicFormObjectSubmit, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; text-align: center; }



@media (max-width:991px) and (min-width:767px) {
    body.snif #lobbyview .grid-box, body.snif #LobbyModule .grid-box { width: 30%; }
}

@media (min-width:991px) {
    body.page-2992 .grid-box:nth-child(odd) { padding-left: 40px; }
    body.page-2992 .grid-box:nth-child(even) { padding-right: 40px; }

    .birthPage #text1 { max-width: 60%; }
}


@media (max-width:767px) {
    .page-2994 #ContentRegularModule #text1 p:first-child, .page-2993 #ContentRegularModule #text1 p:first-child, .page-2995 #ContentRegularModule #text1 p:first-child, .page-2996 #ContentRegularModule #text1 p:first-child { display: block; width: 70%; margin: auto; margin-bottom: 15px; }
    .page-2994 #ContentRegularModule #text1 p:last-child, .page-2993 #ContentRegularModule #text1 p:last-child, .page-2995 #ContentRegularModule #text1 p:last-child, .page-2996 #ContentRegularModule #text1 p:last-child { display: block; margin: auto; width: 75%; }
    #lobbyview.shown .grid-box.col-xs-6, #LobbyModule .grid-box.col-xs-6 { width: 100%; }
    #lobbyview.shown .grid-box.col-xs-6.col-sm-6.col-md-3.pull-right.box, #LobbyModule .grid-box.col-xs-6.col-sm-6.col-md-3.pull-right.box { width: 50%; margin-bottom: 40px; }
    #lobbyview .grid-boxes .grid-box-title h3, #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 110%; }
    body.page-2989 #lobbyview .grid-box .grid-box-title, body.page-2989 #LobbyModule .grid-box .grid-box-title, body.page-2990 #lobbyview .grid-box .grid-box-title, body.page-2990 #LobbyModule .grid-box .grid-box-title { margin-top: 8px; }

    body.snif #lobbyview .grid-box, body.snif #LobbyModule .grid-box { width: 35% !important; }
    body.snif #LobbyModule .grid-box.lastItem .grid-box-image { width: 35%; padding-bottom: 35%; }

    #lobbyText { font-size: 110%; }
    #lobbyText p { max-width: 95%; }
    .menuModuleTextItemDescription { font-size: 100%; }
    .menuModuleContentPart { margin-bottom: 0px; padding-bottom: 0; }
    #DynamicFormObject, .form-container-wide #DynamicFormObject { padding: 30px 0px 10px; }
    #DynamicFormObject input[type="submit"] { width: 28%; }
    .must:before { right: 15px; }
}

.blogSection .grid-boxes .section-animation-item:after { content: none; }

.blogSection .grid-boxes .grid-box-image { padding-bottom: 75%; }

.blogSection { margin-bottom: 15%; }

.grid-text-section.bg-slogen { margin-top: 10%; }


@media screen and (max-width:767px) {
    .blogSection .grid-boxes .section-animation-item:before { content: none; }
    .blogSection .grid-boxes .section-animation-item { margin-bottom: 10%; }
}

@media screen and (max-width: 1023px) {
    .blogSection .grid-boxes .grid-box-image { padding-bottom: 80%; }
}

@media screen and (max-width: 1440px) {
    .blogSection { margin-bottom: 10%; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .grid-text-section.bg-slogen { margin-top: 2%; }
    .blogSection { margin-bottom: 0px; }
    .blogSection .section-title.section-animation-item.up.shown { margin-bottom: 2%; }
    .blogSection .grid-boxes .box-image-animation img { margin: 15px auto 0px; }
    .blogSection .grid-boxes .section-animation-item { margin-top: 15px; }
}




body.workspaces table { margin: auto; text-align: right; margin-top: 15px; }
body.workspaces td { padding: 0px 15px; border-left: 1px solid; }
body.workspaces tr { border: 1px solid; }
body.workspaces tr:first-child { font-weight: bold; }
body.workspaces .faq-headline { font-size: 100%; }

/*Changes 29/11/18*/
/*Home Page*/
/*Events Section*/
.grid-text-section p a { background-color: #121212; color: #fff; border: 1px solid transparent; padding: 0 35px; font-size: 90%; line-height: 40px; height: 100%; display: inline-block; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

/*****Inner Pages*****/
/*Events Page*/
.categories-strip ul li { margin-left: -4px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.categories-strip ul li:hover, .categories-strip ul li:focus { background: #000; }

/*Changes 10/1/19*/
.blogSection .grid-boxes .box-image-animation img, .blog-post-image img { border-radius: 50%; }



/*new header 2025*/
#header2 { background-color: transparent; padding: 20px 40px; }
#header2.bg { background-color: #fff; color: #000 }
#header2 #header-container { display: flex; align-items: center; justify-content: space-between; }
#header2 #header-left .logoHeader img { height: 48px; }
#header2 .header-top { padding: 0; }
#header2 .header-top-right { display: flex; align-items: center; justify-content: flex-start; gap: 17px; }
#header2 .header-top .address { display: flex; justify-content: flex-start; align-items: center; color: #000; font-size: 22px; font-style: normal; font-weight: 400; line-height: 100%; /* 22px */ }
#header2 span.bottomAddress { padding: 6px 8px; background: #fff; }
#header2 .header-top-left { margin: 0; display: inline-flex; align-items: center; gap: 17px; }
#header2 .header-top-left a { margin: 0; background: #fff; border-radius: 50%; height: 30px; width: 30px !important; text-align: center; }
#header2 .header-top-left a svg { fill: #121212; }
#header2.bg .header-top-left a { background: #000; }
#header2.bg .header-top-left a svg { fill: #fff; }
#header2 .mobile-middle-kdm { display: flex; align-items: center; justify-content: center; gap: 32px; }
.bg #header-left a { filter: brightness(0); }
#header2 ul.menu { margin: 0; display: flex; align-items: center; justify-content: center; gap: 32px; }
#header2 ul.menu li { margin: 0 }
#header2 ul.menu li.prom-links { order: 2; }
#header2 ul.menu li.prom-links:has(.branches-link) { order: 4; }
#header2 ul.menu li a[href="/onlinereservation"] { pointer-events: none; }
#header2 ul.menu li:has(a[href="/Menus"]) { order: 3; }
#header2 ul.menu li:has(a[href="/Gift"]) { order: 5; }
#header2 ul.menu li::before { content: none; }
#header2 .mobile-middle-kdm a { margin: 0; font-size: 24px; display: inline-block !important; }
#header2.bg .mobile-middle-kdm a { color: #000 }
#header2 .mobile-middle-kdm a:hover, #header2 .mobile-middle-kdm a:focus,
#header2 .mobile-middle-kdm .active a { color: #ccc0b4; }
#header2 .menu-sub { transform: translateX(50%) translateY(-6%); width: max-content; right: 60%; bottom: unset; background: transparent; /* padding: 27px 0 0; */ }
.new-menu-wrapper { background: #fff; color: #121212; display: flex; align-items: center; justify-content: center; gap: 12px; padding-inline: 32px; }
#header2 ul.menu .menu-sub li { margin: 0; color: #000; font-size: 24px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; }
#header2 ul.menu .menu-sub li:not(:last-child):after { content: ''; width: 3px; height: 16px; background-color: #000; transform: skewX(-10deg); }
#header2 ul.menu li .menu-sub a { padding: 8px 0; font-size: 19px; }

@media (min-width:768px) {
    #header2 ul.menu li:has(:is(a[href="/About"],a[href="/jobs"],a[href="/contact"])) { display: none; }
}

@media (max-width:767px) {
    #header2 { padding: 20px 15px; background: #000; }
    #header2 .header-top { display: none; }
    #header2 .max-width { width: 100%; max-width: 100%; }
    #header2 #header-left { margin: 0; }
    #header2 #header-left .logoHeader img { height: auto; width: 49px; }
    #header2 .mobile-middle-kdm { margin: 0; list-style: none; gap: 15px; width: 60%; }
    #header2 .mobile-middle-kdm a { padding: 0; border: 0; font-size: 20px; }
    #header2 .phone-icon { position: fixed; left: 14px; bottom: 25px; top: auto; width: 56px; height: auto; aspect-ratio: 1; background: #fff; border-radius: 50%; }
    #header2 .phone-icon a { color: #121212; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transform: scaleX(-1); }
    #header2 .header-right-section { background: transparent; }
    #header2 .menu-nav { margin: 0 }
    #header2 ul.menu { padding: 0; top: 87px; width: 100vw; right: 0; justify-content: flex-start; background: #000; position: fixed; flex-direction: column; gap: 0; align-items: flex-start; text-align: start; display: none; }
    #header2 ul.menu li, #header2 ul.menu li.active { padding: 0; height: 100%; }
    #header2 ul.menu li.active { background-color: #2a2a2a }
    #header2 ul.menu li a { padding: 10px 30px; display: inline-flex !important; font-size: 150%; }
    #header2 .mobile-middle-kdm .menu-sub { position: absolute; background: #fff; padding: 0; }
    #header2 .mobile-middle-kdm li.open .menu-sub { display: flex !important; padding: 0 15px; gap: 8px; justify-content: flex-start; align-items: center; overflow: auto; right: 50%; }
    #header2 .mobile-middle-kdm .menu-sub li { display: inline-flex; align-items: center; justify-content: space-around; gap: 8px; min-width: 25%; }

    #header2 .mobile-middle-kdm .menu-sub li a { color: #000; padding-block: 8px; font-size: 16px; }
    #header2 .mobile-middle-kdm .menu-sub li.active a, #header2 .mobile-middle-kdm .menu-sub li a:hover, #header2 .mobile-middle-kdm .menu-sub li a:focus { color: #ccc0b4; }
    #header2 .mobile-middle-kdm .menu-sub li:after { content: ''; background: #ccc0b4; width: 2px; height: 10px; transform: skewX(-15deg); }
    #header2 .mobile-middle-kdm .menu-sub li:last-child:after { background: transparent; }

    #header2 .mobile-middle-kdm li.has-sub { display: flex; align-items: center; justify-content: flex-start; gap: 7px; }
    #header2 .mobile-middle-kdm li.has-sub i { margin: 0; font-size: 100%; position: absolute; width: 90px; height: 30px; color: transparent }
    #header2 ul.menu li.social-mobile .social-links { display: flex; align-items: center; justify-content: flex-start; padding: 10px 30px; gap: 10px; }
    #header2 ul.menu li.social-mobile .social-links a { background: #fff; border-radius: 50%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }
    #header2 ul.menu li.social-mobile .social-links a svg { fill: #000; }
    #header2 ul.menu li .menu-sub a { padding: 8px 0; font-size: 19px; color: white; }
    #header2 .mobile-middle-kdm a[href="/Snifim"] { display: none !important; }
}


/*09/04/2025*/
#contactDetails .contactDetailsText1 { margin-bottom: 0; }
#contactDetails .contactDetailsText1 p { margin: 0; }