/* BENJAMIN */

:root { --firstColor: #EEEBE3; --secondColor: #fff; --green: #3A583E; --thirdColor: #012C43; --footerColor: #111111; --firstFont: FbKarlibach-Light; --secondFont: Benjamin_yw-Regular; --thirdFont: FbKarlibach-Medium; }

/* GENERAL */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after,
.container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before,
.form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before,
.navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before,
.panel-body:after, .modal-footer:before, .modal-footer:after { display: none; }

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-size: clamp(4rem, 2.34vw, 4.5rem); }

/* HEADER */
header { display: flex; position: fixed; top: 0; z-index: 9999 !important; width: 100%; flex-direction: column; left: 0; }
#header, body[data-module="1"] #header:not(.bg), #header.bg { background: var(--firstColor); position: relative; }
#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(--footerColor); }
#header #header-center-kdm a { font-family: var(--firstFont); color: var(--footerColor); }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus { color: var(--footerColor); font-family: var(--thirdFont); }
.submenu, #header:not(.menu-open):not(.subopen) + .submenu { padding: 120px 0 0 !important; background: var(--firstColor); top: 0; }
.submenu li { color: var(--footerColor); list-style: none; }
.submenu > li.social-mobile .social-links svg { height: 15px; }

/* HOME PAGE */
body.home-page { background: var(--firstColor); }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .gallery-caption { top: calc(50% - 100px); transform: translate(-50%,-50%); }
#home-gallery .gallery-caption.caption-text { top: calc(50% + 100px); }
#home-gallery .gallery-caption.caption-text a.gallery-text-btn.photoCaptionLink { background: #fff; color: var(--green); font-family: var(--secondFont); }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:focus { background: var(--green); border-color: #fff; }

.KDMStrip { background: rgba(255, 255, 255, 0.30); }
.KDMStrip .KDMStripBtn { /*display: none; */ background: var(--thirdColor); }
.KDMStrip nav ul { background: var(--thirdColor); }

body[data-module="1"] .grid-content-section { padding: 0 15px; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box,
body[data-module="1"] .grid-content-section .grid-boxes .grid-box img,
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-image { border-radius: 8px; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text { padding: 0 20px 7px; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 4.5rem; }

/* REST */
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemTitle { font-family: var(--secondFont); font-size: 1.8rem; }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart :is(.menuModuleTextItem0, .menuModuleTextItem1) { width: 100%; }

.press { background: #fff; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box { background: var(--firstColor); }

body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul { width: 50%; }

body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 a,
body[data-module="2"]:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #headline,
body[data-module="4"] #GridContent #MenuModule #headline,
body[data-module="10"] .section.grid-row-section .grid-row .grid-row-text h2,
body[data-module="10"] .section.grid-gallery-section :is(.section-title h2, .GalleryTitle h2),
.press #pageview #headline h1,
.page-404 #GridPage .page-not-found a,
.FormResultPage #GridContent #pageview #headline,
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton,
.accessabilityMainPage #GridContent #pageview #headline h1,
.accessabilityMainPage #GridContent #pageview h2 { font-family: var(--secondFont); }

/* FOOTER */
#SiteFooter .footer-text-divided { justify-content: space-between; }
.footer-text-divided > div.footer-text-left { display: inline-flex; flex-direction: column; gap: 10px; }
.footer-text-divided > div.footer-text-left p { color: #fff; }
.footer-text-divided > div.footer-text-left p img { margin-right: 15px; }
#SiteFooter .site-credit.alternative .text-center { background: inherit; }

@media(max-width: 1024px) {
    #header #header-center-kdm a:first-child { background: #fff; border-radius: 4px; border: 1px solid #3a2c1e; padding: 0 32px; }

    body[data-module="1"] .grid-content-section { padding: 0 10px; }
    body[data-module="1"] .grid-content-section .grid-boxes { padding: 0; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 2.8rem; }

    body[data-module="4"] #GridContent #MenuModule #menuModuleNav { padding: 30px 35px 15px !important; width: 100% !important; margin-bottom: 15px !important; }
    body[data-module="4"] #GridContent #MenuModule #menuModuleNav a { white-space: nowrap; }
}