@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@charset "utf-8";
/*===== Common Class =====*/

body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    position: relative;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 122px;
}

h1, h2, h3, h4, h5, h6, p, ul { padding: 0; margin: 0; }
li {list-style: none;}
img {border: 0;max-width: 100%;}

*:hover, *:focus, *:active {
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

*:focus {
    box-shadow: none !important;
}

a {
    outline: none !important;
    text-decoration: none;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

a:hover, a:focus { text-decoration: none; }
a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
a:hover, a:focus { color: #252525; }

button, input, textarea {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

html, body{ overflow-x: hidden; }

/* .container{max-width: 1250px;} */
img{height: 100%;width: 100%;object-fit: cover;object-position: center center;}
h1{font-size: 53px;font-weight: 700;line-height: normal;color: #fff;letter-spacing: 3.15px;text-transform: uppercase;}
h2{font-size: 42px;font-weight: 700;line-height: normal;color: #fff;letter-spacing: 2.65px;}
h3{font-size: 35px;font-weight: 700;color: #775238;text-transform: uppercase;line-height: 35px;letter-spacing: 2px;text-align: center;}
p{color: #fff;letter-spacing: 0.66px;}

label{ color: #8A6A54; margin-bottom: 15px; }
.form-control{ height: 57px; border: 0; background-color: #fff; color: #8A6A54; }
.form-control:focus{ color: #8A6A54; }
textarea.form-control{ resize: none; height: 130px; }
select.form-control{ background-image: url(../images/down-arrow.svg); background-position: right 20px center; background-size: 25px; background-repeat: no-repeat; height: 51px !important; border: 0; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.button-main{text-align: center;cursor: pointer; display: inline-block;background: #fff;color: #775238;font-size: 30px;letter-spacing: 1.5px;padding: 7px 22px;border: 2px solid #775238;font-weight: 700;}
.button-main:hover, .button-main:active, .button-main:focus{background: #775238;color: #fff;}

/*.checkbox-blocks{ list-style: none; margin: 15px 0 90px; padding: 0; position: relative; }
.styled-checkbox { position: absolute; opacity: 0; width: 100%; height: 100%; } 
.styled-checkbox + label { margin-bottom: 0; position: relative; cursor: pointer; padding: 0 0 0 45px; color: #8A6A54; font-size: 15px; letter-spacing: -0.14px; line-height: 21px; font-weight: 400; } 
.styled-checkbox + label:before { position: absolute; left: 0; content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 25px; height: 25px; background: white; border: 0; border-radius: 0; } 
.styled-checkbox:checked + label:before { background: #9D664A; border-color: #9D664A; } 
.styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto; } 
.styled-checkbox:disabled + label:before { box-shadow: none; background: #ddd; } 
.styled-checkbox:checked + label:after { border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); border-radius: 0px; content: ''; padding: 2px; position: absolute; left: 9px; top: 4px; width: 7px; height: 14px; }*/
.checkbox-blocks{ list-style: none; margin: 15px 0 60px; padding: 0; position: relative; }
.checkbox-blocks .single-check{ /*display: inline;*/ }
.checkbox-blocks .wpcf7-form-control-wrap{ display: inline; position: static; }
.checkbox-blocks .wpcf7-form-control { display: inline; }
.checkbox-blocks span.wpcf7-list-item{ display: inline; }
/* input[type=checkbox]{ width: 25px; height: 25px; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; border: 0; border-radius: 0; } */
.contact-form .checkbox-blocks input[type="checkbox"]{ position: absolute; left: 0; }
.checkbox-blocks span.wpcf7-list-item{ margin: 0; } 
.checkbox-blocks label{ display: inline; margin-bottom: 0; position: relative; cursor: pointer; padding: 0 0 0 35px; color: #8A6A54; font-size: 15px; letter-spacing: -0.14px; line-height: 21px; font-weight: 400;}
.checkbox-blocks label .wpcf7-list-item-label{ padding-left: 0; vertical-align: top; }
.checkbox-blocks .single-check a{ font-size: 15px; color: #8A6A54; position: relative; top: -4px; }
.checkbox-blocks .single-check .wpcf7-not-valid-tip{ position: absolute; width: 100%; display: inline; margin-top: 20px; left: 0; }


.btn-link{ text-decoration: none; letter-spacing: 1.5px; font-size: 28px; position: relative; font-weight: bold; position: relative;}
.btn-link span{ position: absolute; left: 0; bottom: 5px; height: 1px; width: 100%; background-color: #fff;display: block;transition: all 0.2s linear;}
.btn-link:hover, .btn-link:focus, .btn-link:active{ text-decoration: none; color: #fff;}
.btn-link:hover span, .btn-link:focus span, .btn-link:active span{animation: border-anim 0.4s linear;}
@keyframes border-anim{
    0%{
        width:0%;
    }
    100%{
        width:100%;
    }
}
.white-color{ color: #fff; }
.chocolate-color{background-color: #EBBC7D !important;}
.biscuits-color{background-color: #F6F3EE !important;}
.wafers-color{background-color: #D13D69 !important;}
.nuts-color{background-color: #B1C169 !important;}

.more-link{font-size: 20px;line-height:24px;color: #EBBC7D;position: relative;font-weight: 700;}
.more-link:hover, .more-link:focus, .more-link:active{color: #EBBC7D;}
.more-link:after{content: "";position: absolute;bottom: 4px;right: -16px;background: url(../images/right-arrow-chocolate.svg) no-repeat center center;background-size: cover;width: 9px;height: 14px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.more-link:hover:after, .more-link:focus:after, .more-link:active:after{right: -26px;color: #EBBC7D;}
 
/* header */

/* header .navbar{padding: 0;align-items: center;height: 122px;} */
header .navbar{padding: 0;align-items: center;height: 122px;position: fixed;background: #fff;top: 0;left: 0;right: 0;z-index: 11;}
header .navbar-brand{position: absolute;top: 14px;left: 0;right: 0;margin: 0 auto;width: 340px;padding: 0;}
header .navbar-collapse .navbar-nav li{margin-right: 80px;}
header .navbar-collapse .navbar-nav li a.nav-link{font-size: 18px;line-height: 30px;color: #775238;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-weight: 700;padding: 0;}
header .navbar-collapse .navbar-nav li a.nav-link:hover, header .navbar-collapse .navbar-nav li a.nav-link:active, header .navbar-collapse .navbar-nav li a.nav-link:focus{color: #B1C169;}
header .navbar-collapse.right .navbar-nav li:first-child{margin-left: 80px;margin-right: 0;}
header .navbar-collapse.right .navbar-nav li{margin-left: 20px;margin-right: 0;}
header .navbar-collapse .dropdown-menu{position: absolute;top: 122px;left: 0;right: 0;width: 100%;margin: 0;border: 0;background-color: rgba(246, 243, 238, 0.88);padding: 70px 0;border-radius: 0;}
header .navbar-collapse .dropdown-menu .submenu-block{display: flex;justify-content: center;}
header .navbar-collapse .dropdown-menu .container, header .navbar-collapse .dropdown-menu .submenu-block .single-block{padding: 0 10px;}
header .navbar-collapse .dropdown-menu .submenu-block{margin: 0 -10px;}
header .navbar-collapse .dropdown-menu .single-block{cursor: pointer;width: calc(100% / 4);}
header .navbar-collapse .dropdown-menu .single-block .submenu-img{width: 100%;height: 195px;overflow: hidden;margin-bottom: 30px;}
header .navbar-collapse .dropdown-menu .single-block .submenu-img img{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;}
header .navbar-collapse .dropdown-menu .single-block:hover .submenu-img img{transform: scale(1.1);}
header .navbar-collapse .dropdown-menu .single-block h4{font-size: 23px;line-height: 27px;text-transform: uppercase;color: #775238;letter-spacing: 1.15px;font-weight: 700;}
header .navbar-collapse .dropdown-menu .single-block h5{font-size: 23px;line-height: 30px;letter-spacing: 0px;color: #775238;}
/* header .container{position: relative;} */
header .language-main{position: absolute;z-index: 111;width: 1110px;margin: 0 auto;top: 6px;}
header .language-main .wpml-ls-legacy-list-horizontal{padding: 0 !important;}
header .language-main ul{display: flex;justify-content: flex-end;}
header .language-main ul li{margin-left: 15px !important;}
header .language-main ul li a{width: 20px;height: 14px;display: flex;padding: 0;}
header .language-main ul li a img{width: 100% !important;height: 100% !important;}
header .language-main ul li a:hover{opacity: 0.6;}

/* footer */

footer{background-color: #F6F3EE;padding: 60px 0;position: relative;}
footer .container-footer{width: 1410px;margin: 0 auto;}
footer .footer-top{display: flex;}
footer h6{font-size: 20px;line-height: 30px;color: #775238;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}
footer ul li a{font-size: 20px;line-height: 30px;color: #775238;letter-spacing: 1px;}
footer ul li a:hover, footer ul li a:focus, footer ul li a:active{opacity: 0.6;}
footer .footer-logo-main{position: absolute;top: 55px;left: 0;right: 0;width: 700px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
footer .footer-logo-main a{display: inline-block;}
footer .footer-logo-main .footer-logo a{width: 340px;}
footer .footer-logo-main .footer-img{display: flex; align-items: center; justify-content: center;width: 330px;flex-wrap: wrap;}
footer .footer-logo-main .footer-img .single-logo{ margin: 8px 12px;height: 50px;width: 80px;}
footer .footer-logo-main .footer-img .single-logo img{object-fit: contain;}
footer .footer-bottom{display: flex;align-items: center;justify-content: center;flex-direction: column;margin-top: 70px;}
footer p{color: #775238;font-size: 18px;line-height: 30px;letter-spacing: 0.91px;text-align: center;}
footer p a{color: #775238;}
footer p a:hover, footer p a:focus, footer p a:active{opacity: 0.6;}
footer p a.email{text-decoration: underline;}
footer .footer-bottom .social-icon{width: 140px;}
footer .footer-bottom .social-icon ul{display: flex;justify-content: center;}
footer .footer-bottom .social-icon ul li{display: inline-block;margin: 0 5px;}
footer .footer-bottom .social-icon ul li a{display: inline-block;}
footer .footer-bottom .social-icon ul li a:hover, footer .footer-bottom .social-icon ul li a:focus, footer .footer-bottom .social-icon ul li a:active{opacity: 0.7;}
footer .footer-bottom .social-icon ul li a i.facebook{display: block;width: 40px;height: 40px;background: url(../images/facebook.svg) no-repeat center center;background-size: cover;}
footer .footer-bottom .social-icon ul li a i.instagram{display: block;width: 40px;height: 40px;background: url(../images/instagram.svg) no-repeat center center;background-size: cover;}
.responsive-footer{display: none;}
footer .footer-top.image-bigger .footer-logo-main{ top: 0; }
footer .footer-top.image-bigger { position: relative; }
footer .footer-top.image-bigger .footer-logo{ width: 100%; text-align: center; }
footer .footer-top.image-bigger .footer-logo a{ max-width: 400px; width: 100%; }

/* banner section */

.banner-section{position: relative;}
.banner-section .banner-img, .banner-section #bannervideo{height: 730px;width: 100%;overflow: hidden;}
.banner-section #bannervideo{object-fit: cover;vertical-align: top;}
.banner-section .sound-icon{position: absolute;bottom: 30px;right: 30px;}
.banner-section .sound-icon i{display: block;width: 55px;height: 55px;}
.banner-section .sound-icon i.sound-on{background: url(../images/sound-on.svg) no-repeat center center;background-size: contain;}
.banner-section .sound-icon i.sound-off{background: url(../images/sound-off.svg) no-repeat center center;background-size: contain;}

/* banner bottom section */
 
.banner-bottom-section{background-color: #B1C169;position: relative;height: 560px;display: flex;align-items: center;}
.banner-bottom-section p{margin: 45px 0;}
.banner-bottom-section .home-right-image{position: absolute;left: -155px;width: 640px;top: 50px;}
.banner-bottom-section.right-img-section{padding: 130px 0 103px;}
.banner-bottom-section.short-section{height: 310px;}

/* product section */

.product-section{margin: 160px 0 180px;}
.product-section .product-main{position: relative;}
.product-section .product-main .product-top-image{position: absolute;top: -420px;right: -227px;width: 700px;}
.product-section .product-main .product-bottom-image{position: absolute;bottom: -180px;left: -206px;transform: rotateY(180deg);z-index: -1;width: 700px;}
.product-section h3{margin: 0 0 97px 0;} 
.product-section .container, .product-section .col-md-6{padding: 0 4px;}
.product-section .row{margin: 0 -4px 10px;}
.product-section .row:nth-child(2n) .col-md-6:first-child{order: 2;}
.product-section .product-img{width: 100%;height: 520px;overflow: hidden;} 
.product-section .product-img img{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;}
.product-section .row:hover .product-img img{transform: scale(1.1);}
.product-section .product-name{height: 520px;display: flex;align-items: center;justify-content: center;}
.product-section .product-name h4{font-size: 33px;line-height: 45px;letter-spacing: 2.05px;color: #FFFFFF;text-transform: uppercase;margin-bottom: 45px;font-weight: 700;}
.product-section .product-name.biscuits-color h4, .product-section .product-name.biscuits-color .btn-link{color: #775238;}
.product-section .product-name.biscuits-color .btn-link:before{background-color: #775238;}

/* blog-section */

.blog-section{margin: 0 0 230px 0;position: relative;}
.blog-section::after{content: "";width: 100%;height: 460px;background-color: #ECBD7E;position: absolute;bottom: 23px;left: 0;right: 0;z-index: -1;}
.blog-section h3{margin: 0 0 70px 0;}
.blog-section .blog-slider { margin: 0 -9px;}
.blog-section .blog-page-slider{ display: flex; margin: 0 -9px; }
.blog-section .container{ padding: 0 15px; }
.blog-section .single-blog{padding: 0 9px;}
.blog-section .single-blog .blog-img{width: 100%;height: 320px;overflow: hidden;border: 1px solid #ECBD7E;}
.blog-section .single-blog .blog-img img{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;}
.blog-section .single-blog h5{margin: 40px 0 5px;font-size: 25px;letter-spacing: 1.25px;color: #FFFFFF;text-transform: uppercase;font-weight: 700;}
.blog-section .single-blog:hover{cursor: pointer;}
.blog-section .single-blog:hover .blog-img img{transform: scale(1.1);}
.blog-section .button-main{margin-top: 70px;}
.blog-btn .button-main.resposnive-btn{display: none;}
.reponsive-social-media{display: none;}

.blog-page-section{margin: 130px 0 70px !important;}
.blog-page-section .blog-page-slider{ flex-wrap: wrap; }
.blog-page-section:after{display: none;}
.blog-page-section .single-blog h5, .blog-page-section .single-blog p{color: #775238;}
.blog-page-section .single-blog{margin-bottom: 60px; width: calc(100% / 3);}

.home-blog-section .more-link{ color: #fff; }
.home-blog-section .more-link:after{ background-image: url(../images/right-arrow-chocolate-white.svg); }


/* Contact Page */
.inner-banner .bg-image{ height: 650px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.contact-section{ padding: 150px 0 88px; background-color: #F6F3EE; margin-bottom: 150px; }
.contact-section .title{ margin-bottom: 80px; }
.contact-section h1{color: #775238;}
.contact-section h2{ text-align: left; text-transform: none;color: #775238;} 
.contact-section p, .contact-section a{color: #775238;}
.contact-section a.email{text-decoration: underline;}
.contact-section a:hover, .contact-section a:active, .contact-section a:focus{opacity: 0.8;}
.contact-form-inner .form-input{ margin-bottom: 20px; }
.contact-form-inner .form-input .textarea-16{ margin-bottom: 70px; }
.map-section iframe{ height: 800px; }
.social-section{ padding: 140px 0; background-color: #FFFFFF; }
.social-section .social-inner{ text-align: center; }
.social-section .social-inner h2{ margin-bottom: 48px;color: #775238;  }
.social-section .social-inner p{ margin-bottom: 140px; color: #775238; }
.social-section .social-block{ list-style: none; margin: 0; padding: 0; }
.social-section .social-block li{ list-style: none; margin: 0 0 15px; padding: 0; }
.social-section .social-block li:last-child{ margin-bottom: 0; }
.social-section .social-block li img{ margin-right: 12px; max-width: 40px; width: 100%;}
.social-section .social-block li a{ font-size: 22px; color: #775238; }
.social-section .social-block li a:hover{ color: #000; }
.wpcf7-not-valid-tip{ font-size: 14px; }
.wpcf7-response-output{ border: 0; padding: 0; margin-left: 0; margin-right: 0; font-size: 20px; }
.contact-form input[type="checkbox"]{background: #fff;width: 21px;height: 21px;position: relative;border: 1px solid #775238;border-radius: 2px;} 
.contact-form input[type="checkbox"]:checked:after{content: '';display: block;position: absolute;top: 2px;left: 7px;width: 6px;height: 12px;border: solid #775238;border-width: 0 2px 2px 0;transform: rotate(45deg);}

/* Familienunternehmen Page */
.gallery-section{ padding: 145px 0 155px; }
.gallery-slider .single-image{ padding: 0; transform: scale(0.7); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;position: relative;height: 350px;}
.gallery-slider .single-image img{height: 100%;width: 100%;object-fit: cover;}
.gallery-slider .single-image:before{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #6d6c6c;opacity: 0.5;content: " ";}
.gallery-slider .single-image.slick-current{ transform: scale(1.2); z-index: 1; position: relative; }
.gallery-slider .single-image.slick-current:before{opacity: 0;}
.slick-arrow{ background-color: transparent; height: 30px; width: 30px; z-index: 1; background-image: url(../images/slider-arrow-left.svg); cursor: pointer; background-size: 18px; background-position: center center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 75px; right: 0; font-size: 0; padding: 0; border: 0;}
.slick-arrow.slick-next{ right: 75px; left: auto; background-image: url(../images/slider-arrow-right.svg); }
.gallery-section .logo-block{ display: flex; justify-content: center; align-items: center; margin: 0 auto 100px; max-width: 900px; width: 100%; }
.gallery-section .logo-block .single-logo{ width: 15%;height: 130px;margin: 0 10px;}
.gallery-section .logo-block img{ width: 100%; max-width: 100%;object-fit: contain;}
.unsere-section{ margin-bottom: 140px; background-color: #EBBC7D; padding: 86px 0 70px; text-align: center; }
.unsere-section h3{color: #fff;margin-bottom: 40px;}
.unsere-section p{ margin-bottom: 30px; }
.unsere-section img{ width: 100%; max-width: 407px; height: auto; }
.unsere-section .logo-block{ display: flex; align-items: center; justify-content: center; }
.unsere-section .logo-block .single-logo{ padding: 0 10px; }

/* choco-crunchies-section */

.choco-banner-bottom-section{background-color: #EBBC7D;}
.choco-crunchies-product-section{margin: 90px 0 130px;}
.choco-crunchies-product-section h3{margin-bottom: 65px;}
.choco-crunchies-product-section .choco-crunchies-main .choco-row{display: flex;margin-bottom: 65px;}
.choco-crunchies-product-section .choco-crunchies-main .choco-row:last-child{margin-bottom: 0px;}
.choco-crunchies-product-section .choco-crunchies-main .single-div{width: calc(100% / 4);}
.choco-crunchies-product-section .choco-crunchies-main .single-div .choco-img{width: 150px;height: 150px;overflow: hidden;margin: 0 auto;}
.choco-crunchies-product-section .choco-crunchies-main .single-div p{font-size: 18px;line-height: 30px;color: #775238;width: 220px;margin: 0 auto;text-align: center;}
.choco-crunchies-product-section .choco-crunchies-main .prodcut-brief p{text-align: center;color: #775238;width: 85%;margin: 0 auto;padding-top: 40px;}
.choco-unsere-section{padding: 110px 0 0;height: 400px;}
.choco-unsere-section a{margin: 76px 0 0;}
.other-product-section{margin-bottom: 160px;}
.other-product-section h3{margin-bottom: 65px;}
.other-product-section .other-product-main{display: flex;}
.other-product-section .other-product-main .other-product-single{perspective: 1000px; height: 340px;display: flex;align-items: center;justify-content: center;width: calc(100% / 3);}
.other-product-section .other-product-main .other-product-single h4{color: #fff;margin-bottom: 40px;text-transform: uppercase;font-size: 33px;letter-spacing: 2px;font-weight: 700;}
.other-product-section .product-inner.biscuits-color h4, .other-product-section .product-inner.biscuits-color .btn-link{color: #775238;}
.other-product-section .product-inner.biscuits-color .btn-link::before{background-color: #775238;}
.other-product-section .other-product-single { position: relative; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; } 
.other-product-section .other-product-single:hover .flipper, .other-product-single.hover .flipper { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } 
/*.other-product-section .other-product-main .other-product-single:hover .flipper .product-flex{opacity: 0;}*/
.other-product-section .other-product-single, .other-product-section .product-inner, .back { width: 320px; height: 427px; } 
.other-product-section .flipper { height: 100%; width: 100%; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -o-transition: 0.6s; -o-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; transition: transform 0.8s; } 
.other-product-section .product-inner, .back { width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } 
.other-product-section .product-inner { z-index: 2;display: flex;align-items: center;justify-content: center;flex-direction: column;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;} 
.other-product-section .back {-webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); background: #f8f8f8;} 


/* Entwicklung - Herstellung Page */
.entwicklung-banner-bottom-section{background-color: #F6F3EE;}
.entwicklung-banner-bottom-section h1, .entwicklung-banner-bottom-section h2, .entwicklung-banner-bottom-section p{color: #775238;}
.development-section{ padding: 90px 0 70px; text-align: center; }
.development-section h3{ margin-bottom: 45px; }
.development-section p{ color: #775238; margin-bottom: 60px; }
.development-section .image-block{ display: flex; flex-wrap: wrap; margin: 0 -6px 80px; }
.development-section .image-block .single-image{ padding: 0 6px; width: 50%;height: 550px;overflow: hidden;margin: 0 0 12px 0;}
.development-two-section{ padding: 70px 0 0px; }

/* Detailseite Innovation Page */
.banner-bottom-section.innovation-section{ background-color: #775238; padding: 160px 0; }
.gallery-section h3{ text-align: center; margin-bottom: 20px;}
.gallery-section p{ text-align: center; color: #775238; margin-bottom: 90px; }
.competences-section .title{ padding: 118px 0 70px; }
.competences-inner{ background-color: #F6F3EE; padding: 105px 0; }
.competences-inner .competences-block{ display: flex; }
.competences-inner .competences-block .single-block { width: 20%; text-align: center; display: flex;flex-direction: column;padding: 0 15px;}
.competences-inner .single-block h4{ color: #775238; font-size: 30px; font-weight: bold; margin-bottom: 30px;word-break: break-all;}
.competences-inner .single-block p{ color: #775238;}



.common-page-section{ background-color: #fff;height: auto !important;padding: 60px 0;}
.common-page-section a{color: #775238;font-weight: bold;}
.common-page-section{text-align: left !important;color: #775238;}
.common-page-section h1, .common-page-section h2, .common-page-section h3, .common-page-section h4, .common-page-section h5, .common-page-section h6, .common-page-section p , .common-page-section li, .common-page-section img{color: #775238;margin-bottom: 15px;}
.common-page-section h3{text-align: left;padding: 0 !important;}
.common-page-section h4{font-size: 28px;letter-spacing: 1.2px;font-weight: bold;}
.common-page-section h5{font-size: 25px;letter-spacing: 1px;font-weight: bold;}
.common-page-section h6{font-size: 22px;letter-spacing: 0.8px;font-weight: bold;}
.common-page-section p{padding: 0 !important;}
.common-page-section ul{padding-left: 40px;margin-bottom: 1rem;}
.common-page-section ul li{list-style-type: disc;margin-bottom: 5px;}
.common-page-section ol li{list-style-type: decimal;margin-bottom: 5px;}
.common-page-section img{height: 400px;}



.pagination .pagination-inner{ display: flex; align-items: center; }
.pagination .pagination-inner a, .pagination .pagination-inner span{ font-size: 16px; color: #775238; margin-right: 10px; border: 1px solid #ECBD7E; padding: 5px 14px; display: inline-block; }
.pagination .pagination-inner a:hover, .pagination .pagination-inner span:hover{ background-color: #ECBD7E; }
.pagination .pagination-inner a.current, .pagination .pagination-inner span.current{ background-color: #ECBD7E; }
.pagination .pagination-inner.pagination-div{ justify-content: space-between; margin-bottom: 60px; }

/* TWOFOUR */

.jobs-section {background-color: #ebbc7d; height: auto}
.jobs-section .text-container {padding-top: 0; padding-bottom: 0;}
@media (min-width: 992px) {
    .jobs-section .text-container {padding-top: 50px; padding-bottom: 50px;}
}
.jobs-section p {margin-bottom: 20px; margin-top: 0;}
.jobs-section p:last-child {margin-bottom: 0;}
.jobs-section h1 {word-break: break-word; hyphens: auto}

.job-body {max-height: 0; transition: 0.3s; overflow: hidden;}
.checkbox-akkordion {display: none;}
.checkbox-akkordion:checked ~ .job-body {max-height: 5000px;padding-top: 16px}

.job-entry {border-top: 1px solid #775238; padding: 16px 0;}
.job-entry:last-child {border-bottom: 1px solid #775238;}
.job-entry label {font-size: 24px; margin-bottom: 0; position: relative; display: block;}
.job-entry label:hover {cursor: pointer}

.job-entry .job-title {flex: 0 0 50%; max-width: 75%; display: inline-block;}
.job-entry .job-datebox {flex: 0 0 50%; text-align: right; position: absolute; right: 28px; top: 0; bottom: 0; margin: auto; line-height: 32px; height: 28px}
.job-entry .job-employmenttype {flex: 0 0 auto; }
.job-entry svg {margin-left: 60px; transition: .3s}

.checkbox-akkordion:checked ~ .job-head svg {transform: rotate(180deg)}
.checkbox-akkordion:checked ~ .job-head .job-datebox,
.checkbox-akkordion:checked ~ .job-head .job-employmenttype,
.checkbox-akkordion:checked ~ .job-head svg path {color: #ECBD7E;fill: #ECBD7E;!important;}

.job-entry .job-datebox,
.job-entry .job-employmenttype {color: #A6A8AB; font-size: 16px; font-style: italic}

.job-body p {
    margin-bottom: 16px;
    margin-top: 0;
}
.job-body .job-employmenttype {display: none;}

.job-entry form {background-color: #F7F3EF; padding: 16px}
.job-entry form label {font-size: 16px; font-weight: 700}
.job-entry form input,
.job-entry form textarea {
    -webkit-appearance:     none;
    -moz-appearance:        none;
    -ms-appearance:         none;
    -o-appearance:          none;
    appearance:             none;
    border: 0;
    width: 100%;
    min-height: 56px;
    padding: 20px 30px;
    font-size: 16px;
}

.job-entry form .wpcf7-submit {transition: 0.3s; max-width: 300px; border: 1px solid #775238; color: #775238; font-size: 24px; font-weight: 700; background-color: transparent; margin: 64px auto 0 auto; display: block;}
.job-entry form .wpcf7-submit:hover {color: white; background-color: #775238;cursor: pointer}
.job-entry form .wpcf7-submit[disabled] {color: white; background-color: #775238; opacity: 0.5; cursor: not-allowed}

@media screen and (max-width: 767px) {
    .job-entry .job-date {display: none;}
    .job-body .job-employmenttype {display: block;}
}

.codedropz-upload-inner > h3,
.codedropz-upload-inner > span {display: none;}

.codedropz-upload-wrapper {margin-bottom: 85px;}
.codedropz-upload-handler {border: 0!important;}
.codedropz-upload-container {background-color: white;}
.codedropz-btn-wrap {background-image: url(../images/cloud.png); background-repeat: no-repeat; background-position: center left;display: inline-flex; height: 50px; align-items: center; padding-left: 70px;}

.wpcf7-acceptance input[type="checkbox"] {padding: 0; width: 0; height: 0; float: left;}
.wpcf7-acceptance .wpcf7-list-item-label {font-weight: 400; padding-left: 50px; position: relative; display: block;}
.wpcf7-acceptance .wpcf7-list-item-label:before {content: " "; height: 30px; width: 30px; position: absolute; background-color: white; left:0;}
.wpcf7-acceptance input:checked ~ .wpcf7-list-item-label:after {content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 9px;
    width: 12px;
    height: 24px;
    border: solid #775238;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);}
.wpcf7-acceptance .wpcf7-list-item-label a {color: #ECBD7E}