﻿/*Opera*/
body, .home-page #header:not(.bg), #header.bg, .grid-rows .grid-row { background-color: #eae3d3; }
body, .home-page #header:not(.bg), #header.bg { box-shadow: 0 3px 20px 0 rgb(0 0 0 / 16%); }
body { font-size: 15px; }
body:not(.home-page) footer { padding-top: 110px; }
/****buttons****/
#header #header-center-kdm a, .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button,
.grid-gallery-section .sec-button, #DynamicFormObject input[type=submit] { background: #1f4d44; color: #fff; height: 40px; font-size: 15px; min-width: 160px; display: inline-flex !important; justify-content: center; align-items: center; border-radius: 0; border: none; transition: all 0.2s ease-in-out; margin: auto; }

#header #header-center-kdm a:hover, #header #header-center-kdm a:focus, .grid-text .sec-button:hover, .grid-text .sec-button:focus,
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus,
.grid-gallery-section .sec-button:hover, .grid-gallery-section .sec-button:focus { background: #121212; color: #fff; }

/****headlines****/
.section-title h1, .section-title h2, .grid-content-section .grid-box .grid-box-title h3 a,
.grid-rows .grid-row-text h2, .grid-rows .grid-row-text h3, .grid-gallery-section h3, #headline h1 { color: #451010; }

#header #header-center-kdm { flex-direction: row-reverse; }
#header #header-center-kdm .languages { display: block; margin-left: 0; margin-right: 0; }
#header #header-center-kdm a.lang:last-child { margin-right: 5px; max-width: 50px; min-width: unset; height: 30px; background: transparent; border: 1px solid #7f2429; }
#header #header-center-kdm a::before, #header #header-center-kdm .languages:before { content: none; }
#header #header-center-kdm a.lang:hover:last-child { color: #000; }
@media(max-width: 767px) { 
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #headline { font-size: 190% }
    #headline { margin-bottom: 20px; }
    #header #header-center-kdm a:first-child { min-width: 144px; }
    .grid-rows .grid-row-text a.grid-row-button { margin-top: 20px; margin-right: 0; }
    .home-page .grid-rows .grid-row-text a.grid-row-button.last-btn { margin-right: 0; }
}
/****padding/margin****/
.sections .grid-content-section, .section { padding: 115px 0 0; margin: 0 auto 40px; overflow: hidden; }
@media(max-width: 767px) {
    .sections .grid-content-section, .section { padding: 65px 0 0; }
    .grid-gallery-section.full-width { margin-bottom: 20px; }
}
/*hamburger*/
#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: #7f2429; }
#header .submenu li > a { color: #451010; }

@media(min-width:768px) {
    #header .submenu { background: #f4eee1; top: 0; right: -20px; }
    #header .submenu > li:focus > a, #header .submenu > li:hover > a, #header .submenu > li.active,
    #header .submenu .menu-sub li a:hover, #header .submenu .menu-sub li a:focus, #header .submenu .menu-sub li.active a { background: #eae3d3; }
    #header .submenu .menu-sub { padding: 0; }
    #header #header-left img, #header.bg #header-left img { max-width: 120px; }
}
@media (max-width: 767px) {
    #header #header-right { width: auto; }
    #header .submenu { background: #f4eee1; }
    .has-sub i.opensub { color: #000; }
}
/*slider*/
#home-gallery::after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; z-index: 2; opacity: 0.35; }
#home-gallery .gallery-caption { z-index: 3; text-align: center; }
@media (min-width: 768px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 433%; color: #fff; font-family: 'NotoSansDL-Bold'; line-height: normal; letter-spacing: 1.3px; }
    #home-gallery .gallery-caption .gallery-text > span { font-size: 30px; position: relative; display: flex; align-items: center; justify-content: center; letter-spacing: 0.6px; }
    #home-gallery .gallery-caption .gallery-text > span::after, #home-gallery .gallery-caption .gallery-text > span::before { content: ""; background: #fff; border-radius: 50%; width: 8px; height: 8px; margin-left: 10px; }
    #home-gallery .gallery-caption .gallery-text > span::before { margin-right: 10px; margin-left: 0; }
}
@media (max-width: 767px) {
    #home-gallery .gallery-caption .gallery-text { font-family: 'NotoSansDL-Bold'; }
}
/*grid-boxes*/
.grid-content-section .grid-box.col-md-6 .grid-box-image { padding-bottom: 68.5%; overflow: visible; }
.grid-content-section .grid-boxes .grid-box::after { content: ""; position: absolute; background-image: url('/warehouse/dynamic/273877.svg'); background-size: contain; background-repeat: no-repeat; width: 418px; height: 287px; top: -20px; left: -20px; z-index: -1; }
.grid-content-section .grid-boxes .grid-box.lastItem::after { left: -20px; right: unset; }
.grid-content-section .grid-boxes .grid-box::after { left: auto; right: -20px; }
@media(max-width: 767px) {
    .grid-content-section .grid-boxes .grid-box.lastItem::after, .grid-content-section .grid-boxes .grid-box::after { height: 80%; }
    .grid-content-section .grid-boxes .grid-box::after { left: unset; right: -120px; }
    .grid-content-section .grid-box:nth-child(odd) .box-image-animation img { max-width: 95%; margin: 0 auto 0 0; }
    .grid-content-section .grid-box:nth-child(even) .box-image-animation img { max-width: 95%; margin: 0 0 0 auto; }
    .grid-content-section .grid-box:nth-child(even) .box-image-animation::after,
    .grid-content-section .grid-box:nth-child(odd) .box-image-animation::after { width: 100%; }
    .grid-boxes .box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); }
}
/*new Img section*/
.textImageWrapper { position: relative; }
.textImageWrapper .grid-image-section { position: unset; }
.textImageWrapper .grid-text-section { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 5; width: 70%; }
.textImageWrapper .grid-text .grid-text-content, .textImageWrapper .grid-text-section .section-title h2 { color: #fff; }
.textImageWrapper .grid-text-section .grid-text-content h2 { margin-bottom: 20px; }
@media(max-width: 767px) {
    .grid-text-section .section-title { top: 40%; width: 100%; }
    .grid-text-section .section-title h2 { font-size: 220%; }
    section.section.grid-text-section { padding-top: 0; margin-bottom: 0; }
}
/*gridRow section*/
section.grid-row-section { max-width: 1170px; overflow: visible; }
.grid-row-section .grid-rows .grid-row:first-child { padding-bottom: 90px; }
.grid-row-section .grid-row:last-child .grid-row-cell.grid-row-cell-text { padding-left: 130px; padding-right: 0; }
.grid-rows .grid-row-text h3 { font-family: 'NotoSansDL-Bold'; font-size: 130%; }
.grid-row-section .grid-row li.slider-item, .grid-row-section .box-image-animation { overflow: visible; }
.grid-row-section .grid-row li.slider-item { padding-bottom: 122.4%; }
.grid-row-section .box-image-animation::after { content: ""; position: absolute; background-image: url(/warehouse/dynamic/273951.svg); background-size: contain; background-repeat: no-repeat; width: 310px; height: 267px; bottom: -25px; left: 15px; z-index: -1; }
.grid-row-section .grid-row:nth-child(even) .box-image-animation::after { content: ""; position: absolute; background-image: url(/warehouse/dynamic/273951.svg); background-size: contain; background-repeat: no-repeat; width: 310px; height: 267px; top: -25px; left: -25px; z-index: -1; }
.grid-rows .grid-row-text a.grid-row-button { margin-top: 15px; }

@media (max-width: 1200px) {
    .grid-row-section .box-image-animation img { height: 100% !important; }
}
@media (max-width: 767px) {
    section.grid-row-section { max-width: 90%; margin: auto; }
    .grid-row-section .grid-row:last-child .grid-row-cell.grid-row-cell-text { padding: 0; }
    .grid-row-section .grid-row li.slider-item, .grid-row-section .box-image-animation { z-index: 0; }
    .grid-row-section .box-image-animation::after { height: 219px; bottom: -15px; }
    .grid-row-section .grid-row:nth-child(even) .box-image-animation::after { top: -15px; left: -15px; }
}
/*gallery*/
.grid-gallery-section h3 { font-size: 140%; font-family: 'NotoSansDL-Bold'; letter-spacing: 0.42px; }
.carousel .plus-sign { display: block; }
.grid-gallery-section.full-width { padding: 0 15px; margin-top: 115px; }
/*footer*/
#SiteFooter { background: #451010; color: #fff; }
.footer-text-divided { padding: 60px; font-size: 14px; }
.footer-text-divided > div.footer-text-left p { padding-bottom: 10px; }
.footer-text-divided > div.footer-text-left p img { margin-right: 15px; }
.footer-text-divided > div.footer-text-right ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-columns: 40px 3; -moz-columns: 40px 3; columns: 40px 3; -moz-column-fill: balance; column-fill: balance; }
@media(max-width: 767px) {
    .footer-text-divided > div.footer-text-right ul li { margin-bottom: 5px; }
    .footer-text-divided  { padding: 20px; }
    #SiteFooter { padding-bottom: 0px; }
}
/*inners*/
/*----about----*/
#text1, #text2 { color: #451010; }
#text1 img { padding: 60px 0; }
#subheadline h2 { font-family: 'NotoSansDL-Bold'; font-size: 334%; color: #451010; }
.gallery-cubes .image-link-inner { color: #fff; background: transparent; border: 1px solid; font-weight: 100; font-family: auto; }
@media(max-width: 767px) {
    #subheadline h2 { font-size: 190%; }
}
/*----menu----*/
.categories-strip ul li { background: #e0d6c3; border: 1px solid #451010; }
.categories-strip ul li:not(.active) a:hover, .categories-strip ul li:not(.active) a:focus, 
.categories-strip ul li.active { background: #451010; color: #ffffff; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a, .menuModuleTextItemTitle, .menuModuleTextItemDescription,
.menuModuleTextItemPrice, .menuModuleTextItemSubject { color: #451010; }
.menuModuleTextItemDescription { text-align: left; }
.menuModuleTextItemPrice { font-family: 'NotoSansDL-Bold'; }
#MenuModule .menuModuleNav a::before { background: #451010; height: 4px; }
.menuModuleTextItemPart:after { border-color: #451010; }
@media(max-width: 767px) {
    #MenuModule::after { background: linear-gradient(90deg, rgba(234,227,211,1) 0%, rgba(234,227,211,0) 100%); }
    .categories-strip { background: #eae3d3; color: #451010; }
    .mobile-strip .select-wrapper li.strip-item { border: none; color: #451010; }
    .menuModuleContentPart li.IconsExplanation { display: none;}
    .menuModuleContentPart { margin-bottom: 0; }
    .mobile-strip { overflow: hidden; padding: 0; border-bottom: 1px solid #451010; }
    .mobile-strip span:first-child { margin-right: 25px; }
}
/*----contact----*/
.contactPage #text1 ul, .contactPage #text2 ul { display: flex; justify-content: space-around; padding: 40px 0; }
.form-container-wide #DynamicFormObject { background: #e0d6c3; border: 1px solid #451010; }
.normal-form select, .normal-form textarea { background: #fff; margin-bottom: 10px; }
.normal-form select { height: 45px; }
.FormResultPage #headline { text-align:center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 25px; }

.jobs .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 50%; }
@media(max-width: 767px) {
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 90%; color: #451010; }
    .form-container-wide #DynamicFormObject {max-width: 100% !important;}
    .jobs .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
}

/*media*/
.grid-short-box.box { background: #e0d6c3; color: #451010; border: 1px solid #451010; margin-bottom: 30px; }
.grid-short-box.box .grid-short-box-text { color: #2a4f47; text-decoration: underline; font-family: 'NotoSansDL-Bold'; }
#gridshort-view-media .grid-short-box-label { font-family: 'NotoSansDL-Bold'; }
.grid-short-box.box:hover { background: #f5eee0; color: inherit; }
.grid-short-box.box:hover .grid-short-box-text { color: #2a4f47; }