/* #General Styles
================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-variant-ligatures: none;font-variant-ligatures: none; }
.up html, body.up, .up applet, .up object, .up iframe, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
.up html { -webkit-text-size-adjust: none; }
.up button, .up input, .up select, .up textarea { margin: 0; vertical-align: baseline; -webkit-box-shadow: none; box-shadow: none; }
.up input[type="button"], .up input[type="submit"] { -moz-appearance: none; appearance: none; -webkit-appearance: none !important; }
.up img { border: 0 none; max-width: 100%; vertical-align: top; }
.up a { outline: none; cursor: pointer; display: inline-block; text-decoration: underline; color: #0C2B60; }
.up a:hover, .up a:focus  { color: #0C2B60; }
.up sup { font-size: 90%; position: relative; top: 0.3em; line-height: 0.8; }
.up sup.reg { font-size: 55%; top: 0; }
.up .clear { clear: both; }
.up img { max-width: 100%; vertical-align: middle; width: 100%; object-fit: cover; object-position: center; }
.up button:focus { outline:0; }
.up .text-transform { text-transform: uppercase; }
.up .preloader { display: none; }
.up ul, .up ol { list-style-type: none; padding: 0; text-align: left; }
.up li { text-align: left; margin-bottom: 10px; }
.up li:last-child { margin-bottom: 10px; }

:is(.up h1,.up h2,.up h3,.up h4,.up h5,.up h6) {font-family: "Open Sans", serif; letter-spacing: 0em; }
h1 { font-size: 64px; line-height: 1.35; font-weight: 400; margin-bottom: 10px; }
h2 { font-size: 64px; line-height: 1.35; font-weight: 700; margin-bottom: 10px; }
h3 { font-size: 32px; line-height: 1.35; font-weight: 700; margin-bottom: 10px; }
h4 { font-size: 24px; line-height: 1.8; font-weight: 700; margin-bottom: 10px; }
h5 { font-size: 20px; line-height: 1.82; font-weight: 300; margin-bottom: 10px; }
h6 { font-size: 42px; line-height: 1.82; font-weight: 700; margin-bottom: 10px; }
p { font-size: 32px; line-height: 1.82; font-weight: 300; margin-bottom: 10px; }
p:last-child { margin-bottom: 0; }
strong, b { -webkit-font-smoothing: antialiased; }

/* #Page Structure
=============================== */
body { margin: 0; padding: 0; background-color: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; font-family: "Open Sans", serif; font-weight: 300; font-style: normal; color: #0C2B60; }
.up .grey_bg { background-color: #EEF1F4; }
.up .blue_bg { background-color: #0C2B60; color: #fff; }
.up .wrapper { width: 100%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow-x: hidden; }
.up a, .up button { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } 

.up .set-bg { background-size: cover; background-position: center; background-repeat: no-repeat; }
.up .get-bg img { display: none; }
.up .mid-container { word-break: break-word;}
.up .container { width: 100%; max-width: 1920px; padding: 0 100px; margin: 0 auto;}
.up .ptb-100 { padding: 100px 0; }

.up .d_flex { display: -webkit-box; display: -ms-flexbox;display: flex; }
.up .flex_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.up .justify_center { -webkit-justify-content: center; -ms-flex-justify: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.up .justify_space { -webkit-justify-content: space-between; -ms-flex-justify: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.up .align_center { -webkit-box-align: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; }
.up .align_end { -webkit-box-align: end; align-items: end; -webkit-align-items: end; -ms-flex-align: end; }
.up .align_start { -webkit-box-align: start; align-items: start; -webkit-align-items: start; -ms-flex-align: start; }
.up .flex_end { -webkit-justify-content: flex-end; -ms-flex-justify: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.up .flex-50 {width: 50%;}
.up .text_center {  text-align: center; }
.up .ml_auto { margin-left: auto; margin-right: auto; }

.up .section-heading { margin-bottom: 34px; }
.up .section-heading p { margin-bottom: 10px; line-height: 1.36; text-transform: uppercase; }
.up .section-heading h2 { margin-bottom: 0; }

.up .primary-btn a { max-width: 413px; font-size: 32px; font-weight: 400; line-height: 1.3; border-radius: 12px; padding: 20px; background-color: #EEF1F4; border: 1px solid #EEF1F4; color: #0C2B60; text-decoration: none; margin-top: 34px; }
.up .primary-btn a span { font-size: 20px; display: block; margin-top: 5px; }
.up .primary-btn a span img { position: relative; left: 10px; transition: all 0.5s ease-in-out; width: 22px; }
.up .primary-btn.blue-btn a { background-color: #0C2B60; color: #fff; border-color: #0C2B60; }
.up .primary-btn.blue-btn a:hover { background-color: #071a3b; }
.up .primary-btn a:hover { background-color: #fdfeff; }
.up .primary-btn a:hover span img { left: 15px; }

.up .content-area p:last-of-type,
.up .content-area p:last-of-type:not(:only-of-type) { margin-bottom: 0 !important; }

/* Header CSS Start */
.up header { width: 100%; padding: 40px 0; background-color: #fff; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); position: fixed; top: 0; left: 0; z-index: 1; }
.up header .logo-menu-div { width: 100%; justify-content: space-between; }
.up header .logo-menu-div .logo-div { width: 100%; max-width: 522px; margin-right: 28px; display: flex; }
/* .up header .logo-menu-div .logo-div a:hover { opacity: 0.7; } */
.up header .logo-menu-div nav { width: calc(100% - 550px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.up header .logo-menu-div nav ul.main-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.up header .logo-menu-div nav ul li { border-right: 2px solid #6A7286; padding: 0 12px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }
.up header .logo-menu-div nav ul li:last-child { border: 0; padding-right: 0; }
.up header .logo-menu-div nav ul li a { font-size: 24px; line-height: 1.2; font-weight: 400; color: #6A7286; text-decoration: none; text-transform: uppercase; }
.up header .logo-menu-div nav ul li a:hover { text-decoration: underline; color: #0C2B60; }

.up header .logo-menu-div .logo-hamburger-div .click-btn { display: none; cursor: pointer; z-index: 3; width: 28px; padding: 10px 0; }
.up header .logo-menu-div .logo-hamburger-div .click-btn span { display: block; width: 38px; height: 2px; margin-top: -2px; border-radius: 10px; background-color: #0C2B60; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.up header .logo-menu-div .logo-hamburger-div .click-btn span:nth-child(1) { -webkit-transform: translate(0, -7px); -ms-transform: translate(0, -7px); transform: translate(0, -7px); width: 100%; }
.up header .logo-menu-div .logo-hamburger-div .click-btn span:nth-child(2) { width: 65%; }
.up header .logo-menu-div .logo-hamburger-div .click-btn span:nth-child(3) { -webkit-transform: translate(0, 7px); -ms-transform: translate(0, 7px); transform: translate(0, 7px); width: 40%; }
.up header .logo-menu-div .logo-hamburger-div .click-btn.active span:nth-child(1) { -webkit-transform: translate(0, 0) rotate(45deg); -ms-transform: translate(0, 0) rotate(45deg); transform: translate(0, 0) rotate(45deg); }
.up header .logo-menu-div .logo-hamburger-div .click-btn.active span:nth-child(2) { opacity: 0; margin-left: -10px; }
.up header .logo-menu-div .logo-hamburger-div .click-btn.active span:nth-child(3) { -webkit-transform: translate(0, 0) rotate(-45deg); -ms-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); width: 100%; }
/* Header CSS End */

/* Mid Container CSS Start */

/* Banner Section Start */
.up .banner_sec .container { position: relative; }
.up .banner_sec .banner_text .banner-logo  { width: 100%; max-width: 715px; }
.up .banner_sec .banner_text { padding-right: 20px; padding: 130px 0 129px; width: 100%; max-width: 771px; text-align: left; }
.up .banner_sec .banner_text h1 { margin: 0; }
.up .banner_sec .banner_text .banner_img { width: 100%; max-width: 610px; margin-top: -49px; margin-left: -80px; }
.up .banner_sec .banner_bg_image { width: 100%; max-width: 1060px; margin-right: -110px; }
.up .banner_sec .banner-mobile-img { margin: -50px -100px 0 0; }
/* Banner Section End */

/* Uber Uns Section Start */
.up .uber_uns_sec { position: relative; }
.up .uber_uns_sec .img-content-div .left-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.up .uber_uns_sec .img-content-div .right-content { padding: 80px 0 80px 80px; margin: 0 0 0 auto; }
/* Uber Uns Section End */

/* Vision Section Start */
.up .vision_sec .content-area { margin-bottom: 70px; }

.up .vision_sec .card-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; margin-bottom: -30px; }
.up .vision_sec .card-container .slick-list.draggable { width: 100%; }
.up .vision_sec .card-container .card { width: 25%; padding: 0 15px; margin-bottom: 30px; }
.up .vision_sec .card-container .card .set-bg { width: 100%; padding-bottom: 104.295%; }
.up .vision_sec .card-container .card .card-content { padding: 20px; padding-bottom: 0; }
.up .vision_sec .card-container .card h5 { line-height: 1.8; }
.up .vision_sec .card-container .card h5:last-child { margin-bottom: 0; }
.up .vision_sec .card-container ul.slick-dots { width: 100%; text-align: center; line-height: 0; margin-top: 10px; }
.up .vision_sec .card-container ul.slick-dots li { display: inline-block; margin: 0 1.5px; line-height: 0; }
.up .vision_sec .card-container ul.slick-dots li.slick-active button { background-color: #0C2B60; }
.up .vision_sec .card-container ul.slick-dots li button { width: 7px; height: 7px; background-color: #6A7286; font-size: 0; border-radius: 50%; border: 0; cursor: pointer; }
/* Vision Section End */

/* Managing Director Section Start */
.up .manag_director_sec .manager-detail { width: 100%; max-width: 1469px; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.up .manag_director_sec .manager-detail .manager-img { width: 36%; max-width: 519px; }
.up .manag_director_sec .manager-detail .manager-img .set-bg { padding-bottom: 136%; }
.up .manag_director_sec .manager-detail .manager-content { padding: 128.5px 0 128.5px 115px; width: 65%; }
.up .manag_director_sec .manager-detail .manager-content .section-heading { margin-bottom: 17px; }
.up .manag_director_sec .manager-detail .manager-content .section-heading p { text-transform: capitalize; }
/* Managing Director Section End */

/* Blue-Bg-Text-Image Section Start */
.up .blue-sec-img { position: relative; }
.up .blue-sec-img .blue-sec-container .blue-sec-img { position: absolute; top: 0; left: 0; height: 100%; }
.up .blue-sec-img .blue-sec-container .blue-sec-text { margin: 0 0 0 auto; padding: 80px 0; padding-left: 100px; }
.up .blue-sec-img .blue-sec-container .blue-sec-text .content-area p { margin-bottom: 56px; }
.up .blue-sec-img .blue-sec-container .blue-sec-text .content-area p:last-child { margin-bottom: 0; }

.up .karrier_sec.blue-sec-img .blue-sec-container .blue-sec-img {  left: auto; right: 0; }
.up .karrier_sec.blue-sec-img .blue-sec-container .blue-sec-text { margin: 0; padding-left: 0; padding-right: 100px; }
/* Blue-Bg-Text-Image Section End */

/* Unsere Produkte Section Start */
.up .produkte_sec { position: relative; }
.up .produkte_sec .produkte-img-text .produkte-img { width: 100%; max-width: 555px; margin-left: -100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.up .produkte_sec .produkte-img-text .produkte-img .set-bg {
    padding-bottom: 92.43%;
    width: 100%;
}
.up .produkte_sec .produkte-img-text .produkte-content { padding: 87px 0 87px 100px; width: 100%; max-width: 1265px; margin: 0 0 0 auto; }
.up .produkte_sec .produkte-img-text .produkte-content .content-area p { margin-bottom: 58px; }
/* Unsere Produkte Section End */

/* Engagement Section Start */
.up .engagement_sec { padding: 42px 0; }
.up .engagement_sec .engagement-img-text .engagement-content { width: 100%; max-width: 100%; }
.up .engagement_sec .engagement-img-text .engagement-content .content-area .para-image-div { margin-bottom: 56px; }
.up .engagement_sec .engagement-img-text .engagement-content .content-area .para-image-div p { padding-right: 40px; width: 71%; max-width: 1220px; }
.up .engagement_sec .engagement-img-text .engagement-content .content-area .para-image-div:last-child { margin-bottom: 0; }
.up .engagement_sec .engagement-img-text .engagement-content .content-area .para-image-div { display: flex; align-items: center; }
.up .engagement_sec .engagement-img-text .engagement-content .content-area .para-image-div img { width: 30%; max-width: 400px; object-fit: cover; object-position: center; }
/* .up .engagement_sec .engagement-img-text .engagement-img { width: 100%; max-width: 610px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.up .engagement_sec .engagement-img-text .engagement-img .set-bg { padding-bottom: 195%; width: 100%; } */
/* engagement Section End */

/* Mid Container CSS End */

/* Footer CSS Start */
.up footer .excellent_life_sec { text-align: center; }
.up footer .excellent_life_sec .section-heading { margin-bottom: 19px; }
.up footer .excellent_life_sec .address-content { margin-bottom: 45px; color: #6A7286; }
.up footer .excellent_life_sec .address-content h3,
.up footer .excellent_life_sec .address-content p { margin-bottom: 0; line-height: 1.36; }
.up footer .excellent_life_sec .address-content .buttons { margin-top: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; }
.up footer .excellent_life_sec .address-content .buttons a { color: inherit; background-color: #fff; padding: 6px 20px; font-size: 20px; line-height: 1.3; font-weight: 400; text-decoration: none; border-radius: 4px; }
.up footer .excellent_life_sec .address-content .buttons a:hover { background-color: #6A7286; color: #fff; }
.up footer .excellent_life_sec .footer-links { font-size: 20px; line-height: 1.3; color: #6A7286; }
.up footer .excellent_life_sec .footer-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.up footer .excellent_life_sec .footer-links ul li { display: inline; padding: 0 13px; margin-bottom: 17px; }
.up footer .excellent_life_sec .footer-links ul li:first-child { padding-left: 0; }
.up footer .excellent_life_sec .footer-links ul li:last-child { padding-right: 0; }
.up footer .excellent_life_sec .footer-links ul li a { text-decoration: none; color: inherit; font-weight: 400; line-height: 1.36; }
.up footer .excellent_life_sec .footer-links ul li a:hover { text-decoration: underline; }
.up footer .excellent_life_sec .footer-links p { font-size: inherit; line-height: 1.6; font-weight: 400; }
/* Footer CSS End */

/* Allgemeine CSS Start */
.up .allgemeine_sec .section-heading { margin-bottom: 27px; }
.up .allgemeine_sec .text-div { margin-bottom: 26px; }
.up .allgemeine_sec .text-div h6 { margin-bottom: 4px; }
.up .allgemeine_sec .text-div:last-child { margin-bottom: 0; }
.up .allgemeine_sec .text-div p { margin-bottom: -2px; }
.up .allgemeine_sec .text-div p span { display: inline-block; width: 260px; }
.up .allgemeine_sec .text-div a { text-decoration: none; margin-left: 14px; }
.up .allgemeine_sec .text-div a:hover { text-decoration: underline; }
/* Allgemeine CSS End */


/* Web View reduce to 80% CSS Start */

h1 { font-size: 52px; }
h2 { font-size: 42px; line-height: 1.35; }
h3 { font-size: 24px; }
h6 { font-size: 22px; }
p {font-size: 22px;}

.up header { padding: 30px 0; }
.up header .logo-menu-div nav { width: calc(100% - 100px); }
.up header .logo-menu-div .logo-div { max-width: 200px; }
.up header .logo-menu-div nav ul li a { font-size: 20px; }

.up .banner_sec .banner_bg_image { margin-right: -50px; }
.up .banner_sec .banner_text { padding: 130px 0; }
.up .banner_sec .banner_text .banner_img { margin: 0; max-width: 300px; }

.up .blue-sec-img .blue-sec-container .blue-sec-text { padding-left: 80px; }
.up .karrier_sec.blue-sec-img .blue-sec-container .blue-sec-text { padding-right: 80px; }

.up .produkte_sec .produkte-img-text .produkte-content { padding: 80px 0 80px 80px; }
.up .produkte_sec .produkte-img-text .produkte-content .content-area p,
.up .engagement_sec .engagement-img-text .engagement-content .content-area .para-image-div { margin-bottom: 40px; }

.up .allgemeine_sec .text-div p span { display: inline-block; width: 190px; }