body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .social_feed_element{overflow:visible;padding:0;width:100%}.social_feed_element.extended .inner a{display:inline;padding:0;color:#1b95e0}.social_feed_element.extended .inner a:hover,.social_feed_element.extended a.more:hover{text-decoration:underline}.social_feed_element.extended .inner>figure{padding:0}.social_feed_element.extended a.more{padding:0;font-size:14px;color:#1b95e0;font-weight:700;display:block}.social_feed_element.extended .inner{padding:0 20px 20px}.social_feed_element.extended p:first-child{margin-top:0}.social_feed_element.extended p:last-child{margin-bottom:0}.social_feed_element .inner{background:#f2f2f2;padding:0;margin:30px 10px 10px;position:relative;word-break:break-word;border-top:5px solid #c1c1c1}.social_feed_element .inner a{padding:0 20px;display:block}.social_feed_element .inner>figure{padding:0 20px}.social_feed_element .ce_text{padding:15px 0;color:#333;margin:0}.social_feed_element .icon{position:static;text-indent:0}.social_feed_element .icon img{position:absolute;top:-20px;border-radius:100%;max-width:50px}.social_feed_element .icon .image-wrapper:not(.loaded){height:0!important}.social_feed_element .info{margin:0;padding:10px 0 0;text-align:right;font-size:14px;color:#989898;display:flex;align-items:center;justify-content:flex-end}.social_feed_element .info img{width:15px;margin-left:10px}.social_feed_element .title{margin:10px 0;font-size:16px;font-weight:700;color:#333}.social_feed_element a{color:#333;text-decoration:none}.social_feed_element .ce_text{font-size:14px}.social_feed_element .fa{font-size:18px;padding-left:5px}.social_feed_element .image_container>a{padding:0}.social_feed_container{width:calc(100% + 30px);margin-left:-15px;font-family:sans-serif}.social_feed_container:not(.masonry){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social_feed_container:not(.masonry).columns2 .social_feed_element{-ms-flex:0 0 50%;flex:0 0 50%}.social_feed_container:not(.masonry).columns3 .social_feed_element{-ms-flex:0 0 33%;flex:0 0 33%}.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 25%;flex:0 0 25%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:left}.social_feed_container.masonry.columns2 .social_feed_element{width:50%}.social_feed_container.masonry.columns3 .social_feed_element{width:33.33%}.social_feed_container.masonry.columns4 .social_feed_element{width:25%}@media (max-width:767px){.social_feed_container{width:100%;margin-left:0}.social_feed_container:not(.masonry).columns2 .social_feed_element,.social_feed_container:not(.masonry).columns3 .social_feed_element,.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 100%;flex:0 0 100%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:none;width:100%}} @charset "UTF-8"; /* NeuePower-Bold */ @font-face { font-family: "NeuePower-Bold"; src: local(""), url("../../files/valid/Assets/Fonts/Neue_Power_Bold/NeuePower-Bold.eot?#iefix") format("embedded-opentype"), url("../../files/valid/Assets/Fonts/Neue_Power_Bold/NeuePower-Bold.woff2") format("woff2"), url("../../files/valid/Assets/Fonts/Neue_Power_Bold/NeuePower-Bold.woff") format("woff"), url("../../files/valid/Assets/Fonts/Neue_Power_Bold/NeuePower-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; } /* NeuePower-Ultra */ @font-face { font-family: "NeuePower-Ultra"; src: local(""), url("../../files/valid/Assets/Fonts/Neue_Power_Ultra/NeuePower-Ultra.eot?#iefix") format("embedded-opentype"), url("../../files/valid/Assets/Fonts/Neue_Power_Ultra/NeuePower-Ultra.woff2") format("woff2"), url("../../files/valid/Assets/Fonts/Neue_Power_Ultra/NeuePower-Ultra.woff") format("woff"), url("../../files/valid/Assets/Fonts/Neue_Power_Ultra/NeuePower-Ultra.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; } /* Soehne - Leicht */ @font-face { font-family: "Soehne"; src: local(""), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Leicht.eot?#iefix") format("embedded-opentype"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Leicht.woff2") format("woff2"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Leicht.woff") format("woff"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Leicht.ttf") format("truetype"); font-style: normal; font-weight: 300; font-display: swap; } /* Soehne - Kraftig */ @font-face { font-family: "Soehne"; src: local(""), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Kraftig.eot?#iefix") format("embedded-opentype"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Kraftig.woff2") format("woff2"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Kraftig.woff") format("woff"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Kraftig.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; } /* Soehne - Buch */ @font-face { font-family: "Soehne"; src: local(""), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Buch.eot?#iefix") format("embedded-opentype"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Buch.woff2") format("woff2"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Buch.woff") format("woff"), url("../../files/valid/Assets/Fonts/Soehne/Sohne-Buch.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Prevent font size inflation */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Remove default margin in favour of better control in authored CSS */ body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin-block-end: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role='list'], ol[role='list'] { list-style: none; } /* Set core body defaults */ body { min-height: 100vh; line-height: 1.5; } /* Set shorter line heights on headings and interactive elements */ h1, h2, h3, h4, button, input, label { line-height: 1.1; } /* Balance text wrapping on headings */ h1, h2, h3, h4 { text-wrap: balance; } /* A elements that don't have a class get default styles */ a:not([class]) { text-decoration-skip-ink: auto; color: currentColor; } /* Make images easier to work with */ img, picture { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font-family: inherit; font-size: inherit; } /* Make sure textareas without a rows attribute are not tiny */ textarea:not([rows]) { min-height: 10em; } /* Anything that has been anchored to should have extra scroll margin */ :target { scroll-margin-block: 5ex; } @keyframes bounce-down { 0%, 20%, 50%, 80%, 100% { transform: translate(0%, 0); } 40% { transform: translate(0%, 20px); } 60% { transform: translate(0%, 10px); } } @keyframes bounce-right { 0%, 20%, 50%, 80%, 100% { transform: translate(0, 0); } 40% { transform: translate(20px, 0); } 60% { transform: translate(10px, 0); } } @keyframes bounce-left { 0%, 20%, 50%, 80%, 100% { transform: translate(0, 0) rotate(180deg); } 40% { transform: translate(-20px, 0) rotate(180deg); } 60% { transform: translate(-10px, 0) rotate(180deg); } } @keyframes pulse-small { 0%, 20%, 50%, 80%, 100% { transform: scale(1); } 40% { transform: scale(1.2); } 60% { transform: scale(1.1); } } body { font-family: 'Soehne', sans-serif; font-weight: 300; font-size: 16px; } a { color: #fff; text-decoration: none; } .desktop_only { display: inline-flex; } @media (max-width: 767px) { .desktop_only { display: none; } } .mobile_only { display: none; } @media (max-width: 767px) { .mobile_only { display: inline-flex; } } video.desktop_only, video.mobile_only { object-fit: cover; width: 100%; height: 100%; } .no-hyphens { hyphens: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "NeuePower-Ultra"; font-weight: 900; } h1 { leading-trim: both; text-edge: cap; font-size: 110px; line-height: 160px; /* 145.455% */ } @media (max-width: 767px) { h1 { font-size: 62px; line-height: 80px; } } h2 { leading-trim: both; text-edge: cap; font-size: 60px; line-height: 75px; /* 125% */ } @media (max-width: 767px) { h2 { font-size: 40px; line-height: 50px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slider .slick-list { margin-left: -20px; } .slick-dots { display: flex; width: calc(100% - 80px); list-style: none; margin: 0; padding: 0; justify-content: center; margin-top: 40px; } .slick-dots li { margin: 0 15px; text-indent: -9999px; width: 8px; height: 8px; border-radius: 8px; background-color: #929292; position: relative; transition: all 0.5s ease-in-out; cursor: pointer; } .slick-dots li:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 18px; height: 4px; width: 4px; border: 1px solid transparent; transition: all 0.5s ease-in-out; } .slick-dots li.slick-active { background-color: #FF6601; transition: all 0.5s ease-in-out; } .slick-dots li.slick-active:after { height: 18px; width: 18px; border: 1px solid #FF6601; transition: all 0.5s ease-in-out; } .slick-arrow { cursor: pointer; } .slick-arrow.slick-next:hover { animation: bounce-right 2s infinite; } .slick-arrow.slick-prev:hover { animation: bounce-left 2s infinite; } @media (max-width: 767px) { .slick-arrow { display: none !important; } } .bg-purple .slick-dots li, .bg-orange .slick-dots li, .bg-lime .slick-dots li, .bg-pink .slick-dots li, .bg-ocean .slick-dots li { background-color: #ffffff; } .bg-purple .slick-dots li.slick-active, .bg-orange .slick-dots li.slick-active, .bg-lime .slick-dots li.slick-active, .bg-pink .slick-dots li.slick-active, .bg-ocean .slick-dots li.slick-active { background-color: #CFE012; } .bg-purple .slick-dots li.slick-active:after, .bg-orange .slick-dots li.slick-active:after, .bg-lime .slick-dots li.slick-active:after, .bg-pink .slick-dots li.slick-active:after, .bg-ocean .slick-dots li.slick-active:after { border: 1px solid #CFE012; } .ce-wrapper.bg-purple .slick-dots li, .ce-wrapper.bg-orange .slick-dots li, .ce-wrapper.bg-lime .slick-dots li, .ce-wrapper.bg-pink .slick-dots li, .ce-wrapper.bg-ocean .slick-dots li { background-color: #ffffff !important; } .ce-wrapper.bg-purple .slick-dots li.slick-active, .ce-wrapper.bg-orange .slick-dots li.slick-active, .ce-wrapper.bg-lime .slick-dots li.slick-active, .ce-wrapper.bg-pink .slick-dots li.slick-active, .ce-wrapper.bg-ocean .slick-dots li.slick-active { background-color: #CFE012 !important; } .ce-wrapper.bg-purple .slick-dots li.slick-active:after, .ce-wrapper.bg-orange .slick-dots li.slick-active:after, .ce-wrapper.bg-lime .slick-dots li.slick-active:after, .ce-wrapper.bg-pink .slick-dots li.slick-active:after, .ce-wrapper.bg-ocean .slick-dots li.slick-active:after { border: 1px solid #CFE012 !important; } body { background-color: #000; } body.menu_open { overflow: hidden; } body.menu_open #container { opacity: 0.5; transition: opacity 0.3s ease-in-out; } body:before { content: ''; height: 0px; width: 100%; position: fixed; bottom: 160px; left: 0px; background: transparent; display: inline-block; z-index: 99; backdrop-filter: blur(0.5px); transition: height 0.3s ease-in-out; /* @include max-phone { display: none; } */ } body:after { content: ''; height: 0px; width: 100%; position: fixed; bottom: -20px; left: 0px; background: transparent; display: inline-block; z-index: 99; backdrop-filter: blur(1.5px); transition: height 0.3s ease-in-out; /* @include max-phone { display: none; } */ } body.isScrolled:before { height: 20px; transition: height 0.3s ease-in-out; } body.isScrolled:after { height: 180px; transition: height 0.3s ease-in-out; } body.no_hero { padding-top: 100px; } @media (max-width: 767px) { body.no_hero { padding-top: 80px; } } #container { opacity: 1; transition: opacity 0.3s ease-in-out; } header { position: absolute; top: 0px; width: 100%; z-index: 9; } header > .inside { display: block; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } header:after { content: ''; width: 100%; height: 120px; background-color: transparent; border-bottom: 1px solid transparent; display: inline-block; position: absolute; top: 0px; border-top-left-radius: 20px; border-top-right-radius: 20px; transition: all 0.03s ease-in-out; z-index: -1; visibility: hidden; } .menu_open header:after { visibility: visible; z-index: 1; background-color: #EFF0F6; border-color: #000; transition: all 0.33s ease-in-out; transition-delay: 222ms; } footer { background-color: #000; padding-top: 70px; padding-bottom: 50px; border-top: 1px solid #202020; margin-top: 40px; } footer .inside { max-width: 1360px; margin: 0 auto; } @media (max-width: 767px) { footer .logo_footer { display: inline-flex; flex-direction: column; } } footer #copyright { float: left; padding-left: 40px; padding-right: 40px; padding-top: 5px; font-size: 12px; } @media (max-width: 767px) { footer #copyright { width: 100%; text-align: center; display: inline-flex; float: none; justify-content: center; order: 2; margin-top: 20px; } } footer #menu_footer { float: right; padding-left: 40px; padding-right: 40px; } @media (max-width: 767px) { footer #menu_footer { text-align: center; width: 100%; } } footer #menu_footer ul { list-style-type: none; margin: 0; padding: 0; } @media (max-width: 767px) { footer #menu_footer ul { width: 100%; display: inline-flex; text-align: center; justify-content: center; } } footer #menu_footer ul li { float: left; margin-left: 20px; } footer #menu_footer ul li a, footer #menu_footer ul li .active { font-size: 12px; } footer #menu_footer ul li:first-child { margin-left: 0; } footer .logo_footer img { height: 26px; width: auto; margin: 0 auto; } .btn-hex { display: inline-block; height: 50px; /* adjust to control the size */ aspect-ratio: cos(30deg); clip-path: polygon(-50% 50%, 50% 100%, 150% 50%, 50% 0); background: #3B8686; } .link_wrapper { display: flex; margin-top: 35px; } .link_wrapper a { min-width: 215px; border-radius: 90px; border: 1px solid #fff; background-color: #fff; padding: 18px 78px 18px 28px; color: #000; position: relative; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .link_wrapper a .link_icon { position: absolute; right: 0px; top: 12px; } .link_wrapper a:hover { color: #fff; background-color: #000000; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .link_wrapper.icon_color-000000 a:hover { color: #fff; background-color: #000000; border-color: #000000; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .link_wrapper.icon_color-8E4BFA a:hover { color: #fff; background-color: #8E4BFA; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .link_wrapper.icon_color-E043E0 a:hover { color: #fff; background-color: #E043E0; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .link_wrapper.icon_color-FF6601 a:hover { color: #fff; background-color: #FF6601; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .link_wrapper.icon_color-CFE012 a:hover { color: #000; background-color: #CFE012; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .link_wrapper.icon_color-4CCDE0 a:hover { color: #000; background-color: #4CCDE0; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } #menu_meta { margin-top: 15px; } @media (max-width: 767px) { #menu_meta { display: none; } } #menu_meta ul { margin: 0px; padding: 0px; list-style-type: none; margin: 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } #menu_meta ul li { margin: 0 17px; } #menu_meta ul li a, #menu_meta ul li .active { font-size: 12px; } #valid_logo { position: absolute; bottom: 16px; transition: all 0.3s ease-in-out; } @media (max-width: 965px) { #valid_logo { transition: all 0.3s ease-in-out; bottom: 20px; } } @media (max-width: 767px) { #valid_logo { bottom: unset; top: 50px; left: 20px; transition: all 0.3s ease-in-out; z-index: 5; } } #valid_logo img { width: auto; height: 30px; transition: all 0.3s ease-in-out; } @media (max-width: 965px) { #valid_logo img { transition: all 0.3s ease-in-out; height: 23px; } } .menu_open #valid_logo { z-index: 9; transition: all 0.3s ease-in-out; } .menu_open #valid_logo img { filter: invert(100%); } .ce { display: flex; padding-left: 40px; padding-right: 40px; padding-top: 70px; padding-bottom: 70px; } @media (max-width: 767px) { .ce { padding-left: 20px; padding-right: 20px; } } .ce .inside { width: 100%; max-width: 1360px; margin: 0 auto; } .ce h2 { margin: 0; line-height: 65px; } @media (max-width: 767px) { .ce h2 { font-size: 40px; line-height: 50px; } } .ce h3 { margin-bottom: 20px; } .ce.bg-purple .inside { background-color: #8E4BFA; } .ce.bg-purple .inside .text_color { color: #fff !important; border-color: #fff !important; } .ce.bg-purple .inside .text_color svg .stroke_change { stroke: #fff; } .ce.bg-purple .inside .text_color svg .fill_change { fill: #fff; } .ce.bg-purple .inside .color_invert svg .invert_back.fill_change { stroke: #fff; } .ce.bg-purple .inside .color_invert svg .invert_back.fill_change { fill: #fff; } .ce.bg-purple .inside .color_invert svg .invert_white.fill_change { stroke: #000; } .ce.bg-purple .inside .color_invert svg .invert_white.fill_change { fill: #000; } .ce.bg-black .inside { background-color: #000; } .ce.bg-black .inside .text_color { color: #fff; border-color: #fff; } .ce.bg-lime .inside { background-color: #CFE012; } .ce.bg-lime .inside .text_color { color: #000; border-color: #000; } .ce.bg-orange .inside { background-color: #FF6601; } .ce.bg-orange .inside .text_color { color: #000; border-color: #000; } .ce.bg-grey .inside { background-color: #EFF0F6; } .ce.bg-grey .inside .text_color { color: #000; border-color: #000; } .ce.bg-ocean .inside { background-color: #4CCDE0; } .ce.bg-ocean .inside .text_color { color: #000; border-color: #000; } .ce.bg-pink .inside { background-color: #E043E0; } .ce.bg-pink .inside .text_color { color: #000; border-color: #000; } .text_image + .text_image, .text_image + .text_only, .text_only + .text_image, .text_intro + .text_image, .text_intro + .text_intro, .text_image + .text_intro, .text_intro + .text_only, .text_only + .text_intro, .text_only + .images, .images + .text_only, .text_only + .video { padding-bottom: 60px !important; padding-top: 0px !important; } .ce-wrapper { padding: 0px; } .ce-wrapper .inside { padding: 80px; border-radius: 30px; max-width: 100%; } @media (max-width: 1440px) { .ce-wrapper .inside { padding: 5px; } } .ce-wrapper .inside .inside-wrapper { width: 100%; max-width: 1360px; margin: 0 auto; } .ce-wrapper .ce { padding-left: 0px; padding-right: 0px; padding-top: 30px; padding-bottom: 30px; } .ce-wrapper .ce .inside { padding: 0px; border-radius: 0px; max-width: 100%; } @media (max-width: 1440px) { .ce-wrapper .ce .inside { padding-left: 20px; padding-right: 20px; } } .ce-wrapper .project_facts { margin-right: calc((-100% - 1360px) / 2); margin-left: calc((-100% - 1360px) / 2); } @media (max-width: 1440px) { .ce-wrapper .project_facts { margin-right: -80px; margin-left: -80px; } } .ce-wrapper .project_facts .inside { background-color: transparent !important; } .ce-wrapper.bg-orange, .ce-wrapper.bg-lime, .ce-wrapper.bg-pink, .ce-wrapper.bg-ocean, .ce-wrapper.bg-grey { color: #000; } @media (max-width: 1440px) { .ce-wrapper.bg-orange .ce .inside, .ce-wrapper.bg-lime .ce .inside, .ce-wrapper.bg-pink .ce .inside, .ce-wrapper.bg-ocean .ce .inside, .ce-wrapper.bg-grey .ce .inside { padding-left: 20px; padding-right: 20px; } } .ce-wrapper.bg-orange .accordion_wrapper, .ce-wrapper.bg-lime .accordion_wrapper, .ce-wrapper.bg-pink .accordion_wrapper, .ce-wrapper.bg-ocean .accordion_wrapper, .ce-wrapper.bg-grey .accordion_wrapper { padding-top: 0px; padding-bottom: 0px; } @media (max-width: 1440px) { .ce-wrapper.bg-orange .accordion_wrapper, .ce-wrapper.bg-lime .accordion_wrapper, .ce-wrapper.bg-pink .accordion_wrapper, .ce-wrapper.bg-ocean .accordion_wrapper, .ce-wrapper.bg-grey .accordion_wrapper { padding-left: 15px; padding-right: 15px; } } .ce-wrapper.bg-orange .accordion_wrapper .inside, .ce-wrapper.bg-lime .accordion_wrapper .inside, .ce-wrapper.bg-pink .accordion_wrapper .inside, .ce-wrapper.bg-ocean .accordion_wrapper .inside, .ce-wrapper.bg-grey .accordion_wrapper .inside { background-color: transparent !important; padding-left: 0px; padding-right: 0px; } .ce-wrapper.bg-orange .accordion_wrapper .toggler_row, .ce-wrapper.bg-lime .accordion_wrapper .toggler_row, .ce-wrapper.bg-pink .accordion_wrapper .toggler_row, .ce-wrapper.bg-ocean .accordion_wrapper .toggler_row, .ce-wrapper.bg-grey .accordion_wrapper .toggler_row { border-color: #000; } .ce-wrapper.bg-orange .accordion_wrapper .toggler, .ce-wrapper.bg-lime .accordion_wrapper .toggler, .ce-wrapper.bg-pink .accordion_wrapper .toggler, .ce-wrapper.bg-ocean .accordion_wrapper .toggler, .ce-wrapper.bg-grey .accordion_wrapper .toggler { background-image: url("data:image/svg+xml,%3Csvg width='44' height='47' viewBox='0 0 44 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 1611'%3E%3Cpath id='Vector 1' d='M5.31597 8.74468L18.512 1.89874C20.8219 0.70042 23.5703 0.70042 25.8801 1.89874L39.0762 8.74468C41.7278 10.1203 43.3922 12.8587 43.3922 15.8459V32.3839C43.3922 35.5478 41.5276 38.4144 38.6354 39.697L25.4393 45.5492C23.3741 46.4651 21.018 46.4651 18.9529 45.5492L5.75679 39.697C2.86459 38.4144 1 35.5478 1 32.3839V15.8459C1 12.8587 2.66432 10.1203 5.31597 8.74468Z' stroke='black'/%3E%3Cpath id='Vector' d='M21.773 27.7273C21.6457 27.728 21.5196 27.7036 21.4017 27.6555C21.2839 27.6074 21.1768 27.5365 21.0864 27.4469L15.2844 21.6448C15.1023 21.4627 15 21.2158 15 20.9583C15 20.7008 15.1023 20.4538 15.2844 20.2717C15.4665 20.0896 15.7134 19.9873 15.971 19.9873C16.2285 19.9873 16.4754 20.0896 16.6575 20.2717L21.773 25.3968L26.8884 20.2814C27.0734 20.1229 27.3114 20.0402 27.5548 20.0496C27.7981 20.059 28.029 20.1599 28.2012 20.3321C28.3734 20.5043 28.4743 20.7351 28.4837 20.9785C28.4931 21.2219 28.4103 21.4598 28.2519 21.6448L22.4499 27.4469C22.2698 27.6255 22.0267 27.7262 21.773 27.7273Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media (max-width: 1440px) { .ce-wrapper.bg-orange .accordion_wrapper .toggler, .ce-wrapper.bg-lime .accordion_wrapper .toggler, .ce-wrapper.bg-pink .accordion_wrapper .toggler, .ce-wrapper.bg-ocean .accordion_wrapper .toggler, .ce-wrapper.bg-grey .accordion_wrapper .toggler { font-size: 20px; line-height: 30px; padding-top: 30px; padding-bottom: 30px; padding-right: 50px; } } .ce-wrapper.bg-orange .accordion_wrapper .toggler.active, .ce-wrapper.bg-lime .accordion_wrapper .toggler.active, .ce-wrapper.bg-pink .accordion_wrapper .toggler.active, .ce-wrapper.bg-ocean .accordion_wrapper .toggler.active, .ce-wrapper.bg-grey .accordion_wrapper .toggler.active { background-image: url("data:image/svg+xml,%3Csvg width='44' height='47' viewBox='0 0 44 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 1611'%3E%3Cpath id='Vector 1' d='M5.31597 8.74468L18.512 1.89874C20.8219 0.70042 23.5703 0.70042 25.8801 1.89874L39.0762 8.74468C41.7278 10.1203 43.3922 12.8587 43.3922 15.8459V32.3839C43.3922 35.5478 41.5276 38.4144 38.6354 39.697L25.4393 45.5492C23.3741 46.4651 21.018 46.4651 18.9529 45.5492L5.75679 39.697C2.86459 38.4144 1 35.5478 1 32.3839V15.8459C1 12.8587 2.66432 10.1203 5.31597 8.74468Z' stroke='black'/%3E%3Cpath id='Vector' d='M21.773 19.9876C21.6457 19.9868 21.5196 20.0112 21.4017 20.0593C21.2839 20.1075 21.1768 20.1784 21.0864 20.268L15.2844 26.07C15.1023 26.2521 15 26.4991 15 26.7566C15 27.0141 15.1023 27.2611 15.2844 27.4432C15.4665 27.6252 15.7134 27.7275 15.971 27.7275C16.2285 27.7275 16.4754 27.6252 16.6575 27.4432L21.773 22.318L26.8884 27.4335C27.0734 27.5919 27.3114 27.6747 27.5548 27.6653C27.7981 27.6559 28.029 27.555 28.2012 27.3828C28.3734 27.2106 28.4743 26.9797 28.4837 26.7363C28.4931 26.493 28.4103 26.255 28.2519 26.07L22.4499 20.268C22.2698 20.0893 22.0267 19.9886 21.773 19.9876Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A"); } .ce-wrapper.has-project-teaser_slider .inside { padding-left: 0px; padding-right: 0px; } .ce-wrapper.has-project-teaser_slider .inside .inside-wrapper { max-width: 100%; } .ce-wrapper.has-project-teaser_slider .inside .inside-wrapper .ce:not(.project-teaser_slider) { max-width: 1360px; margin: 0 auto; } .ce-wrapper.has-project-teaser_slider .inside .inside-wrapper .project-teaser_slider .slick-list { margin: 0 auto; max-width: 1360px; } .ce-wrapper.has-project-teaser_slider .inside .inside-wrapper .project-teaser_slider .slick-list .slick-track { margin-left: -35px; } @media (max-width: 1440px) { .ce-wrapper.has-project-teaser_slider .inside .inside-wrapper .project-teaser_slider .slick-list .slick-track { margin-left: 20px; } } .ce-wrapper .quote_slider .slick-slider { padding: 10px 0px 10px 0px; } .ce-wrapper.bg-orange .ce_app_projects .project .text_wrapper p, .ce-wrapper.bg-lime .ce_app_projects .project .text_wrapper p, .ce-wrapper.bg-pink .ce_app_projects .project .text_wrapper p, .ce-wrapper.bg-ocean .ce_app_projects .project .text_wrapper p { color: #000; } .ce-wrapper.bg-orange .ce_app_projects .project .text_wrapper button svg path:first-child, .ce-wrapper.bg-lime .ce_app_projects .project .text_wrapper button svg path:first-child, .ce-wrapper.bg-pink .ce_app_projects .project .text_wrapper button svg path:first-child, .ce-wrapper.bg-ocean .ce_app_projects .project .text_wrapper button svg path:first-child { stroke: #000; } .ce-wrapper.bg-orange .ce_app_projects .project .text_wrapper button svg path:last-child, .ce-wrapper.bg-lime .ce_app_projects .project .text_wrapper button svg path:last-child, .ce-wrapper.bg-pink .ce_app_projects .project .text_wrapper button svg path:last-child, .ce-wrapper.bg-ocean .ce_app_projects .project .text_wrapper button svg path:last-child { fill: #000; } .ce-wrapper.bg-orange .text_only ul.list_type-checklist li, .ce-wrapper.bg-lime .text_only ul.list_type-checklist li, .ce-wrapper.bg-pink .text_only ul.list_type-checklist li, .ce-wrapper.bg-ocean .text_only ul.list_type-checklist li, .ce-wrapper.bg-grey .text_only ul.list_type-checklist li { background-image: url("data:image/svg+xml,%3Csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.50514 11.0467L21.8469 1.52531C23.1962 0.824897 24.8038 0.824897 26.1531 1.52531L44.4949 11.0467C46.0345 11.846 47 13.4316 47 15.1607V38.2214C47 40.0532 45.9177 41.7135 44.2377 42.4591L25.8959 50.5984C24.6891 51.1339 23.3109 51.1339 22.1041 50.5984L3.76235 42.4591C2.08228 41.7135 1 40.0532 1 38.2214V15.1607C1 13.4316 1.96555 11.846 3.50514 11.0467Z' stroke='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.5775 18.3078C36.0969 18.7647 36.144 19.5607 35.6821 20.0762L22.6775 34.5888C22.2131 35.107 21.4158 35.1399 20.9107 34.6619L13.3854 27.5391C12.9161 27.0948 12.8712 26.3546 13.2738 25.8486C13.7181 25.2903 14.5455 25.2134 15.0742 25.6916L20.9129 30.9718C21.4203 31.4307 22.2014 31.3896 22.6586 30.8801L33.8444 18.4106C34.297 17.906 35.0689 17.8603 35.5775 18.3078Z' fill='black'/%3E%3C/svg%3E%0A"); } .main_menu_wrapper { border-radius: 80px; background: #EFF0F6; padding: 8px 11px; margin: 0 auto; margin-top: 15px; width: fit-content; } @media (max-width: 767px) { .main_menu_wrapper { border-radius: 20px; display: block; top: 90px; left: 0px; position: absolute; width: calc(100% - 0px); padding: 120px 20px 20px 20px; height: calc(100vh - 0px); height: calc(100vh - 60px); opacity: 0; top: calc(-100vh + 90px); transition: top 0.33s ease-in-out, opacity 0.33s ease-in-out; overflow-y: auto; } } .main_menu_wrapper.open { /* border-radius: 20px; display: block; top: 90px; left: 20px; position: absolute; width: calc(100% - 40px); padding: 20px 20px; height: calc(100vh - 130px); */ margin-top: 0px; top: 0px; opacity: 1; transition: top 0.33s ease-in-out, opacity 0.33s ease-in-out; } .main_menu_wrapper #menu_meta { display: none; opacity: 1; transition: opacity 0.33s ease-in-out; } @media (max-width: 767px) { .main_menu_wrapper #menu_meta { display: block; position: absolute; bottom: 40px; margin: 0 auto; width: calc(100% - 0px); display: inline-block; left: 0px; } .main_menu_wrapper #menu_meta ul li, .main_menu_wrapper #menu_meta ul li a { font-size: 14px; color: #000; } } .level_2_open .main_menu_wrapper #menu_meta { opacity: 0; transition: opacity 0.33s ease-in-out; } #menu_main { /* border-radius: 80px; background: $VALID-Grey-Light; // padding: 20px 55px; padding: 20px 25px; margin: 0 auto; margin-top: 15px; width: fit-content; */ } #menu_main > .level_1 > li { padding: 10px 0px; } @media (min-width: 768px) { #menu_main > .level_1 > li a.trail, #menu_main > .level_1 > li strong.active { position: relative; z-index: 3; } } #menu_main > .level_1 > li a.trail:before, #menu_main > .level_1 > li strong.active:before { display: inline-block; position: absolute; left: 0px; top: 0px; content: ''; width: 100%; height: 100%; border-radius: 40px; z-index: -1; } @media (max-width: 767px) { #menu_main > .level_1 > li a.trail:before, #menu_main > .level_1 > li strong.active:before { display: none; background-color: transparent; } } #menu_main > .level_1 > li a.trail.services:before, #menu_main > .level_1 > li strong.active.services:before { background-color: #CFE012; } #menu_main > .level_1 > li a.trail.branchen:before, #menu_main > .level_1 > li strong.active.branchen:before { background-color: #4CCDE0; } @media (min-width: 768px) { #menu_main > .level_1 > li a.trail.success-stories, #menu_main > .level_1 > li strong.active.success-stories { color: #fff; } } #menu_main > .level_1 > li a.trail.success-stories:before, #menu_main > .level_1 > li strong.active.success-stories:before { background-color: #8E4BFA; } @media (min-width: 768px) { #menu_main > .level_1 > li a.trail.success-stories:after, #menu_main > .level_1 > li strong.active.success-stories:after { background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M5.05016 6.85148C4.95578 6.85205 4.86222 6.83344 4.77485 6.79674C4.68748 6.76004 4.60801 6.70596 4.541 6.6376L0.238245 2.21243C0.103207 2.07355 0.0273438 1.88519 0.0273438 1.68879C0.0273438 1.49238 0.103207 1.30402 0.238245 1.16514C0.373282 1.02626 0.556432 0.948242 0.747404 0.948242C0.938376 0.948242 1.12153 1.02626 1.25656 1.16514L5.05016 5.07404L8.84376 1.17252C8.98095 1.05169 9.15741 0.988555 9.3379 0.995724C9.51838 1.00289 9.68959 1.07984 9.8173 1.21119C9.94502 1.34254 10.0198 1.51862 10.0268 1.70424C10.0338 1.88985 9.97239 2.07134 9.85491 2.21243L5.55215 6.6376C5.41858 6.77386 5.23829 6.85067 5.05016 6.85148Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); } } @media (max-width: 767px) { #menu_main { /* border-radius: 20px; display: block; top: 90px; left: 20px; position: absolute; width: calc(100% - 40px); padding: 20px 20px; height: calc(100vh - 130px); opacity: 0; top: calc(-100vh + 90px); transition: $transition; overflow-y: auto; */ } #menu_main > .level_1 { flex-direction: column; } #menu_main > .level_1 li { margin: 0; padding-top: 10px; padding-bottom: 10px; } #menu_main > .level_1 li:not(:first-child) { border-top: 1px solid #000; } #menu_main > .level_1 li a, #menu_main > .level_1 li .active { padding: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; font-size: 22px; font-weight: 300; width: 100%; display: inline-block; } #menu_main > .level_1 li a.submenu:after, #menu_main > .level_1 li .active.submenu:after { height: 11px; width: 15px; top: 17px; float: right; transform: rotate(-90deg); } } @media (max-width: 767px) and (max-width: 767px) { #menu_main > .level_1 li a.submenu:after, #menu_main > .level_1 li .active.submenu:after { top: 13px; } } @media (max-width: 767px) { #menu_main.open { /* border-radius: 20px; display: block; top: 90px; left: 20px; position: absolute; width: calc(100% - 40px); padding: 20px 20px; height: calc(100vh - 130px); */ top: 90px; opacity: 1; transition: top 0.33s ease-in-out, opacity 0.33s ease-in-out; } } #menu_main ul { list-style-type: none; margin: 0; padding: 0px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } #menu_main ul li { margin: 0 0px; } #menu_main ul li:first-child { margin-left: 0px; } #menu_main ul li:last-child { margin-right: 0px; } #menu_main ul li a, #menu_main ul li .active { padding: 10px 25px; border-radius: 30px; color: #000; font-weight: 700; cursor: pointer; } #menu_main ul li a.submenu:after, #menu_main ul li .active.submenu:after { content: ''; height: 7px; width: 11px; margin-left: 10px; display: inline-block; top: -3px; position: relative; background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M5.05016 6.85148C4.95578 6.85205 4.86222 6.83344 4.77485 6.79674C4.68748 6.76004 4.60801 6.70596 4.541 6.6376L0.238245 2.21243C0.103207 2.07355 0.0273438 1.88519 0.0273438 1.68879C0.0273438 1.49238 0.103207 1.30402 0.238245 1.16514C0.373282 1.02626 0.556432 0.948242 0.747404 0.948242C0.938376 0.948242 1.12153 1.02626 1.25656 1.16514L5.05016 5.07404L8.84376 1.17252C8.98095 1.05169 9.15741 0.988555 9.3379 0.995724C9.51838 1.00289 9.68959 1.07984 9.8173 1.21119C9.94502 1.34254 10.0198 1.51862 10.0268 1.70424C10.0338 1.88985 9.97239 2.07134 9.85491 2.21243L5.55215 6.6376C5.41858 6.77386 5.23829 6.85067 5.05016 6.85148Z' fill='%23000000'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; } #menu_main ul li a.open_menu.success-stories, #menu_main ul li .active.open_menu.success-stories { /* background-color: $VALID-Purple; color: #fff !important; */ } @media (max-width: 767px) { #menu_main ul li a.open_menu.success-stories, #menu_main ul li .active.open_menu.success-stories { color: #000 !important; } } #menu_main ul li a.open_menu.success-stories a, #menu_main ul li .active.open_menu.success-stories a { color: #fff !important; } @media (max-width: 767px) { #menu_main ul li a.open_menu.success-stories a, #menu_main ul li .active.open_menu.success-stories a { color: #000 !important; } } @media (max-width: 767px) { #menu_main ul li a.open_menu.success-stories:after, #menu_main ul li .active.open_menu.success-stories:after { background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M5.05016 6.85148C4.95578 6.85205 4.86222 6.83344 4.77485 6.79674C4.68748 6.76004 4.60801 6.70596 4.541 6.6376L0.238245 2.21243C0.103207 2.07355 0.0273438 1.88519 0.0273438 1.68879C0.0273438 1.49238 0.103207 1.30402 0.238245 1.16514C0.373282 1.02626 0.556432 0.948242 0.747404 0.948242C0.938376 0.948242 1.12153 1.02626 1.25656 1.16514L5.05016 5.07404L8.84376 1.17252C8.98095 1.05169 9.15741 0.988555 9.3379 0.995724C9.51838 1.00289 9.68959 1.07984 9.8173 1.21119C9.94502 1.34254 10.0198 1.51862 10.0268 1.70424C10.0338 1.88985 9.97239 2.07134 9.85491 2.21243L5.55215 6.6376C5.41858 6.77386 5.23829 6.85067 5.05016 6.85148Z' fill='%23000000'/%3E%3C/svg%3E%0A") !important; } } #menu_main ul li a.open_menu.submenu:after, #menu_main ul li .active.open_menu.submenu:after { transform: rotate(180deg); } @media (max-width: 767px) { #menu_main ul li a.active.services, #menu_main ul li .active.active.services { background-color: transparent; } } @media (max-width: 767px) { #menu_main ul li a.active.branchen, #menu_main ul li .active.active.branchen { background-color: transparent; } } @media (max-width: 767px) { #menu_main ul li a.active.success-stories, #menu_main ul li .active.active.success-stories { background-color: transparent; color: #000 !important; } } #menu_main ul li a.active.success-stories a, #menu_main ul li .active.active.success-stories a { color: #fff !important; } @media (max-width: 767px) { #menu_main ul li a.active.success-stories a, #menu_main ul li .active.active.success-stories a { color: #000 !important; } } @media (max-width: 767px) { #menu_main ul li a.active.success-stories:after, #menu_main ul li .active.active.success-stories:after { background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M5.05016 6.85148C4.95578 6.85205 4.86222 6.83344 4.77485 6.79674C4.68748 6.76004 4.60801 6.70596 4.541 6.6376L0.238245 2.21243C0.103207 2.07355 0.0273438 1.88519 0.0273438 1.68879C0.0273438 1.49238 0.103207 1.30402 0.238245 1.16514C0.373282 1.02626 0.556432 0.948242 0.747404 0.948242C0.938376 0.948242 1.12153 1.02626 1.25656 1.16514L5.05016 5.07404L8.84376 1.17252C8.98095 1.05169 9.15741 0.988555 9.3379 0.995724C9.51838 1.00289 9.68959 1.07984 9.8173 1.21119C9.94502 1.34254 10.0198 1.51862 10.0268 1.70424C10.0338 1.88985 9.97239 2.07134 9.85491 2.21243L5.55215 6.6376C5.41858 6.77386 5.23829 6.85067 5.05016 6.85148Z' fill='%23000000'/%3E%3C/svg%3E%0A") !important; } } #menu_main ul .level_2 { display: none; } @media (max-width: 767px) { body.ios.iphone .main_menu_wrapper { height: calc(100vh - 100px); } } .mod_navigation_submenu { position: absolute; top: 150px; left: 0px; right: 0px; max-width: 1360px; width: calc(100% - 80px); margin: 0px 40px; } @media (max-width: 767px) { .mod_navigation_submenu { width: 100%; top: 0px; top: 100px; margin: 0px; } } .mod_navigation_submenu .submenu-container { position: relative; display: none; border-radius: 30px; background: #EFF0F6; padding: 70px 40px 80px 70px; padding-bottom: 130px; overflow: hidden; overflow: scroll; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container { height: calc(100vh - 200px); padding: 40px 20px 20px 20px; border-radius: 20px; } } .mod_navigation_submenu .submenu-container[data-target="branchen"] { padding-bottom: 60px !important; } .mod_navigation_submenu .submenu-container .submenu { display: flex; flex-direction: column; } .mod_navigation_submenu .submenu-container .submenu.flex-row { flex-direction: row; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .submenu.flex-row { flex-direction: column; } } .mod_navigation_submenu .submenu-container .submenu .ce_app_text { display: none; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 { justify-content: start !important; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li { margin: 0 !important; padding-right: 60px; border-right: 1px solid #000; margin-bottom: 45px !important; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li { padding-right: 00px; border-right: 0px solid #000; margin-bottom: 0px !important; padding-left: 15px !important; padding-top: 20px !important; padding-bottom: 20px !important; width: 100%; } } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li:not(:first-child) { padding-left: 15px; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li:nth-child(4) { border-right: 1px solid transparent; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li:nth-child(5) { padding-left: 0px; border-right: 1px solid transparent; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li.active { padding: 0px !important; padding-right: 60px !important; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li strong.active { font-size: 20px !important; padding: 0px !important; font-weight: 300 !important; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li strong.active { padding-left: 15px !important; padding-top: 20px !important; padding-bottom: 20px !important; font-size: 22px !important; } } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 > li strong.active:after { content: ''; display: none !important; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 a { padding: 0px !important; font-weight: 300 !important; font-size: 20px; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 a:after { content: none !important; display: none !important; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 .level_2 { display: block !important; margin-top: 30px !important; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 .level_2 { display: none !important; } } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 .level_2 li { margin-left: 0px !important; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 .level_2 li.active { padding: 0px !important; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 .level_2 li strong.active { font-size: 18px !important; padding: 0px !important; } .mod_navigation_submenu .submenu-container .submenu .mod_navigation .level_1 .level_2 li a { font-weight: 300 !important; font-size: 18px; } .mod_navigation_submenu .submenu-container .ce_app_text { text-align: center; color: #000; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .ce_app_text { text-align: left; } } .mod_navigation_submenu .submenu-container .ce_app_text .headline { margin-top: 0px; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .ce_app_text h2 { font-family: 'Soehne'; padding-left: 15px; font-size: 30px; font-weight: 600; line-height: normal; margin-bottom: 0px; margin-top: 20px !important; text-align: left; } } .mod_navigation_submenu .submenu-container .ce_app_project { width: calc(33.33% - 30px); margin: 0 15px; padding: 30px 0px; } .mod_navigation_submenu .submenu-container .ce_app_project .image_wrapper { position: relative; } .mod_navigation_submenu .submenu-container .ce_app_project .image_wrapper img { height: 250px; border-radius: 20px; object-fit: cover; } @media (max-width: 1023px) { .mod_navigation_submenu .submenu-container .ce_app_project .image_wrapper img { object-fit: cover; } } .mod_navigation_submenu .submenu-container .ce_app_project .image_wrapper .client_tag { position: absolute; bottom: 20px; left: 20px; z-index: 2; background-color: #fff; border-radius: 50px; color: #000; font-size: 11px; font-weight: 600; line-height: 22px; text-transform: uppercase; letter-spacing: 1.65px; padding: 5px 15px; } .mod_navigation_submenu .submenu-container .ce_app_project .text_content .teaser_text p { font-size: 28px; line-height: 32px; } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .ce_app_project .text_content .teaser_text p { font-size: 20px; line-height: 26px; } } .mod_navigation_submenu .submenu-container .ce_app_project .text_content .spitzmarke, .mod_navigation_submenu .submenu-container .ce_app_project .text_content .headline { display: none; } .mod_navigation_submenu .submenu-container .ce_app_project .text_content * { color: #000; } .mod_navigation_submenu .submenu-container .ce_app_project .text_content .button { display: inline-block; border: 1px solid #000; min-width: 215px; border-radius: 90px; padding: 12px 24px 12px 24px; } .mod_navigation_submenu .submenu-container .ce_app_project .text_content .button svg { transform: rotate(90deg); margin-right: 5px; } .mod_navigation_submenu .submenu-container .text_only { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .mod_navigation_submenu .submenu-container .text_only { display: none; } } .mod_navigation_submenu .submenu-container .text_only .inside { padding-left: 0px; padding-right: 0px; } .mod_navigation_submenu .submenu-container .text_only .inside p { padding-left: 0px; font-size: 30px; font-weight: 600; margin-bottom: 10px; margin-top: 20px; color: #000; } .mod_navigation_submenu .submenu-container .close_level_2 { display: none; color: #000; margin-top: 10px; cursor: pointer; } .mod_navigation_submenu .submenu-container .close_level_2:before { content: ''; height: 7px; width: 11px; margin-right: 10px; display: inline-block; top: -2px; position: relative; background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M5.05016 6.85148C4.95578 6.85205 4.86222 6.83344 4.77485 6.79674C4.68748 6.76004 4.60801 6.70596 4.541 6.6376L0.238245 2.21243C0.103207 2.07355 0.0273438 1.88519 0.0273438 1.68879C0.0273438 1.49238 0.103207 1.30402 0.238245 1.16514C0.373282 1.02626 0.556432 0.948242 0.747404 0.948242C0.938376 0.948242 1.12153 1.02626 1.25656 1.16514L5.05016 5.07404L8.84376 1.17252C8.98095 1.05169 9.15741 0.988555 9.3379 0.995724C9.51838 1.00289 9.68959 1.07984 9.8173 1.21119C9.94502 1.34254 10.0198 1.51862 10.0268 1.70424C10.0338 1.88985 9.97239 2.07134 9.85491 2.21243L5.55215 6.6376C5.41858 6.77386 5.23829 6.85067 5.05016 6.85148Z' fill='%23000000'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; transform: rotate(90deg); } @media (max-width: 767px) { .mod_navigation_submenu .submenu-container .close_level_2 { display: block; } } .mod_navigation_submenu .ce.bg-orange .inside .text_color { color: #fff !important; } @media (max-width: 767px) { .mod_navigation_submenu .ce.bg-orange .inside .text_color { color: #000 !important; } } .mod_navigation_submenu .teaser_3er { padding: 0px !important; /* padding-top: 0px; padding-bottom: 0px; */ } .mod_navigation_submenu .teaser_3er .inside { padding: 0px !important; } .mod_navigation_submenu .teaser_3er .inside .flex_wrapper h2 { font-size: 36px !important; line-height: 42px !important; } @media (max-width: 767px) { .mod_navigation_submenu .teaser_3er .row { margin-left: 0px; margin-right: 0px; } } @media (max-width: 1023px) { .mod_navigation_submenu .teaser_3er .row .col { width: calc(33% - 30px) !important; } .mod_navigation_submenu .teaser_3er .row .col:not(:last-child) { margin-bottom: 0px; } } @media (max-width: 767px) { .mod_navigation_submenu .teaser_3er .row .col { width: calc(100% - 0px) !important; } } .mod_navigation_submenu .teaser_3er .row .col .image_wrapper img { max-height: 285px; } .mod_navigation_submenu .teaser_3er .headline_wrapper { margin-bottom: 0px !important; } @media (max-width: 767px) { .mod_navigation_submenu .teaser_3er .headline_wrapper { margin-top: 20px !important; } } .mod_navigation_submenu .teaser_3er .link_wrapper { margin-top: 0px !important; margin-bottom: 40px !important; } @media (max-width: 767px) { .mod_navigation_submenu .teaser_3er h2 { display: none; } } @media (max-width: 1023px) { .mod_navigation_submenu .submenu-container[data-target="success-stories"] .submenu.flex-row { flex-direction: column; } } @media (max-width: 1023px) { .mod_navigation_submenu .submenu-container .ce_app_project { width: calc(100% - 0px) !important; margin: 0px; } } body.ios.iphone .submenu .menu_linkbutton { margin-bottom: 100px; } body.ios.iphone .submenu .menu_branchen_switch { padding-bottom: 70px !important; } .menu_toggle { height: 55px; width: 49px; position: absolute; top: 35px; right: 20px; transform: rotate(0deg); transition: transform 0.25s ease-in-out; transform-origin: center; cursor: pointer; z-index: 9; } @media (min-width: 768px) { .menu_toggle { display: none; } } .menu_toggle svg .icon-open { opacity: 1; transition: opacity 0.25s ease-in-out; } .menu_toggle svg .icon-close { opacity: 0; transition: opacity 0.25s ease-in-out; } .menu_toggle.open { transform-origin: center; transform: rotate(360deg); transition: transform 0.25s ease-in-out; } .menu_toggle.open svg path { fill: #000; } .menu_toggle.open svg .icon-open { opacity: 0; transition: all 0.25s ease-in-out; } .menu_toggle.open svg .icon-close { opacity: 1; transition: all 0.25s ease-in-out; stroke: #fff; } .menu_linkbutton { position: absolute; bottom: 0px; right: 0px; height: 125px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; border-top-left-radius: 60px; /* @include min-phone { display: none; } */ } @media (max-width: 767px) { .menu_linkbutton { height: 60px; position: relative; border-radius: 90px; background-color: #fff; margin-top: 40px; } } .menu_linkbutton .inside { padding-left: 40px; padding-right: 40px; } @media (max-width: 767px) { .menu_linkbutton .inside { background-color: #fff !important; padding-left: 0px; padding-right: 0px; } } .menu_linkbutton .flex_wrapper { display: flex; height: 100%; justify-content: flex-start; align-items: center; } @media (max-width: 767px) { .menu_linkbutton .flex_wrapper { padding-left: 20px; padding-right: 5px; } } .menu_linkbutton .flex_wrapper a { color: #000 !important; max-width: 255px; font-size: 22px; padding-right: 70px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50.9 55.7'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; %7D .cls-2 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M9.5,46.7L1.8,31.7c-1.2-2.3-1.2-5.1,0-7.4l7.8-15c1.4-2.7,4.1-4.3,7.1-4.3h18.8c3.2,0,6,1.9,7.3,4.8l6.7,15c.9,2.1.9,4.4,0,6.5l-6.7,15c-1.3,2.9-4.1,4.8-7.3,4.8h-18.8c-3,0-5.7-1.7-7.1-4.3Z'/%3E%3Cpath class='cls-2' d='M18.8,27.2c-.4,0-.8.3-.8.8s.3.8.8.8v-1.5ZM33.4,28.5c.3-.3.3-.8,0-1.1l-4.8-4.8c-.3-.3-.8-.3-1.1,0s-.3.8,0,1.1l4.2,4.2-4.2,4.2c-.3.3-.3.8,0,1.1s.8.3,1.1,0l4.8-4.8ZM18.8,28.7h14v-1.5h-14v1.5Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; } @media (max-width: 767px) { .menu_linkbutton .flex_wrapper a { font-size: 16px; line-height: 60px; color: #000 !important; padding-right: 0px; max-width: 100%; width: 100%; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50.9 55.7'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %238E4BFA; stroke: %23fff; %7D .cls-2 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M9.5,46.7L1.8,31.7c-1.2-2.3-1.2-5.1,0-7.4l7.8-15c1.4-2.7,4.1-4.3,7.1-4.3h18.8c3.2,0,6,1.9,7.3,4.8l6.7,15c.9,2.1.9,4.4,0,6.5l-6.7,15c-1.3,2.9-4.1,4.8-7.3,4.8h-18.8c-3,0-5.7-1.7-7.1-4.3Z'/%3E%3Cpath class='cls-2' d='M18.8,27.2c-.4,0-.8.3-.8.8s.3.8.8.8v-1.5ZM33.4,28.5c.3-.3.3-.8,0-1.1l-4.8-4.8c-.3-.3-.8-.3-1.1,0s-.3.8,0,1.1l4.2,4.2-4.2,4.2c-.3.3-.3.8,0,1.1s.8.3,1.1,0l4.8-4.8ZM18.8,28.7h14v-1.5h-14v1.5Z'/%3E%3C/svg%3E"); background-size: 44px 41px; } } @media (max-width: 767px) { .menu_linkbutton.bg-purple .inside .text_color { color: #000 !important; border-color: #fff !important; } } .hero { width: 100vw; height: 100vh; position: relative; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } @media (max-width: 767px) { .hero { height: 90vh; } } .hero .inside { max-width: 100%; width: 100%; margin: 0; } .hero .hero_content { position: absolute; z-index: 2; width: 100%; height: 100%; } .hero .hero_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .hero .hero_text h1 { font-family: "NeuePower-Ultra"; /* font-size: 110px; line-height: 160px; */ font-size: 100px; line-height: 100px; } @media (max-width: 767px) { .hero .hero_text h1 { /* font-size: 62px; line-height: 88px; */ font-size: 50px; line-height: 60px; } } .hero .hero_text h2 { font-family: "Soehne"; font-size: 85px; font-weight: 300; } @media (max-width: 767px) { .hero .hero_text h2 { font-size: 50px; line-height: 66px; } } .hero .hero_text p { font-family: "Soehne"; font-size: 18px; line-height: 24px; } @media (max-width: 767px) { .hero .hero_text p { font-size: 16px; line-height: 22px; } } .hero .hero_img { position: absolute; width: 100%; height: 100%; } .hero .hero_img img { width: 100%; height: 100%; object-fit: cover; } .hero .link_wrapper { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); } .hero .link_wrapper span { min-width: unset; border-radius: 0px; border: none; background-color: transparent; padding: 0px; color: #fff; text-align: center; } .hero .link_wrapper span .link_text { display: block; font-size: 9px; text-transform: uppercase; letter-spacing: 1.35px; } .hero .link_wrapper span .link_icon { cursor: pointer; position: relative; display: block; animation: bounce-down 2s infinite; } .hero .link_wrapper span svg { height: 46px; width: 51px; } .hero .video_wrapper { height: 100vh; } .hero .video_wrapper video { width: 100%; height: 100%; object-fit: cover; } .hero.hero_startseite .flex_wrapper img { height: 100vh; width: 100%; object-fit: cover; } @media (max-width: 767px) { .hero.hero_startseite { height: 100vh; } } @media (max-width: 767px) { .hero.hero_startseite .link_wrapper { bottom: 60px; } } body { /* &:not(.startseite) { .hero.has_video { height: calc(100vw / 2); min-height: 50vh; max-height: 80vh; @include max-phone { height: 100vw; min-height: 100vw; } } } */ } @media (max-width: 767px) { body.startseite .hero h1 { font-size: 62px; line-height: 88px; } } .hero_services { position: relative; padding: 0; } @media (max-width: 767px) { .hero_services { overflow: visible; } } .hero_services .inside { width: 100%; max-width: 1360px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } @media (min-width: 1441px) { .hero_services .inside { padding-left: 0px; padding-right: 0px; } } @media (max-width: 767px) { .hero_services .inside { padding-left: 20px; padding-right: 20px; } } .hero_services .image_container { position: relative; max-height: 100vh; overflow: hidden; min-height: 90vh; width: 100%; } @media (max-width: 767px) { .hero_services .image_container .image_mask { height: 90vh; } } .hero_services .image_container img { height: 100%; width: 100%; object-fit: cover; } .hero_services .image_container:after { content: ''; background-color: rgba(0, 0, 0, 0.66); background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 98.19%); height: 53%; width: 100%; position: absolute; left: 0px; bottom: 0px; display: inline-block; } .hero_services .overlay_wrapper { position: absolute; bottom: calc(20% - 90px); z-index: 3; margin: 0 auto; left: 0; right: 0; /* @include max-phone { bottom: 50%; transform: translateY(50%); } */ } .hero_services .text_content { display: inline-flex; flex-direction: column; width: 100%; } .hero_services .text_content h1 { order: 2; line-height: 100px; margin-top: 0px; padding-right: calc((100% / 12) * 3); } @media (max-width: 767px) { .hero_services .text_content h1 { font-size: 50px; line-height: 60px; padding-right: 0px; } } .hero_services .text_content h1 p { margin-top: 30px; } .hero_services .text_content .subheadline { order: 1; font-size: 14px; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; margin-bottom: 15px; } .hero_services .text_content .short_description { font-size: 14px; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; } .hero_services .text_content .anker_container { order: 3; position: relative; } .hero_services .text_content .anker_wrapper_toggle { display: none; border-radius: 30px; background: #202020; width: 100%; height: 60px; color: #FFF; text-align: center; font-size: 12px; font-weight: 600; line-height: 60px; margin-top: 40px; cursor: pointer; position: relative; z-index: 5; } .hero_services .text_content .anker_wrapper_toggle svg { position: relative; margin-left: 15px; top: 10px; } @media (max-width: 767px) { .hero_services .text_content .anker_wrapper_toggle { display: block; } } .hero_services .text_content .anker_wrapper_toggle.open svg path { display: none; opacity: 0; } .hero_services .text_content .anker_wrapper_toggle.open svg #shape, .hero_services .text_content .anker_wrapper_toggle.open svg #horizontal_line { display: block; opacity: 1; } .hero_services .text_content .anker_wrapper { width: 100%; display: inline-block; margin-top: 30px; padding-bottom: 50px; } @media (max-width: 767px) { .hero_services .text_content .anker_wrapper { display: none; background: #202020; margin-top: 0px; padding: 20px; position: absolute; z-index: 2; top: 60px; padding-top: 60px; border-radius: 20px; } } .hero_services .text_content .anker_wrapper a { font-size: 16px; font-weight: 600; line-height: 22px; margin-right: 45px; } @media (max-width: 767px) { .hero_services .text_content .anker_wrapper a { display: block; margin: 20px 0; } } .hero_services .text_content .anker_wrapper a svg { height: 12px; width: auto; margin-left: 6px; } .hero_services .text_content .back_link { order: 4; border-top: 1px solid #fff; } @media (max-width: 767px) { .hero_services .text_content .back_link { margin-top: 40px; } } .hero_services .text_content .back_link a { display: inline-block; margin-left: 5px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; } .ce_app_project_data { display: grid; width: 100%; max-width: 1360px; margin: 0 auto; padding-left: 40px; padding-right: 40px; margin-top: -40px; } @media (min-width: 1441px) { .ce_app_project_data { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 767px) { .ce_app_project_data { padding-left: 20px; padding-right: 20px; margin-top: 40px; } } .ce_app_project_data .col_left { width: calc((100% / 12) * 8); padding-right: calc((100% / 12) * 1); float: left; } @media (max-width: 767px) { .ce_app_project_data .col_left { width: 100%; padding-right: 0; } } .ce_app_project_data .col_left .introtext_container { font-size: 22px; font-weight: 300; line-height: 32px; position: relative; top: -30px; } .ce_app_project_data .col_left .introtext_container .label { font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; } .ce_app_project_data .tag_container { display: inline-block; } @media (max-width: 767px) { .ce_app_project_data .tag_container { margin-top: 30px; margin-bottom: 30px; } } .ce_app_project_data .tag_container .label { display: block; margin-bottom: 20px; } .ce_app_project_data .tag_container .tags { margin: 0; padding: 0; list-style: none; display: inline-flex; } .ce_app_project_data .tag_container .tags .tag { border: 1px solid #fff; border-radius: 50px; color: #000; background-color: #fff; font-size: 11px; font-weight: 600; line-height: 22px; text-transform: uppercase; letter-spacing: 1.65px; padding: 5px 15px; } .ce_app_project_data .tag_container .tags .tag:not(:first-child) { margin-left: 20px; } .ce_app_project_data .col_right { width: calc((100% / 12) * 4); float: right; } @media (max-width: 767px) { .ce_app_project_data .col_right { width: 100%; } } .ce_app_project_data .col_right .member_container { position: relative; top: -20px; } @media (max-width: 767px) { .ce_app_project_data .col_right .member_container { top: 0px; margin-top: 15px; } } .ce_app_project_data .col_right .cta_text { font-size: 25px; font-weight: 300; line-height: 30px; margin-bottom: 20px; margin-top: 0px; } .ce_app_project_data .col_right .row { display: flex; align-items: center; } .ce_app_project_data .col_right .row .member_image { height: 80px; width: 80px; object-fit: cover; background-color: #ccc; border-radius: 80px; overflow: hidden; margin-right: 10px; } .ce_app_project_data .col_right .row .member_name { margin: 0px; } .ce_app_project_data .col_right .row .member_department { color: rgba(255, 255, 255, 0.4); float: left; font-size: 16px; font-weight: 500; line-height: 16px; margin: 0px; } .ce_app_project_data .col_right .link_wrapper a { width: 100%; max-width: 212px; padding: 14px 24px 14px 24px; color: #fff; background-color: transparent; } .ce_app_project_data .col_right .link_wrapper a .link_icon { position: relative; right: 0px !important; margin-right: 10px; top: 2px !important; } .ce_app_project_data .col_right .link_wrapper a .link_icon svg { height: 16px; width: 16px; } .ce_app_project_data .member_container { border-radius: 20px; background-color: #202020; padding: 40px; } .ce_app_project_data .member_container img { width: 100px; height: auto; } .text_only { text-align: left; } .text_only .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); } @media (max-width: 767px) { .text_only .flex_wrapper { padding-left: 0px; padding-right: 0px; } } .text_only .flex_wrapper .h3 { order: 1; font-family: 'Soehne'; font-size: 14px; font-weight: 600; line-height: 16px; /* 114.286% */ letter-spacing: 2.8px; text-transform: uppercase; margin-bottom: 20px; } .text_only .flex_wrapper .h3 .icon { display: inline-block; height: 24px; width: auto; float: left; margin-right: 10px; } .text_only .flex_wrapper .h3 .icon img { height: 24px; width: auto; float: left; margin-right: 10px; } .text_only .flex_wrapper h2 { order: 2; font-family: 'Soehne'; font-weight: 300; font-size: 36px; line-height: 52px; } .text_only .flex_wrapper .text_content { order: 3; margin-top: 10px; display: inline-block; } .text_only .flex_wrapper .link_wrapper { order: 4; justify-content: left; } .text_only .flex_wrapper .link_wrapper a  { height: 62px; } .text_only .flex_wrapper .link_wrapper svg path { fill: #8E4BFA; } .text_only.align_right { text-align: right; } .text_only.align_right h3 { align-self: flex-end; } .text_only.align_right .link_wrapper { justify-content: right; } .text_only.align_center { text-align: center; } .text_only.align_center h3 { align-self: center; } .text_only.align_center .link_wrapper { justify-content: center; } .text_only ul.list_type-checklist { margin: 0; padding: 0; list-style: none; margin-top: 35px; } .text_only ul.list_type-checklist li { align-items: center; display: inline-flex; min-height: 48px; background-image: url("data:image/svg+xml,%3Csvg width='48' height='52' viewBox='0 0 48 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.50514 11.0467L21.8469 1.52531C23.1962 0.824897 24.8038 0.824897 26.1531 1.52531L44.4949 11.0467C46.0345 11.846 47 13.4316 47 15.1607V38.2214C47 40.0532 45.9177 41.7135 44.2377 42.4591L25.8959 50.5984C24.6891 51.1339 23.3109 51.1339 22.1041 50.5984L3.76235 42.4591C2.08228 41.7135 1 40.0532 1 38.2214V15.1607C1 13.4316 1.96555 11.846 3.50514 11.0467Z' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.5775 18.3078C36.0969 18.7647 36.144 19.5607 35.6821 20.0762L22.6775 34.5888C22.2131 35.107 21.4158 35.1399 20.9107 34.6619L13.3854 27.5391C12.9161 27.0948 12.8712 26.3546 13.2738 25.8486C13.7181 25.2903 14.5455 25.2134 15.0742 25.6916L20.9129 30.9718C21.4203 31.4307 22.2014 31.3896 22.6586 30.8801L33.8444 18.4106C34.297 17.906 35.0689 17.8603 35.5775 18.3078Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: left top; background-size: auto 48px; margin-bottom: 30px; padding-left: 70px; width: 100%; } .text_intro { text-align: center; } .text_intro .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; } .text_intro .flex_wrapper h3 { order: 1; font-family: 'Soehne'; font-size: 14px; text-transform: uppercase; letter-spacing: 2.8px; font-weight: 700; } .text_intro .flex_wrapper h2 { order: 2; } .text_intro .flex_wrapper .text_content { order: 3; padding-left: calc((100% / 12) * 3); padding-right: calc((100% / 12) * 3); } @media (max-width: 767px) { .text_intro .flex_wrapper .text_content { padding-left: 20px; padding-right: 20px; } } .text_intro .flex_wrapper .link_wrapper { order: 4; justify-content: center; } .text_intro .flex_wrapper .link_wrapper a  { height: 62px; } .text_intro .flex_wrapper .link_wrapper svg path#shape { fill: #8E4BFA; } .text_intro .flex_wrapper .link_wrapper .link_icon { right: 10px; top: 10px; } .text_intro .flex_wrapper .link_wrapper a.bg-black { color: #fff; background-color: #000; border-color: #000; min-width: auto; font-size: 9px; font-weight: 600; line-height: 23px; letter-spacing: 1.35px; text-transform: uppercase; padding-left: 0px; /* &:hover { color: #000; background-color: $VALID-Ocean; border-color: $VALID-Ocean; svg path#shape { fill: #000; transition: all 0.3s ease-in-out; } svg path#arrow { fill: $VALID-Ocean; transition: all 0.3s ease-in-out; } } */ } .text_intro .flex_wrapper .link_wrapper a.bg-black svg path#shape { fill: #4CCDE0; transition: all 0.3s ease-in-out; } .text_intro .flex_wrapper .link_wrapper a.bg-black svg path#arrow { transition: all 0.3s ease-in-out; } .text_intro.align_left { text-align: left; } .text_intro.align_left .text_content { padding-left: 0px; padding-right: calc((100% / 12) * 6); } .text_intro.align_left h3 { align-self: flex-start; } .text_intro.align_left .link_wrapper { justify-content: left; } .text_intro.align_right { text-align: right; } .text_intro.align_right .text_content { padding-left: calc((100% / 12) * 6); padding-right: 0px; } .text_intro.align_right h3 { align-self: flex-end; } .text_intro.align_right .link_wrapper { justify-content: right; } .text_intro.align_center { text-align: center; } .text_intro.align_center h3 { align-self: center; } .text_intro.align_center .link_wrapper { justify-content: center; } .text_image { text-align: left; } .text_image .inside { padding-left: 40px; padding-right: 40px; } @media (max-width: 767px) { .text_image .inside { padding-left: 0px; padding-right: 0px; } } .text_image .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; } @media (max-width: 767px) { .text_image .flex_wrapper { flex-direction: column; } } .text_image .text_image_content { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; flex: 0 0 50%; max-width: 50%; padding-right: calc((100% / 12) * 1); } @media (max-width: 767px) { .text_image .text_image_content { flex: 0 0 100%; max-width: 100%; padding-right: 0; } } .text_image .text_image_content h3 { order: 1; font-family: 'Soehne'; font-size: 14px; text-transform: uppercase; letter-spacing: 2.8px; font-weight: 700; color: #CFE012; } .text_image .text_image_content h2 { order: 2; } .text_image .text_image_content .text_content { order: 3; } .text_image .text_image_content .link_wrapper { order: 4; } .text_image .text_image_content .link_wrapper a { background-color: transparent; color: #FFF; height: 62px; } .text_image .text_image_content .link_wrapper svg path { fill: #FFF !important; } .text_image .text_image_img { flex: 0 0 50%; max-width: 50%; padding-left: calc((100% / 12) * 1); } @media (max-width: 767px) { .text_image .text_image_img { flex: 0 0 100%; max-width: 100%; padding-left: 0; margin-top: 30px; } } .text_image .text_image_img img { width: 100%; border-radius: 20px; } .text_image.text-right_image-left .flex_wrapper { flex-direction: row-reverse; } @media (max-width: 767px) { .text_image.text-right_image-left .flex_wrapper { flex-direction: column; } } .text_image.text-right_image-left .flex_wrapper .text_image_content { padding-left: calc((100% / 12) * 1); padding-right: 0px; } @media (max-width: 767px) { .text_image.text-right_image-left .flex_wrapper .text_image_content { padding-left: 0px; } } .text_image.text-right_image-left .flex_wrapper .text_image_img { padding-right: calc((100% / 12) * 1); padding-left: 0px; } @media (max-width: 767px) { .text_image.text-right_image-left .flex_wrapper .text_image_img { padding-right: 0px; } } .text_video { text-align: left; } .text_video .inside { padding-left: 40px; padding-right: 40px; } @media (max-width: 767px) { .text_video .inside { padding-left: 0px; padding-right: 0px; } } .text_video .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; } @media (max-width: 767px) { .text_video .flex_wrapper { flex-direction: column; } } .text_video .text_video_content { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; flex: 0 0 50%; max-width: 50%; padding-right: calc((100% / 12) * 0.75); /* h3 { order: 1; font-family: 'Soehne'; font-size: 14px; text-transform: uppercase; letter-spacing: 2.8px; font-weight: 700; color: $VALID-Lime; } */ } @media (max-width: 767px) { .text_video .text_video_content { flex: 0 0 100%; max-width: 100%; padding-right: 0; } } .text_video .text_video_content h2 { order: 1; font-size: 100px; line-height: 100px; } @media (max-width: 767px) { .text_video .text_video_content h2 { font-size: 50px; line-height: 60px; } } .text_video .text_video_content .text_content { order: 2; } .text_video .text_video_content .link_wrapper { order: 3; /* svg { path { fill: $VALID-Purple !important; } } */ } .text_video .text_video_content .link_wrapper a { background-color: #fff !important; color: #000; height: 62px; border-color: #fff !important; } .text_video .text_video_content .link_wrapper a:hover { background-color: #8E4BFA !important; border-color: #8E4BFA !important; color: #fff; } .text_video .text_video_content .link_wrapper a .link_icon { right: 10px; top: 5px; } .text_video .text_video_content .member_wrapper { order: 4; } .text_video .text_video_vid { flex: 0 0 50%; max-width: 50%; padding-left: calc((100% / 12) * 0.75); } @media (max-width: 767px) { .text_video .text_video_vid { flex: 0 0 100%; max-width: 100%; padding-left: 0; margin-top: 30px; } } .text_video .text_video_vid video { width: 100%; border-radius: 20px; } .text_video .video_wrapper { position: relative; height: 100%; } .text_video .video_wrapper .video_button { height: 132px; width: 132px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .text_video .video_wrapper .video_button svg { width: 100%; height: auto; } .text_video .video_wrapper .video_button svg .pause_icon { opacity: 0; fill: none; } .text_video.playing .video_button { opacity: 0; } .text_video.playing .video_button svg { width: 100%; height: auto; } .text_video.playing .video_button svg .bg-form { fill: #FF6601; } .text_video.playing .video_button svg .play_icon { opacity: 0; fill: none; } .text_video.playing .video_button svg .pause_icon { opacity: 1; fill: #ffffff; } .text_video.playing .video_wrapper:hover .video_button { opacity: 1; } .text_video.text-right_image-left .flex_wrapper { flex-direction: row-reverse; } @media (max-width: 767px) { .text_video.text-right_image-left .flex_wrapper { flex-direction: column; } } .text_video.text-right_image-left .flex_wrapper .text_video_content { padding-left: calc((100% / 12) * 0.75); padding-right: 0px; } @media (max-width: 767px) { .text_video.text-right_image-left .flex_wrapper .text_video_content { padding-left: 0px; } } .text_video.text-right_image-left .flex_wrapper .text_video_vid { padding-right: calc((100% / 12) * 0.75); padding-left: 0px; } @media (max-width: 767px) { .text_video.text-right_image-left .flex_wrapper .text_video_vid { padding-right: 0px; } } .text_video .member_container { border-radius: 20px; background-color: #202020; padding: 20px; margin-top: 50px; } @media (max-width: 767px) { .text_video .member_container { margin-top: 30px; } } .text_video .member_container img { width: 100px; height: auto; } .text_video .row { display: flex; align-items: center; } .text_video .row .member_image { height: 80px; width: 80px; object-fit: cover; background-color: #ccc; border-radius: 80px; overflow: hidden; margin-right: 10px; } .text_video .row .member_name { margin: 0px; font-weight: 600; } .text_video .row .member_department { color: rgba(255, 255, 255, 0.4); float: left; font-size: 16px; font-weight: 500; line-height: 16px; margin: 0px; } .cta_our_mission { text-align: left; color: #000; } .cta_our_mission .inside { background-color: #EFF0F6; border-radius: 40px; overflow: hidden; } .cta_our_mission .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; } .cta_our_mission .text_image_content { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; flex: 0 0 50%; max-width: 50%; padding-right: calc((100% / 12) * 1); padding: 70px 35px 70px 70px; } @media (max-width: 767px) { .cta_our_mission .text_image_content { flex: 0 0 100%; max-width: 100%; padding-right: 0; padding: 30px; } } .cta_our_mission .text_image_content h3 { font-family: 'Soehne'; font-size: 14px; text-transform: uppercase; letter-spacing: 2.8px; font-weight: 700; color: #8E4BFA; } .cta_our_mission .text_image_content .mission_text { font-size: 36px; line-height: 52px; /* 144.444% */ } @media (max-width: 767px) { .cta_our_mission .text_image_content .mission_text { font-size: 20px; line-height: 30px; } } .cta_our_mission .text_image_content .link_wrapper { /* svg { path { fill: #FFF !important; } } */ } .cta_our_mission .text_image_content .link_wrapper a { /* background-color: transparent; color: #FFF; */ } .cta_our_mission .text_image_content .link_wrapper a .link_icon { position: absolute; right: 10px; top: 4px; } .cta_our_mission .text_image_img { padding-top: 70px; flex: 0 0 50%; max-width: 50%; padding-right: 70px; padding-left: calc((100% / 12) * 0.5); display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-end; align-items: flex-start; } @media (max-width: 767px) { .cta_our_mission .text_image_img { flex: 0 0 100%; max-width: 100%; padding-right: 30px; padding-left: calc((100% / 12) * 3); } } .cta_our_mission .text_image_img img { border-radius: 20px; } .cta_our_mission .appointment_box { border-top-left-radius: 20px; position: absolute; right: 0px; bottom: 0px; background-color: #8E4BFA; color: #fff; padding: 40px 15px 10px 50px; max-width: calc((100% / 12) * 4); } @media (max-width: 767px) { .cta_our_mission .appointment_box { max-width: 100%; position: relative; margin-top: -25%; border-top-left-radius: 0px; padding: 30px; padding-top: 40px; } } .cta_our_mission .appointment_box .h4 { font-family: 'Soehne'; font-size: 20px; font-weight: 700; } .cta_our_mission .appointment_box p { font-size: 15px; } .cta_our_mission .appointment_box .link_wrapper a { padding: 8px 28px 8px 28px; color: #fff; background-color: transparent; transition: all .3s ease-in-out; } .cta_our_mission .appointment_box .link_wrapper a .link_icon { position: relative; right: 0px; top: 1px; margin-right: 10px; } .cta_our_mission .appointment_box .link_wrapper a:hover { background-color: #fff; color: #8E4BFA; transition: all .3s ease-in-out; } .cta_our_mission .appointment_box .link_wrapper a:hover svg path { fill: #8E4BFA !important; transition: all .3s ease-in-out; } .cta_our_mission .appointment_box .link_wrapper svg path { transition: all .3s ease-in-out; } .numbers_facts { text-align: left; color: #000; } .numbers_facts .inside { background-color: #EFF0F6; border-radius: 30px; padding: 70px 70px 70px 70px; } @media (max-width: 767px) { .numbers_facts .inside { padding: 30px 15px 15px 15px; } } .numbers_facts .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; text-align: center; margin-bottom: 35px; } .numbers_facts .flex_wrapper h2 { order: 2; font-size: 55px; line-height: 75px; } @media (max-width: 767px) { .numbers_facts .flex_wrapper h2 { font-size: 40px; line-height: 50px; } } .numbers_facts .flex_wrapper .h3 { order: 1; width: auto; align-self: center; font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; margin-bottom: 15px; } .numbers_facts .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-left: -15px; margin-right: -15px; } .numbers_facts .row .col { width: calc(33.33% - 30px); background-color: #fff; margin: 0 15px; padding: 45px 45px 60px 45px; border-radius: 20px; } @media (max-width: 767px) { .numbers_facts .row .col { width: calc(100% - 30px); padding: 35px; } .numbers_facts .row .col:not(:last-child) { margin-bottom: 50px; } } .numbers_facts .row .col .icon_wrapper { margin-bottom: 120px; } @media (max-width: 767px) { .numbers_facts .row .col .icon_wrapper { margin-bottom: 60px; } } .numbers_facts .row .col .icon_wrapper img { max-height: 77px; width: auto; } .numbers_facts .row .col .h2 { font-family: "NeuePower-Ultra"; font-size: 62px; } @media (max-width: 767px) { .numbers_facts .row .col .h2 { font-size: 40px; line-height: 50px; } } .numbers_facts .row .col p { margin: 0; } .numbers_facts .slick-slider .slick-list { margin-left: 0px !important; margin-right: 0px !important; border-radius: 20px; margin-bottom: 20px; } .numbers_facts .slick-slide { width: calc(100vw - 80px) !important; max-width: calc(100vw - 80px) !important; margin-left: 20px; margin-right: 20px; } .numbers_facts .slick-slide .col { margin: 0px !important; } .project_facts { text-align: left; color: #000; padding-left: 0px; padding-right: 0px; } .project_facts .inside { padding-left: 0px; padding-right: 0px; max-width: 100%; margin-left: calc((100% - 1360px) / 2 + 15px); } @media (max-width: 1440px) { .project_facts .inside { margin-left: 55px; } } @media (max-width: 767px) { .project_facts .inside { margin-left: 40px; } } .project_facts .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; text-align: center; margin-bottom: 35px; } .project_facts .flex_wrapper h2 { order: 2; font-size: 55px; line-height: 75px; } @media (max-width: 767px) { .project_facts .flex_wrapper h2 { font-size: 40px; line-height: 50px; } } .project_facts .flex_wrapper .h3 { order: 1; border: 1px solid #000; border-radius: 50px; display: inline-flex; width: auto; align-self: center; font-size: 11px; font-weight: 700; line-height: 22px; letter-spacing: 1.65px; text-transform: uppercase; padding: 7px 15px 5px 15px; margin-bottom: 15px; } .project_facts .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; margin-left: -15px; margin-right: -15px; position: relative; } @media (max-width: 767px) { .project_facts .row { margin-left: 0px; margin-right: 0px; } } .project_facts .row .col { width: calc((1360px / 3.5) - 30px) !important; max-width: calc((1360px / 3.5) - 30px) !important; background-color: #fff; margin: 0 15px; padding: 45px 45px 60px 45px; border-radius: 20px; height: 100%; } @media (max-width: 1023px) { .project_facts .row .col { width: calc(50vw - 80px) !important; max-width: calc(50vw - 80px) !important; } } @media (max-width: 767px) { .project_facts .row .col { width: calc(100vw - 80px) !important; max-width: calc(100vw - 80px) !important; } } .project_facts .row .col .icon_wrapper { margin-bottom: 120px; } .project_facts .row .col .icon_wrapper img { max-height: 77px; width: auto; } .project_facts .row .col .h2 { font-family: "Soehne"; font-size: 22px; font-weight: 300; line-height: 28px; } .project_facts .row .col p { margin: 0; margin-top: 10px; } .project_facts .slick-slider .slick-list { margin-left: 0px; } @media (max-width: 767px) { .project_facts .slick-slider .slick-list { padding-left: 60px; } } .project_facts .slick-track { display: flex; align-items: stretch; margin-left: -15px; } .project_facts .slick-slide > div { height: 100%; } .project_facts .slick-slide { height: auto; width: calc((1360px / 3.5) - 30px) !important; max-width: calc((1360px / 3.5) - 30px) !important; margin: 0 15px !important; filter: blur(0px); transition: filter 0.3s ease-in-out; cursor: url("../../files/valid/Assets/Images/drag.png") 16 16, auto; } @media (max-width: 1023px) { .project_facts .slick-slide { width: calc(50vw - 80px) !important; max-width: calc(50vw - 80px) !important; } } @media (max-width: 767px) { .project_facts .slick-slide { width: calc(100vw - 80px) !important; max-width: calc(100vw - 80px) !important; } } .project_facts .slick-slide[aria-hidden="true"] { filter: blur(4px); transition: filter 0.3s ease-in-out; } @media (max-width: 767px) { .project_facts .slick-slide[aria-hidden="true"] { filter: blur(0px); } } .project_facts .slick-arrow { position: absolute; top: 124px; z-index: 9; width: 65px; height: 72px; background-color: transparent; background-size: 65px 72px; background-repeat: no-repeat; border: 0; text-indent: -9999px; } .project_facts .slick-arrow.slick-prev { left: 30px; transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='black'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='white'/%3E%3C/svg%3E"); } .project_facts .slick-arrow.slick-next { right: calc((100% - 1360px) / 1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='black'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='white'/%3E%3C/svg%3E"); } @media (max-width: 1440px) { .project_facts .slick-arrow.slick-next { right: calc((0vw + 145px) / 1); } } .project_facts .slick-arrow.slick-disabled { display: none !important; } .project_facts.bg-ocean { background-color: #4CCDE0; } .project_facts.bg-lime { background-color: #CFE012; } .project_facts.bg-orange { background-color: #FF6601; } .project_facts.bg-pink { background-color: #E043E0; } .project_facts.bg-purple { background-color: #8E4BFA; } .project_facts.bg-grey { background-color: #EFF0F6; } .project_facts.bg-black .col { color: #fff; background-color: #202020; } .project_facts.bg-black .col .h2 { font-weight: 300; font-family: "NeuePower-Ultra"; font-size: 22px; line-height: 28px; font-family: "Soehne"; } .project_facts.bg-black .col p { margin-top: 15px; } .project_facts.icon-white .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23FFFFFF'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23000000'/%3E%3C/svg%3E"); } .project_facts.icon-white .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23FFFFFF'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23000000'/%3E%3C/svg%3E"); } .project_facts.icon-black .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='black'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-black .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='black'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-purple .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%238E4BFA'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-purple .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%238E4BFA'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-pink .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23E043E0'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-pink .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23E043E0'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-orange .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23FF6601'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-orange .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23FF6601'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .project_facts.icon-lime .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23CFE012'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23000000'/%3E%3C/svg%3E"); } .project_facts.icon-lime .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23CFE012'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23000000'/%3E%3C/svg%3E"); } .project_facts.icon-ocean .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%234CCDE0'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23000000'/%3E%3C/svg%3E"); } .project_facts.icon-ocean .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='72' viewBox='0 0 65 72' fill='none'%3E%3Cpath d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%234CCDE0'/%3E%3Cpath d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='%23000000'/%3E%3C/svg%3E"); } .ce-wrapper .project_facts.bg-ocean, .ce-wrapper .project_facts.bg-lime, .ce-wrapper .project_facts.bg-orange, .ce-wrapper .project_facts.bg-pink, .ce-wrapper .project_facts.bg-purple, .ce-wrapper .project_facts.bg-grey, .ce-wrapper .project_facts.bg-black { background-color: transparent !important; } @media (max-width: 767px) { .ce-wrapper .project_facts { padding-top: 50px; padding-bottom: 50px; } } .ce-wrapper .project_facts .slick-slider .slick-list { padding-top: 2px; padding-bottom: 2px; } .ce-wrapper .project_facts .slick-slide { height: auto; width: calc((1360px / 3.5) - 30px) !important; max-width: calc((1360px / 3.5) - 30px) !important; margin: 0 15px !important; } @media (max-width: 1023px) { .ce-wrapper .project_facts .slick-slide { width: calc(50vw - 80px) !important; max-width: calc(50vw - 80px) !important; } } @media (max-width: 767px) { .ce-wrapper .project_facts .slick-slide { width: calc(100vw - 80px) !important; max-width: calc(100vw - 80px) !important; } } @media (max-width: 767px) { .ce-wrapper .project_facts .slick-slide .col { margin: 0 0px !important; } } .ce-wrapper .project_facts .slick-dots { margin-top: 50px; } .locations { text-align: center; } .locations .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; margin-left: -15px; margin-right: -15px; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); } @media (max-width: 767px) { .locations .row { padding-left: 0; padding-right: 0; } } .locations .row .col { width: calc(50% - 30px); background-color: #202020; margin: 0 15px; padding: 45px 45px 60px 45px; border-radius: 20px; } @media (max-width: 767px) { .locations .row .col { width: calc(100% - 0px); } .locations .row .col:not(:last-child) { margin-bottom: 30px; } } .locations .row .col .icon_wrapper { margin-bottom: 120px; } .locations .row .col .overline { font-size: 14px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; } .locations .row .col h4 { font-family: "NeuePower-Ultra"; font-size: 45px; margin: 35px 0; } .locations .row .col p { margin: 0; } .social_links { text-align: center; } .social_links .overline { font-family: "Soehne"; font-size: 14px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 40px; display: inline-block; } .social_links .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .social_links .row .col { width: 75px; height: 75px; margin-left: 30px; margin-right: 30px; } @media (max-width: 767px) { .social_links .row .col { width: 58px; height: 58px; margin-left: 4px; margin-right: 4px; } } .social_links .row .col a { width: 75px; height: 75px; display: inline-flex; } @media (max-width: 767px) { .social_links .row .col a { width: 58px; height: 58px; } } .social_links .row .col a img { width: 75px; height: 75px; } @media (max-width: 767px) { .social_links .row .col a img { width: 58px; height: 58px; } } .partner { text-align: center; } .partner .overline { font-family: "Soehne"; font-size: 14px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 40px; display: inline-block; } .partner .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; } .partner .row .col { margin-left: 30px; margin-right: 30px; margin-bottom: 30px; } @media (max-width: 767px) { .partner .row .col { flex: 0 0 calc(50% - 60px); max-width: calc(50% - 60px); } } .partner .row .col a { display: inline-flex; } .partner .row .col a img { height: 50px; width: auto; } @media (max-width: 767px) { .partner .row .col a img { height: auto; max-height: 50px; } } .partner .row .col a img.typo3 { height: 60px; width: auto; } .partner .row .col a img.contao { height: 34px; width: auto; } .cta_page_file { text-align: left; color: #000; } .cta_page_file .inside { position: relative; } .cta_page_file .inside:after { content: ''; display: inline-block; position: absolute; bottom: 0px; left: 0px; height: calc(100% - 70px); width: 100%; border-radius: 40px; background-color: #EFF0F6; z-index: -1; } .cta_page_file .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; } @media (max-width: 767px) { .cta_page_file .flex_wrapper { flex-direction: column; } } .cta_page_file .text_image_content { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; flex: 0 0 50%; max-width: 50%; padding-right: calc((100% / 12) * 1); padding: 70px 35px 70px 70px; } @media (max-width: 767px) { .cta_page_file .text_image_content { order: 2; flex: 0 0 100%; max-width: 100%; padding: 20px; } } .cta_page_file .text_image_content h3 { font-family: 'Soehne'; font-size: 12px; font-weight: 600; line-height: 16px; /* 133.333% */ letter-spacing: 2.4px; text-transform: uppercase; } .cta_page_file .text_image_content .mission_text { font-size: 36px; line-height: 52px; /* 144.444% */ } .cta_page_file .text_image_content .link_wrapper { /* svg { path { fill: #FFF !important; } } */ } .cta_page_file .text_image_content .link_wrapper a { /* background-color: transparent; color: #FFF; */ } .cta_page_file .text_image_content .link_wrapper a .link_icon { position: absolute; right: 10px; top: 4px; } .cta_page_file .text_image_img { flex: 0 0 50%; max-width: 50%; padding-right: 70px; padding-bottom: 35px; padding-left: calc((100% / 12) * 0.5); display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-end; align-items: flex-start; } @media (max-width: 767px) { .cta_page_file .text_image_img { order: 1; flex: 0 0 100%; max-width: 100%; } } .cta_page_file .text_image_img img { border-radius: 20px; } .cta_page_file .appointment_box { border-top-left-radius: 20px; position: absolute; right: 0px; bottom: 0px; background-color: #8E4BFA; color: #fff; padding: 40px 15px 10px 50px; max-width: calc((100% / 12) * 4); } .cta_page_file .appointment_box .h4 { font-size: 20px; } .cta_page_file .appointment_box p { font-size: 15px; } .cta_page_file .appointment_box .link_wrapper a { color: #fff; background-color: transparent; } .cta_page_file .appointment_box .link_wrapper svg path { fill: #FFF !important; } .cta_page_file_fullwidth { text-align: left; color: #000; padding-left: 0px; padding-right: 0px; } .cta_page_file_fullwidth .inside { max-width: 100%; width: 100%; margin: 0; position: relative; } .cta_page_file_fullwidth .inside:after { content: ''; display: inline-block; position: absolute; bottom: 0px; left: 0px; height: calc(100% - 70px); width: 100%; border-radius: 40px; background-color: #EFF0F6; z-index: -1; } .cta_page_file_fullwidth .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; position: relative; z-index: 3; } .cta_page_file_fullwidth .text_image_content { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; /* flex: 0 0 50%; max-width: 50%; */ flex: 0 0 100%; max-width: 1360px; padding: 70px 35px 70px 35px; margin: 0 auto; padding-right: calc(1360px / 2); } @media (max-width: 1440px) { .cta_page_file_fullwidth .text_image_content { padding-right: calc((100% / 12) * 6); } } @media (max-width: 767px) { .cta_page_file_fullwidth .text_image_content { flex: 0 0 100%; max-width: 100%; padding-right: 0; padding: 20px; } } .cta_page_file_fullwidth .text_image_content h3 { font-family: "NeuePower-Bold"; font-size: 50px; font-weight: 700; line-height: 60px; color: #fff; padding: 5px 0px; } @media (max-width: 767px) { .cta_page_file_fullwidth .text_image_content h3 { font-size: 30px; line-height: 40px; } } .cta_page_file_fullwidth .text_image_content .cta_text { color: #fff; } .cta_page_file_fullwidth .text_image_content .link_wrapper a:hover { border-color: #000; } .cta_page_file_fullwidth .text_image_content .link_wrapper a .link_icon { position: absolute; right: 10px; top: 4px; } .cta_page_file_fullwidth .text_image_img { position: absolute; left: 0px; top: 0%; height: 100%; z-index: -1; width: 100%; } .cta_page_file_fullwidth .text_image_img img { width: 100%; height: 100%; object-fit: cover; } .cta_client_quote { text-align: left; color: #000; } .cta_client_quote .inside { background-color: #EFF0F6; border-radius: 30px; overflow: hidden; padding: 70px 70px 70px 70px; } @media (max-width: 767px) { .cta_client_quote .inside { padding: 40px 30px 30px 30px; } } .cta_client_quote .col_item { display: inline-flex !important; flex-wrap: wrap !important; flex-direction: row; } @media (max-width: 767px) { .cta_client_quote .col_item { flex-direction: column; padding: 20px; } } .cta_client_quote .overline { font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; /* 114.286% */ letter-spacing: 2.1px; text-transform: uppercase; margin-bottom: 25px; } .cta_client_quote .quote_text { font-size: 33px; font-weight: 300; line-height: 47px; } @media (max-width: 767px) { .cta_client_quote .quote_text { font-size: 20px; line-height: 30px; } } .cta_client_quote .col { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .cta_client_quote .col_left { flex: 0 0 calc((100% / 12) * 8); max-width: calc((100% / 12) * 8); } @media (max-width: 767px) { .cta_client_quote .col_left { flex: 0 0 100%; max-width: 100%; } } .cta_client_quote .col_right { flex: 0 0 calc((100% / 12) * 4); max-width: calc((100% / 12) * 4); align-content: center; text-align: center; font-size: 18px; } @media (max-width: 767px) { .cta_client_quote .col_right { flex: 0 0 100%; max-width: 100%; margin-top: 30px; flex-direction: row; justify-content: flex-start; } } .cta_client_quote .col_right .client_img { width: 169px; height: 169px; border-radius: 169px; overflow: hidden; background-color: #202020; margin: 0 auto; margin-bottom: 20px; } @media (max-width: 767px) { .cta_client_quote .col_right .client_img { width: 111px; height: 111px; border-radius: 111px; margin: 0px; margin-right: 20px; } } .cta_client_quote .col_right .client_img img { width: 169px; height: 169px; object-fit: cover; object-position: top; } @media (max-width: 767px) { .cta_client_quote .col_right .client_img img { width: 111px; height: 111px; } } @media (max-width: 767px) { .cta_client_quote .col_right .client_infos { display: inline-flex; flex-direction: column; justify-content: center; text-align: left; } } .cta_client_quote .col_right .client_name { font-weight: 700; } .quote_slider .inside { border-radius: 40px; padding: 0px !important; } @media (max-width: 767px) { .quote_slider .inside { padding: 40px 30px 30px 30px; } } .quote_slider .slick-slider { padding: 30px 0px 30px 0px; overflow: hidden; } .quote_slider .col_item { padding: 0px 40px 0px 40px; } .quote_slider .slick-dots { width: calc(100% - 0px); } .image { width: 100%; max-width: 1360px; overflow: hidden; padding: 70px 70px 70px 70px; margin: 0 auto; } .image img { border-radius: 30px; } @media (max-width: 767px) { .image img { border-radius: 20px; } } @media (max-width: 767px) { .image { padding-left: 20px; padding-right: 20px; } } .image .inside { max-width: 100%; width: 100%; margin: 0; } .image img { max-height: 90vh; object-fit: cover; } .image img.mobile_only { width: 100%; } .image .caption_text { width: 100%; display: inline-block; margin-top: 15px; text-align: center; font-size: 13px; line-height: 24px; } .image.fullwidth { max-width: 100%; width: 100vw; padding-left: 0px; padding-right: 0px; } .image.fullwidth img { max-height: 90vh; border-radius: 0px; } .images .row { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -15px; margin-right: -15px; } @media (max-width: 767px) { .images .row { flex-direction: column; } } .images .col { flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6); padding: 0 15px; border-radius: 20px; overflow: hidden; } @media (max-width: 767px) { .images .col { flex: 0 0 100%; max-width: 100%; } .images .col:not(:last-child) { margin-bottom: 50px; } } .images .includes_video { height: calc(100% - 45px); display: inline-flex; } .images img { border-radius: 20px; object-fit: cover; max-width: 100%; height: 500px; } @media (max-width: 767px) { .images img { height: 270px; } } .images video { overflow: hidden; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .images .caption_text { width: 100%; display: inline-block; margin-top: 15px; text-align: center; font-size: 13px; line-height: 24px; } .image-slider .col { text-align: center; } .image-slider .col img { border-radius: 20px; overflow: hidden; } .image-slider .col .caption { display: inline-block; margin-top: 10px; } .image-slider .slick-arrow { position: absolute; top: 50%; z-index: 9; width: 65px; height: 72px; background-color: transparent; background-size: 65px 72px; background-repeat: no-repeat; border: 0; text-indent: -9999px; cursor: pointer; } .image-slider .slick-arrow.slick-prev { left: -90px; transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg width='65' height='72' viewBox='0 0 65 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Pfeil-Button'%3E%3Cpath id='Vector 1' d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23FF6601'/%3E%3Cpath id='Pfeil' d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); } .image-slider .slick-arrow.slick-next { right: -90px; background-image: url("data:image/svg+xml,%3Csvg width='65' height='72' viewBox='0 0 65 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Pfeil-Button'%3E%3Cpath id='Vector 1' d='M4.31859 14.6069L28.8186 1.90813C31.127 0.71163 33.873 0.711629 36.1814 1.90813L60.6814 14.6069C63.3345 15.982 65 18.7212 65 21.7095V52.3945C65 55.5593 63.1343 58.4267 60.2407 59.7087L35.7408 70.5641C33.677 71.4785 31.323 71.4785 29.2592 70.5641L4.75925 59.7087C1.86573 58.4267 0 55.5593 0 52.3945V21.7095C0 18.7212 1.6655 15.982 4.31859 14.6069Z' fill='%23FF6601'/%3E%3Cpath id='Pfeil' d='M19.3784 37.3249H42.5033L38.1709 41.7004C36.9265 42.9572 38.7931 44.8423 40.0376 43.5855L43.9832 39.5945L46.6171 36.9302C47.1276 36.4116 47.1276 35.574 46.6171 35.0553L40.0376 28.4026C39.7873 28.1428 39.4427 27.997 39.0837 28C37.8986 28.0002 37.3171 29.4579 38.1709 30.2879L42.5136 34.6634H19.3103C17.4852 34.7548 17.6215 37.4167 19.3784 37.3249Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); /* @include max-desktop { right: calc((0vw + 100px) / 1); } */ } .image-slider .slick-dots { display: flex; list-style: none; margin: 0; padding: 0; justify-content: center; margin-top: 40px; } .image-slider .slick-dots li { margin: 0 15px; text-indent: -9999px; width: 8px; height: 8px; border-radius: 8px; background-color: #929292; position: relative; transition: all 0.5s ease-in-out; } .image-slider .slick-dots li:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 18px; height: 4px; width: 4px; border: 1px solid transparent; transition: all 0.5s ease-in-out; } .image-slider .slick-dots li.slick-active { background-color: #FF6601; transition: all 0.5s ease-in-out; } .image-slider .slick-dots li.slick-active:after { height: 18px; width: 18px; border: 1px solid #FF6601; transition: all 0.5s ease-in-out; } .milestones { text-align: left; } .milestones .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); } @media (max-width: 767px) { .milestones .flex_wrapper { padding-left: 0px; padding-right: 0px; } } .milestones h3 { text-align: center; font-size: 50px; font-weight: 800; line-height: 50px; } @media (max-width: 767px) { .milestones h3 { font-size: 40px; line-height: 50px; } } .milestones .row { display: flex; flex-wrap: wrap; flex-direction: column; padding-left: calc((100% / 12) * 2.5); padding-right: calc((100% / 12) * 2.5); } @media (max-width: 767px) { .milestones .row { padding-left: 60px; padding-right: 60px; } } @media (max-width: 480px) { .milestones .row { /* padding-left: 30px; padding-right: 30px; */ padding-left: 0px; padding-right: 0px; } } .milestones .item { display: grid; position: relative; padding-left: 40px; margin-bottom: 15px; } @media (max-width: 480px) { .milestones .item { hyphens: auto; } } .milestones .item .item_year { display: inline-block; width: 100%; font-size: 14px; font-weight: 500; line-height: 20px; color: rgba(255, 255, 255, 0.5); } .milestones .item .item_text { display: inline-block; width: 100%; font-size: 24px; font-weight: 300; line-height: 30px; } .milestones .item:before { content: ''; display: inline-block; height: 10px; width: 10px; background-color: #FF6601; border-radius: 10px; position: absolute; left: 0px; top: 25px; } .milestones .item:last-child { margin-bottom: 0px; } .milestones .item.no_year:before { top: 13px; } .milestones.dots-orange .item:before { background-color: #FF6601; } .milestones.dots-purple .item:before { background-color: #8E4BFA; } .milestones.dots-pink .item:before { background-color: #E043E0; } .milestones.dots-lime .item:before { background-color: #CFE012; } .milestones.dots-ocean .item:before { background-color: #4CCDE0; } .awards .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; text-align: center; margin-bottom: 35px; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); } .awards .flex_wrapper h2 { order: 2; font-size: 55px; line-height: 75px; } @media (max-width: 767px) { .awards .flex_wrapper h2 { font-size: 40px; line-height: 50px; } } .awards .row { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -15px; margin-right: -15px; } .awards .col { flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6); padding: 0 15px; } @media (max-width: 767px) { .awards .col { flex: 0 0 100%; max-width: 100%; } .awards .col:not(:last-child) { margin-bottom: 50px; } } .awards .image_wrapper { padding: 70px; background-color: #202020; border-radius: 20px; text-align: center; } .awards img { max-height: 90px; max-height: 130px; width: auto; margin: 0 auto; } .awards .caption_text { width: 100%; display: inline-block; margin-top: 15px; text-align: center; font-size: 13px; line-height: 24px; } .video.video_autoplay_muted { padding: 0px !important; } .video.video_autoplay_muted .inside { max-width: 100%; } .video video { width: 100%; object-fit: cover; /* @include max-phone { border-radius: 20px; height: 50vw; } */ height: calc(100vw / 2); min-height: 50vh; max-height: 80vh; border-radius: 30px; overflow: hidden; } @media (max-width: 767px) { .video video { height: 100vw; min-height: 100vw; border-radius: 20px; } } .video .video_wrapper { position: relative; } .video .video_wrapper .video_button { height: 132px; width: 132px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video .video_wrapper .video_button svg { width: 100%; height: auto; } .video .video_wrapper .video_button svg .pause_icon { opacity: 0; fill: none; } .video.playing .video_button { opacity: 0; } .video.playing .video_button svg { width: 100%; height: auto; } .video.playing .video_button svg .bg-form { fill: #FF6601; } .video.playing .video_button svg .play_icon { opacity: 0; fill: none; } .video.playing .video_button svg .pause_icon { opacity: 1; fill: #ffffff; } .video.playing .video_wrapper:hover .video_button { opacity: 1; } .youtube { /* padding-left: 0px; padding-right: 0px; */ } .youtube .content-youtube { position: relative; padding-top: 56.25%; width: 100%; border-radius: 40px; overflow: hidden; } @media (max-width: 767px) { .youtube .content-youtube { border-radius: 20px; } } .youtube .playButton { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 2; } .youtube .playButtonWrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; } .youtube .youtubeVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 90vh; } .ce_app_projects { max-width: 1360px; margin: 0 auto; } @media (min-width: 1441px) { .ce_app_projects { padding-left: 0px; padding-right: 0px; } } .ce_app_projects .projects { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .ce_app_projects .projects .project { width: calc(50% - 30px); margin: 15px; } @media (max-width: 767px) { .ce_app_projects .projects .project { width: calc(100% - 30px); } .ce_app_projects .projects .project:not(:last-child) { margin-bottom: 50px; } } .ce_app_projects .projects .project .image_wrapper { position: relative; height: 500px; width: 100%; overflow: hidden; border-radius: 20px; } @media (max-width: 767px) { .ce_app_projects .projects .project .image_wrapper { max-height: calc(90vw); } } .ce_app_projects .projects .project .image_wrapper img { height: 100%; width: 100%; object-fit: cover; border-radius: 20px; transition: transform 0.3s ease-in-out; } .ce_app_projects .projects .project .image_wrapper .tags { position: absolute; margin: 0; padding-left: 0px; bottom: 30px; left: 30px; list-style: none; display: inline-flex; flex-wrap: wrap; } .ce_app_projects .projects .project .image_wrapper .tags li { background-color: #CFE012; border-radius: 50px; color: #000; font-size: 11px; font-weight: 600; line-height: 22px; text-transform: uppercase; letter-spacing: 1.65px; padding: 5px 15px; margin-right: 20px; margin-top: 10px; /* &:not(:first-child) { margin-left: 20px; } */ } .ce_app_projects .projects .project .image_wrapper .tags li.client_tag { background-color: #fff; } .ce_app_projects .projects .project .text_wrapper { width: 100%; display: inline-flex; justify-content: space-between; align-items: end; padding-left: 30px; padding-right: 30px; } @media (max-width: 767px) { .ce_app_projects .projects .project .text_wrapper { padding-left: 0px; padding-right: 0px; } } .ce_app_projects .projects .project .text_wrapper p { font-size: 28px; font-weight: 300; line-height: 35px; min-height: 65px; display: inline-flex; align-items: end; padding-right: 30px; } @media (max-width: 767px) { .ce_app_projects .projects .project .text_wrapper p { padding-right: 0px; } } .ce_app_projects .projects .project .text_wrapper button { background-color: transparent; border: 0px; appearance: none; height: 67px; width: 67px; margin-right: 7px; cursor: pointer; } @media (max-width: 767px) { .ce_app_projects .projects .project .text_wrapper button { display: none; } } .ce_app_projects .projects .project:nth-child(even) { margin-top: 75px; } .ce_app_projects .projects .project:hover img { transform: scale(1.15); transition: transform 0.3s ease-in-out; } .ce_app_projects .projects .project:hover button { animation: bounce-right 2s infinite; } .project-teaser_slider { max-width: 100% !important; cursor: url("../../files/valid/Assets/Images/drag.png") 16 16, auto; } .project-teaser_slider * { cursor: url("../../files/valid/Assets/Images/drag.png") 16 16, auto; } .project-teaser_slider .slick-slider .slick-list { cursor: url("../../files/valid/Assets/Images/drag.png") 16 16, auto; overflow: visible !important; } @media (max-width: 767px) { .project-teaser_slider .slick-slider .slick-list { margin-left: 0px !important; } } .project-teaser_slider .slick-slide { width: calc((100vw / 12) * 7) !important; max-width: 925px !important; margin: 0 30px !important; margin-left: 40px !important; } .project-teaser_slider .slick-slide:nth-child(odd) { margin-top: 75px !important; } @media (max-width: 767px) { .project-teaser_slider .slick-slide { width: calc((100vw / 12) * 11) !important; max-width: 925px !important; margin: 0 15px !important; } } .project-teaser_slider .slick-slide .project { margin: 15px 35px !important; } .project-teaser_slider .slick-dots { width: calc(100% - 0px) !important; } .ce_app_project { position: relative; } @media (max-width: 767px) { .ce_app_project { overflow: visible; margin-bottom: 80px; } } .ce_app_project .inside { width: 100%; max-width: 1360px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } @media (min-width: 1441px) { .ce_app_project .inside { padding-left: 0px; padding-right: 0px; } } @media (max-width: 767px) { .ce_app_project .inside { padding-left: 20px; padding-right: 20px; } } .ce_app_project .image_container { position: relative; max-height: 100vh; overflow: hidden; min-height: 90vh; /* &:after { content: ''; background-color: rgba(0,0,0,0.66); background: linear-gradient(0deg, rgba(0,0,0,0.86) 0%, rgba(255,255,255,0.2) 80%); height: 100%; width: 100%; position: absolute; left: 0px; bottom: 0px; display: inline-block; } */ } @media (max-width: 767px) { .ce_app_project .image_container .image_mask { max-height: calc(100vh + 40px); min-height: calc(100vh + 40px); } } .ce_app_project .image_container img { width: 100%; height: 100%; object-fit: cover; max-height: 100vh; min-height: 90vh; } @media (max-width: 767px) { .ce_app_project .image_container img { max-height: calc(100vh + 42px); min-height: calc(100vh + 42px); } } .ce_app_project .image_container #heroVideo { width: 100%; height: 100%; object-fit: cover; max-height: 100vh; min-height: 90vh; } @media (max-width: 767px) { .ce_app_project .image_container #heroVideo { max-height: calc(100vh + 42px); min-height: calc(100vh + 42px); } } .ce_app_project .image_container:after { content: ''; background-color: rgba(0, 0, 0, 0.66); background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 98.19%); height: 53%; width: 100%; position: absolute; left: 0px; bottom: 0px; display: inline-block; } .ce_app_project .overlay_wrapper { position: absolute; bottom: calc(20% - 90px); z-index: 3; margin: 0 auto; left: 0; right: 0; } @media (max-width: 767px) { .ce_app_project .overlay_wrapper { bottom: calc(0% - 42px); } } .ce_app_project .text_content h1 { font-family: "NeuePower-Bold"; font-size: 50px; line-height: 55px; margin-top: 0px; } @media (max-width: 767px) { .ce_app_project .text_content h1 { font-size: 36px; line-height: 42px; } } .ce_app_project .text_content h1 p { margin-top: 30px; } .ce_app_project .text_content .short_description { font-size: 14px; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; font-weight: 600; } .ce_app_project .text_content .anker_container { order: 3; position: relative; } .ce_app_project .text_content .anker_wrapper_toggle { display: none; border-radius: 30px; background: #202020; width: 100%; height: 60px; color: #FFF; text-align: center; font-size: 12px; font-weight: 600; line-height: 60px; margin-top: 40px; cursor: pointer; position: relative; z-index: 5; transition: border-bottom 0.33s ease-in-out; } .ce_app_project .text_content .anker_wrapper_toggle svg { position: relative; margin-left: 15px; top: 10px; } @media (max-width: 767px) { .ce_app_project .text_content .anker_wrapper_toggle { display: block; } } .ce_app_project .text_content .anker_wrapper_toggle.open { border-radius: 0px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom: 1px solid #fff; transition: border-bottom 0.33s ease-in-out; } .ce_app_project .text_content .anker_wrapper_toggle.open svg path { display: none; opacity: 0; } .ce_app_project .text_content .anker_wrapper_toggle.open svg #shape, .ce_app_project .text_content .anker_wrapper_toggle.open svg #horizontal_line { display: block; opacity: 1; } .ce_app_project .text_content .anker_wrapper { width: 100%; display: inline-block; margin-top: 30px; padding-bottom: 50px; } @media (max-width: 767px) { .ce_app_project .text_content .anker_wrapper { display: none; background: #202020; margin-top: 0px; padding: 20px; position: absolute; z-index: 2; top: 40px; padding-top: 20px; border-radius: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px; } } .ce_app_project .text_content .anker_wrapper a { font-size: 16px; font-weight: 600; line-height: 22px; margin-right: 45px; } @media (max-width: 767px) { .ce_app_project .text_content .anker_wrapper a { display: block; padding: 20px 20px; margin-right: 0px; } .ce_app_project .text_content .anker_wrapper a:not(:last-child) { border-bottom: 1px solid #fff; } .ce_app_project .text_content .anker_wrapper a:last-child { padding-bottom: 0px; } } .ce_app_project .text_content .anker_wrapper a svg { height: 12px; width: auto; margin-left: 6px; } @media (max-width: 767px) { .ce_app_project .text_content .anker_wrapper a svg { float: right; margin-top: 11px; } } .ce_app_project .text_content .back_link { order: 4; border-top: 1px solid #fff; } @media (max-width: 767px) { .ce_app_project .text_content .back_link { margin-top: 40px; } } .ce_app_project .text_content .back_link a { display: inline-block; margin-left: 5px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; } .ce_app_project_data { display: grid; width: 100%; max-width: 1360px; margin: 0 auto; padding-left: 40px; padding-right: 40px; padding-bottom: 70px; } @media (max-width: 767px) { .ce_app_project_data { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } } .ce_app_project_data .col_left { width: calc((100% / 12) * 8); padding-right: calc((100% / 12) * 1); float: left; } @media (max-width: 767px) { .ce_app_project_data .col_left { width: 100%; padding-right: 0; } } .ce_app_project_data .col_left .introtext_container { display: inline-block; font-size: 22px; font-weight: 300; line-height: 32px; position: relative; top: 0px; margin-bottom: 40px; } .ce_app_project_data .col_left .introtext_container .label { font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; } .ce_app_project_data .tag_container { display: inline-block; /* background-image: url('../../files/valid/Assets/Images/cube-animation_cases.gif'); background-position: left center; background-repeat: no-repeat; */ } @media (max-width: 767px) { .ce_app_project_data .tag_container { margin-top: 30px; margin-bottom: 30px; } } .ce_app_project_data .tag_container .label { display: block; margin-bottom: 20px; } .ce_app_project_data .tag_container .cube_tag_container { display: inline-flex; } .ce_app_project_data .tag_container .animated_cube { float: left; margin-right: 30px; } @media (max-width: 767px) { .ce_app_project_data .tag_container .animated_cube { display: none; } } .ce_app_project_data .tag_container .tags { margin: 0; padding: 0; list-style: none; display: inline-flex; flex-wrap: wrap; align-items: flex-start; } @media (min-width: 768px) { .ce_app_project_data .tag_container .tags { position: relative; top: 15px; } } .ce_app_project_data .tag_container .tags .tag { border: 1px solid #fff; border-radius: 50px; color: #000; background-color: #fff; font-size: 11px; font-weight: 600; line-height: 22px; text-transform: uppercase; letter-spacing: 1.65px; padding: 5px 15px; margin-right: 20px; margin-bottom: 10px; margin-left: 0px !important; /* &:not(:first-child) { margin-left: 20px; } */ } .ce_app_project_data .col_right { width: calc((100% / 12) * 4); float: right; } @media (max-width: 767px) { .ce_app_project_data .col_right { width: 100%; } } .ce_app_project_data .col_right .member_container { position: relative; top: -20px; z-index: 3; } @media (max-width: 940px) { .ce_app_project_data .col_right .member_container { padding: 20px; } .ce_app_project_data .col_right .member_container .link_wrapper a { min-width: auto; } } @media (max-width: 767px) { .ce_app_project_data .col_right .member_container { top: 0px; margin-top: 15px; } } .ce_app_project_data .col_right .cta_text { font-size: 25px; font-weight: 300; line-height: 30px; margin-bottom: 20px; margin-top: 0px; } .ce_app_project_data .col_right .row { display: flex; align-items: center; } .ce_app_project_data .col_right .row .member_image { height: 80px; width: 80px; object-fit: cover; background-color: #ccc; border-radius: 80px; overflow: hidden; margin-right: 10px; } .ce_app_project_data .col_right .row .member_name { margin: 0px; } .ce_app_project_data .col_right .row .member_department { color: rgba(255, 255, 255, 0.4); float: left; font-size: 16px; font-weight: 500; line-height: 16px; margin: 0px; } .ce_app_project_data .col_right .link_wrapper a { width: 100%; max-width: 212px; padding: 14px 24px 14px 24px; color: #fff; background-color: transparent; } .ce_app_project_data .col_right .link_wrapper a .link_icon { position: relative; right: 0px !important; margin-right: 10px; top: 2px !important; } .ce_app_project_data .col_right .link_wrapper a .link_icon svg { height: 16px; width: 16px; } .ce_app_project_data .member_container { border-radius: 20px; background-color: #202020; padding: 40px; } .ce_app_project_data .member_container img { width: 100px; height: auto; } #menu_main .ce_app_project .icon_button { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M0.698062 5.66412H12.409L10.215 7.85815C9.58478 8.48835 10.5301 9.43362 11.1603 8.80342L13.1585 6.80216L14.4923 5.46619C14.7508 5.20613 14.7508 4.78613 14.4923 4.52608L11.1603 1.19015C11.0335 1.05989 10.859 0.986792 10.6772 0.988304C10.0771 0.98838 9.78258 1.71934 10.215 2.1355L12.4142 4.32953H0.663557C-0.260704 4.37539 -0.191693 5.71013 0.698062 5.66412Z' fill='black'/%3E%3C/svg%3E"); background-position: 24px center; background-size: 12px; background-repeat: no-repeat; padding-left: 48px; transition: all 0.3s ease-in-out; } #menu_main .ce_app_project .icon_button:hover { background-color: #000; color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath d='M0.698062 5.66412H12.409L10.215 7.85815C9.58478 8.48835 10.5301 9.43362 11.1603 8.80342L13.1585 6.80216L14.4923 5.46619C14.7508 5.20613 14.7508 4.78613 14.4923 4.52608L11.1603 1.19015C11.0335 1.05989 10.859 0.986792 10.6772 0.988304C10.0771 0.98838 9.78258 1.71934 10.215 2.1355L12.4142 4.32953H0.663557C-0.260704 4.37539 -0.191693 5.71013 0.698062 5.66412Z' fill='white'/%3E%3C/svg%3E"); animation: bounce-right-bg 2s infinite; transition: all 0.3s ease-in-out; } #menu_main .ce_app_project .image_wrapper { border-radius: 20px; overflow: hidden; } #menu_main .ce_app_project .image_wrapper img { transform: scale(1); transition: transform 0.3s ease-in-out; } #menu_main .ce_app_project:hover .image_wrapper img { transform: scale(1.15); transition: transform 0.3s ease-in-out; } @keyframes bounce-right-bg { 0%, 20%, 50%, 80%, 100% { background-position: 24px center; } 40% { background-position: 32px center; } 60% { background-position: 28px center; } } .project_anker { height: 0px; overflow: hidden; text-indent: -9999px; } .menu_branchen_switch { padding-top: 0px !important; padding-bottom: 0px !important; color: #000; /* .menu_branchen_switch_tag_wrapper_toggler { display: none !important; } */ } @media (max-width: 767px) { .menu_branchen_switch { padding-left: 0px; padding-right: 0px; margin-top: 20px; } } .menu_branchen_switch .flex_wrapper .item { display: none; flex-direction: row; } @media (max-width: 767px) { .menu_branchen_switch .flex_wrapper .item { flex-direction: column; } } .menu_branchen_switch .flex_wrapper .item.selected { display: flex; } .menu_branchen_switch .flex_wrapper .item .text_image_img { flex: 0 0 50%; max-width: 50%; } @media (max-width: 767px) { .menu_branchen_switch .flex_wrapper .item .text_image_img { flex: 0 0 100%; max-width: 100%; padding-left: 0px; } } .menu_branchen_switch .flex_wrapper .item .text_image_img img { height: 380px; object-fit: cover; border-radius: 20px; } .menu_branchen_switch .flex_wrapper .item .text_image_img video { height: 100%; width: 100%; object-fit: cover; border-radius: 20px; max-height: 270px; } .menu_branchen_switch .flex_wrapper .item .text_image_content { flex: 0 0 50%; max-width: 50%; padding-left: 60px; justify-content: center; display: inline-flex; flex-direction: column; } @media (max-width: 767px) { .menu_branchen_switch .flex_wrapper .item .text_image_content { flex: 0 0 100%; max-width: 100%; padding-left: 0px; } } .menu_branchen_switch .flex_wrapper .item .text_image_content .h2 { font-size: 36px !important; } @media (max-width: 767px) { .menu_branchen_switch .flex_wrapper .item .text_image_content .h2 { font-family: 'Soehne'; font-size: 30px !important; font-weight: 600; } } .menu_branchen_switch .flex_wrapper .item .text_image_content * { color: #000; } @media (max-width: 767px) { .menu_branchen_switch .flex_wrapper .item { padding-left: 15px; padding-right: 15px; } } .menu_branchen_switch .flex_wrapper .link_wrapper .link_icon { position: absolute; right: 10px; top: 4px; } @media (max-width: 767px) { .menu_branchen_switch .flex_wrapper .link_wrapper a { width: 100%; } } .menu_branchen_switch .flex_wrapper .link_wrapper a:hover { background-color: #E043E0; color: #fff; } .menu_branchen_switch .menu_branchen_switch_tag_wrapper { border-top: 1px solid #000; margin-top: 45px; padding-top: 30px; padding-bottom: 5px; text-align: center; } .menu_branchen_switch .menu_branchen_switch_tag_wrapper .menu_branchen_switch_tag { font-size: 11px; font-weight: 600; line-height: 22px; letter-spacing: 1.65px; text-transform: uppercase; border: 1px solid #000; color: #000; border-radius: 50px; padding: 5px 15px; margin: 10px; display: inline-flex; margin-bottom: 10px; } .menu_branchen_switch .menu_branchen_switch_tag_wrapper .menu_branchen_switch_tag.selected { background-color: #000; color: #fff; } #main { /* .menu_branchen_switch_tag_wrapper_toggler { display: none !important; @include max-phone { display: inline-block !important; } background-color: $VALID-Grey-Dark; color: #fff; border-radius: 60px; width: 100%; height: 60px; margin-top: 80px; line-height: 60px; text-align: center; cursor: pointer; svg { position: relative; margin-left: 15px; top: 10px; } @include max-phone { display: block; } &.open { svg { path { display: none; opacity: 0; } #shape, #horizontal_line { display: block; opacity: 1; } } } } */ } #main .menu_branchen_switch { padding-top: 70px !important; padding-bottom: 70px !important; } @media (max-width: 767px) { #main .menu_branchen_switch .flex_wrapper .item { flex-direction: column; } } @media (max-width: 767px) { #main .menu_branchen_switch .text_image_img { flex: 0 0 100%; max-width: 100%; display: block; margin-bottom: 15px; } } #main .menu_branchen_switch .text_image_content .h2, #main .menu_branchen_switch .text_image_content .text_content { color: #fff; } #main .menu_branchen_switch .text_image_content .h2 *, #main .menu_branchen_switch .text_image_content .text_content * { color: #fff; } #main .menu_branchen_switch_tag_wrapper { border-top: 1px solid #fff; /* @include max-phone { display: none; padding-top: 0px; border-top: 0px solid transparent; } */ } #main .menu_branchen_switch_tag_wrapper .menu_branchen_switch_tag { border: 1px solid #fff; color: #fff; } #main .menu_branchen_switch_tag_wrapper .menu_branchen_switch_tag.selected { background-color: #fff; color: #000; } .ce-wrapper.bg-grey .menu_branchen_switch .text_image_content .h2, .ce-wrapper.bg-grey .menu_branchen_switch .text_image_content .text_content { color: #000 !important; } .ce-wrapper.bg-grey .menu_branchen_switch .text_image_content .h2 *, .ce-wrapper.bg-grey .menu_branchen_switch .text_image_content .text_content * { color: #000 !important; } .ce-wrapper.bg-grey .menu_branchen_switch_tag_wrapper { border-color: #000 !important; } .ce-wrapper.bg-grey .menu_branchen_switch_tag_wrapper .menu_branchen_switch_tag { border-color: #000 !important; color: #000 !important; } .ce-wrapper.bg-grey .menu_branchen_switch_tag_wrapper .menu_branchen_switch_tag.selected { border-color: #fff !important; } .ce_app_member form { display: none; } .ce_app_member .inside { border-radius: 20px; } .ce_app_member .flex_wrapper { display: flex; flex-direction: row; padding: 15px; border-radius: 30px; } @media (max-width: 767px) { .ce_app_member .flex_wrapper { flex-direction: column; padding-bottom: 30px; } } .ce_app_member .flex_wrapper .image_mask_wraper { flex: 0 0 50%; max-width: 50%; margin-right: 30px; position: relative; } @media (max-width: 767px) { .ce_app_member .flex_wrapper .image_mask_wraper { flex: 0 0 100%; max-width: 100%; padding-right: 0px; margin-right: 0px; } } .ce_app_member .flex_wrapper .image_mask_wraper .image_mask img { width: 100%; height: 550px; object-fit: cover; border-radius: 20px; } @media (max-width: 767px) { .ce_app_member .flex_wrapper .image_mask_wraper .image_mask img { height: auto; } } .ce_app_member .flex_wrapper .image_mask_wraper .image_mask.imageHover { position: absolute; z-index: -1; top: 0px; } .ce_app_member .flex_wrapper .image_mask_wraper .image_mask.imageHover img { width: calc(100% - 0px); } .ce_app_member .flex_wrapper .member_data_wrapper { flex: 0 0 50%; max-width: 50%; padding-left: 30px; align-self: center; padding-right: calc((100% / 12) * 1); } @media (max-width: 767px) { .ce_app_member .flex_wrapper .member_data_wrapper { flex: 0 0 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; margin-top: 30px; } } .ce_app_member .flex_wrapper .member_data_wrapper .overline { font-size: 12px; font-weight: 600; line-height: 22px; letter-spacing: 2.4px; text-transform: uppercase; color: #000; display: inline-block; margin-bottom: 15px; } .ce_app_member .flex_wrapper .member_data_wrapper .name_intro { display: block; font-family: "NeuePower-Bold"; font-size: 36px; font-weight: 600; line-height: 42px; } @media (max-width: 767px) { .ce_app_member .flex_wrapper .member_data_wrapper .name_intro { font-size: 26px; line-height: 31px; } } .ce_app_member .flex_wrapper .member_data_wrapper .short_text { display: block; margin-top: 15px; margin-bottom: 20px; font-size: 18px; } .ce_app_member .flex_wrapper .member_data_wrapper .icon { display: flex; padding: 5px 0px; align-items: center; } .ce_app_member .flex_wrapper .member_data_wrapper .icon svg { height: 36px; width: auto; margin-right: 10px; } .ce_app_member .flex_wrapper .member_data_wrapper .icon.termin_buchen { border-radius: 50px; border: 1px solid #000; height: 50px; width: fit-content; padding-left: 0px; margin-top: 20px; padding-right: 30px; transform: rotate(0.01234deg); } @media (max-width: 767px) { .ce_app_member .flex_wrapper .member_data_wrapper .icon.termin_buchen { width: 100%; justify-content: center; } } .ce_app_member .flex_wrapper .member_data_wrapper .icon.termin_buchen svg { height: 14px; margin-left: 30px; } .ce_app_member .flex_wrapper .member_data_wrapper .icon.termin_buchen:hover { /* transition: all 0.3s ease-in-out; filter: invert(1); */ } .ce_app_member .flex_wrapper .member_data_wrapper .icon.termin_buchen:hover svg { animation: pulse-small 2s infinite; } .ce_app_member.hasImageHover .flex_wrapper .image_mask.imageHover { position: absolute; z-index: -1; } .ce_app_member.hasImageHover .flex_wrapper .image_mask.imageHover img { width: calc(100% - 0px); } .ce_app_member.hasImageHover .flex_wrapper .image_mask_wraper:hover .image_mask { z-index: -1; } .ce_app_member.hasImageHover .flex_wrapper .image_mask_wraper:hover .image_mask.imageHover { z-index: 2; } .ce_app_filter { padding-top: 0px; padding-bottom: 0px; } .ce_app_filter .inside { border-radius: 20px; padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; background-color: #202020; } @media (max-width: 1440px) { .ce_app_filter.iscloud .inside { /* margin-left: $col-1; margin-right: $col-1; */ } } .ce_app_filter.iscloud .filter_header { display: none; } .ce_app_filter.iscloud .filter_container .title { display: none !important; } .ce_app_filter.iscloud .filter_container .h3 { display: block; color: #FFF; text-align: center; font-family: "Soehne"; font-size: 28px; font-weight: 300; margin-bottom: 30px; } .ce_app_filter.iscloud ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } .ce_app_filter.iscloud ul .filter { margin: 5px 0px; } .ce_app_filter.iscloud ul .filter a { color: #000; display: inline-flex; padding: 13px 20px; justify-content: center; align-items: center; border-radius: 60px; background-color: #FFF; font-size: 11px; font-weight: 600; letter-spacing: 1.65px; text-transform: uppercase; margin: 0 7.5px; } .sticky_contact_wrapper { position: fixed; z-index: 999; right: calc(((100vw - 1360px) / 2)); top: calc(90% - 130px); display: flex; flex-direction: column; align-items: flex-end; visibility: hidden; opacity: 0; transition: all 0.33s ease-in-out; } .sticky_contact_wrapper.inViewport { visibility: visible; opacity: 1; transition: all 0.33s ease-in-out; } @media (max-width: 1440px) { .sticky_contact_wrapper { right: 40px; } } @media (max-width: 767px) { .sticky_contact_wrapper { right: 20px; } } .sticky_contact_wrapper .sticky_contact_button { display: none; position: absolute; top: -70px; width: fit-content; border-radius: 70px; border: 1px solid #929292; padding: 15px 25px 16px 25px; background-color: rgba(255, 255, 255, 0.1); margin-bottom: 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66); } .sticky_contact_wrapper .sticky_contact_content { border-radius: 70px; border: 1px solid #929292; padding: 5px 15px 5px 5px; background-color: rgba(0, 0, 0, 0.33); backdrop-filter: blur(20px); cursor: pointer; transition: all 0.3s ease-in-out; display: inline-flex; justify-content: center; align-content: center; } .sticky_contact_wrapper .sticky_contact_content .icon { position: relative; top: 0px; margin-right: 15px; } .sticky_contact_wrapper .sticky_contact_content .icon svg path { transition: all 0.3s ease-in-out; } .sticky_contact_wrapper .sticky_contact_content .icon .image_mask img { height: 44px; width: 44px; border-radius: 44px; } .sticky_contact_wrapper .sticky_contact_content .text { display: inline-flex; align-items: center; transition: all 0.3s ease-in-out; } .sticky_contact_wrapper .sticky_contact_content .emoji { position: relative; top: 3px; margin-left: 5px; font-size: 24px; } .sticky_contact_wrapper:hover .sticky_contact_content { background-color: rgba(255, 255, 255, 0.75); transition: all 0.3s ease-in-out; } .sticky_contact_wrapper:hover .icon svg { animation: pulse-small 2s infinite; } .sticky_contact_wrapper:hover .icon svg path { fill: #000; transition: all 0.3s ease-in-out; } .sticky_contact_wrapper:hover .text { transition: all 0.3s ease-in-out; color: #000; } #join-widget { filter: invert(100%); } #join-widget [class^="JobTile__Company-"], #join-widget [class^="JobTile__Type-"] { filter: invert(60%); } #join-widget [class^="JobTile__Company-"] i, #join-widget [class^="JobTile__Type-"] i { filter: invert(60%); } #join-widget [class^="JobTile__Link-"] { filter: invert(30%); } #join-widget [class^="JobTile__Link-"] i { filter: invert(60%); } #join-widget .inner-content { font-family: "Lato", sans-serif; background: white; font-weight: 400; font-size: 18px; line-height: 24px; text-align: left; padding: 0px; } .mod_newslist_infinite_scroll .infinite_scroll_newslist_container { width: 100%; max-width: 1200px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } .inf-scr-load-more-btn-container { text-align: center; margin: 80px auto 40px auto; } .inf-scr-load-more-btn-container .inf-scr-load-more-btn-inner { display: inline-block; color: #000; background-color: #fff; width: auto; min-width: 275px; height: 60px; border-radius: 90px; cursor: pointer; line-height: 60px; text-align: left; padding-right: 100px; padding-left: 40px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 44 49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clippath); %7D .cls-2 %7B fill: none; %7D .cls-2, .cls-3, .cls-4 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %238e4bfa; %7D .cls-4 %7B fill: %23fff; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-2' x='14.5' y='17.4' width='15' height='15' transform='translate(-11.2 22.8) rotate(-45)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Sechseck' class='cls-3' d='M4.3,9.1L18.3,1.8c2.3-1.2,5.1-1.2,7.4,0l14,7.3c2.6,1.4,4.3,4.1,4.3,7.1v17.7c0,3.2-1.9,6-4.7,7.3l-14,6.2c-2.1.9-4.4.9-6.5,0l-14-6.2c-2.9-1.3-4.7-4.1-4.7-7.3v-17.7c0-3,1.7-5.7,4.3-7.1Z'/%3E%3Cg class='cls-1'%3E%3Cg id='plus_1' data-name='plus 1'%3E%3Cpath id='Vector' class='cls-4' d='M28.8,24.1h-6v-6c0-.4-.3-.7-.8-.7s-.7.3-.7.7v6h-6c-.4,0-.7.3-.7.7s.3.8.7.8h6v6c0,.4.3.8.7.8s.8-.3.8-.8v-6h6c.4,0,.8-.3.8-.8s-.3-.7-.8-.7Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: calc(100% - 20px) center; background-repeat: no-repeat; background-size: 44px; } .inf-scr-loading-in-process-container { display: block; text-align: center; margin: 80px auto 40px auto; } .inf-scr-loading-in-process-container .inf-scr-loading-in-process-inner { opacity: 0.75; display: inline-block; color: #000; background-color: #fff; width: auto; min-width: 275px; height: 60px; border-radius: 90px; cursor: pointer; line-height: 60px; text-align: left; margin: 0 auto; cursor: not-allowed; padding-right: 100px; padding-left: 40px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 44 49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clippath); %7D .cls-2 %7B fill: none; %7D .cls-2, .cls-3, .cls-4 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %238e4bfa; %7D .cls-4 %7B fill: %23fff; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-2' x='14.5' y='17.4' width='15' height='15' transform='translate(-11.2 22.8) rotate(-45)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Sechseck' class='cls-3' d='M4.3,9.1L18.3,1.8c2.3-1.2,5.1-1.2,7.4,0l14,7.3c2.6,1.4,4.3,4.1,4.3,7.1v17.7c0,3.2-1.9,6-4.7,7.3l-14,6.2c-2.1.9-4.4.9-6.5,0l-14-6.2c-2.9-1.3-4.7-4.1-4.7-7.3v-17.7c0-3,1.7-5.7,4.3-7.1Z'/%3E%3Cg class='cls-1'%3E%3Cg id='plus_1' data-name='plus 1'%3E%3Cpath id='Vector' class='cls-4' d='M28.8,24.1h-6v-6c0-.4-.3-.7-.8-.7s-.7.3-.7.7v6h-6c-.4,0-.7.3-.7.7s.3.8.7.8h6v6c0,.4.3.8.7.8s.8-.3.8-.8v-6h6c.4,0,.8-.3.8-.8s-.3-.7-.8-.7Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: calc(100% - 20px) center; background-repeat: no-repeat; background-size: 44px; } .accordion_wrapper { /* padding-left: 0px; padding-right: 0px; */ padding-top: 0px; padding-bottom: 0px; } @media (max-width: 767px) { .accordion_wrapper { padding-left: 20px; padding-right: 20px; } } .accordion_wrapper .toggler_row { margin-left: calc((100% / 12) * 2); margin-right: calc((100% / 12) * 2); } @media (max-width: 767px) { .accordion_wrapper .toggler_row { margin-left: 0px; margin-right: 0px; } } .accordion_wrapper:not(:last-child) .toggler_row { border-bottom: 1px solid #fff; } .accordion_wrapper .toggler { font-family: "Soehne"; font-weight: 300; font-size: 28px; line-height: 36px; margin-top: 0px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 40px; cursor: pointer; padding-right: 50px; background-image: url("data:image/svg+xml,%3Csvg width='44' height='47' viewBox='0 0 44 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 1611'%3E%3Cpath id='Vector 1' d='M5.31597 8.74468L18.512 1.89874C20.8219 0.70042 23.5703 0.70042 25.8801 1.89874L39.0762 8.74468C41.7278 10.1203 43.3922 12.8587 43.3922 15.8459V32.3839C43.3922 35.5478 41.5276 38.4144 38.6354 39.697L25.4393 45.5492C23.3741 46.4651 21.018 46.4651 18.9529 45.5492L5.75679 39.697C2.86459 38.4144 1 35.5478 1 32.3839V15.8459C1 12.8587 2.66432 10.1203 5.31597 8.74468Z' stroke='white'/%3E%3Cpath id='Vector' d='M21.773 27.7273C21.6457 27.728 21.5196 27.7036 21.4017 27.6555C21.2839 27.6074 21.1768 27.5365 21.0864 27.4469L15.2844 21.6448C15.1023 21.4627 15 21.2158 15 20.9583C15 20.7008 15.1023 20.4538 15.2844 20.2717C15.4665 20.0896 15.7134 19.9873 15.971 19.9873C16.2285 19.9873 16.4754 20.0896 16.6575 20.2717L21.773 25.3968L26.8884 20.2814C27.0734 20.1229 27.3114 20.0402 27.5548 20.0496C27.7981 20.059 28.029 20.1599 28.2012 20.3321C28.3734 20.5043 28.4743 20.7351 28.4837 20.9785C28.4931 21.2219 28.4103 21.4598 28.2519 21.6448L22.4499 27.4469C22.2698 27.6255 22.0267 27.7262 21.773 27.7273Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: right center; background-repeat: no-repeat; background-size: 45px 45px; } @media (min-width: 1441px) { .accordion_wrapper .toggler { padding-right: 50px !important; } } @media (max-width: 767px) { .accordion_wrapper .toggler { padding-left: 0px; padding-right: 0px; } } .accordion_wrapper .toggler.active { background-image: url("data:image/svg+xml,%3Csvg width='44' height='47' viewBox='0 0 44 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 1611'%3E%3Cpath id='Vector 1' d='M5.31597 8.74468L18.512 1.89874C20.8219 0.70042 23.5703 0.70042 25.8801 1.89874L39.0762 8.74468C41.7278 10.1203 43.3922 12.8587 43.3922 15.8459V32.3839C43.3922 35.5478 41.5276 38.4144 38.6354 39.697L25.4393 45.5492C23.3741 46.4651 21.018 46.4651 18.9529 45.5492L5.75679 39.697C2.86459 38.4144 1 35.5478 1 32.3839V15.8459C1 12.8587 2.66432 10.1203 5.31597 8.74468Z' stroke='white'/%3E%3Cpath id='Vector' d='M21.773 19.9876C21.6457 19.9868 21.5196 20.0112 21.4017 20.0593C21.2839 20.1075 21.1768 20.1784 21.0864 20.268L15.2844 26.07C15.1023 26.2521 15 26.4991 15 26.7566C15 27.0141 15.1023 27.2611 15.2844 27.4432C15.4665 27.6252 15.7134 27.7275 15.971 27.7275C16.2285 27.7275 16.4754 27.6252 16.6575 27.4432L21.773 22.318L26.8884 27.4335C27.0734 27.5919 27.3114 27.6747 27.5548 27.6653C27.7981 27.6559 28.029 27.555 28.2012 27.3828C28.3734 27.2106 28.4743 26.9797 28.4837 26.7363C28.4931 26.493 28.4103 26.255 28.2519 26.07L22.4499 20.268C22.2698 20.0893 22.0267 19.9886 21.773 19.9876Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); } .accordion_wrapper .item { display: none; } .accordion_wrapper .item.active { display: block; } .accordion_wrapper .item > .ce { padding-left: 0px; padding-right: 0px; padding-top: 0px; } .accordion_wrapper .item > .ce .flex_wrapper { padding-left: 0px; padding-right: 0px; } .accordion_wrapper .item > .ce .flex_wrapper .text_content { margin-top: 0px; } .accordion_wrapper .item > .ce .flex_wrapper .text_content p { margin-top: 0px; } .ce.services .flex_wrapper { text-align: center; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); margin-bottom: 40px; } @media (max-width: 767px) { .ce.services .flex_wrapper { padding-left: 0px; padding-right: 0px; } } .ce.services .row { text-align: center; } .ce.services .row .item { display: none; flex-wrap: wrap; text-align: left; } .ce.services .row .item.is_visible { display: flex; } .ce.services .row .item .image_wrapper { width: calc((100% / 12) * 5); padding-right: calc((100% / 12) * 1); } @media (max-width: 767px) { .ce.services .row .item .image_wrapper { width: 100%; padding-right: 0px; } } .ce.services .row .item .image_wrapper img { height: 100%; min-height: 400px; width: 100%; object-fit: cover; } .ce.services .row .item .text_wrapper { width: calc((100% / 12) * 7); padding-top: 30px; } .ce.services .row .item .text_wrapper h3 { font-size: 36px; font-weight: 700; line-height: 42px; } @media (max-width: 767px) { .ce.services .row .item .text_wrapper { width: 100%; } } .ce.services .row .item .tag_wrapper { padding-right: calc((100% / 12) * 4); } @media (max-width: 767px) { .ce.services .row .item .tag_wrapper { padding-right: 0px; } } .ce.services .row .item .tag_item { display: inline-flex; height: 30px; padding: 4px 15px; justify-content: center; align-items: center; font-size: 12px; font-style: normal; font-weight: 600; line-height: 22px; /* 183.333% */ letter-spacing: 1.2px; text-transform: uppercase; border-radius: 50px; border: 1px solid #fff; margin-bottom: 10px; } .ce.services .row .item .tag_item:not(:last-child) { margin-right: 10px; } .ce.services .switch_toggle_wrapper { display: inline-flex; height: 60px; padding: 15px 15px; align-items: center; flex-shrink: 0; background-color: #202020; border-radius: 90px; margin-top: 60px; } @media (max-width: 767px) { .ce.services .switch_toggle_wrapper { width: 100%; height: auto; flex-direction: column; padding-top: 30px; padding-bottom: 30px; } } .ce.services .switch_toggle_wrapper .switch_toggle_item { cursor: pointer; margin: 0 25px; font-size: 16px; font-weight: 600; line-height: 25px; color: rgba(255, 255, 255, 0.4); } @media (max-width: 767px) { .ce.services .switch_toggle_wrapper .switch_toggle_item { padding-top: 5px; padding-bottom: 5px; } } .ce.services .switch_toggle_wrapper .switch_toggle_item.selected { color: #fff; } .ce_app_clients { padding-top: 70px; padding-bottom: 70px; } .ce_app_clients .text_content { width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; margin-bottom: 60px; } .ce_app_clients .subheadline { text-align: center; font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: 2.1px; text-transform: uppercase; } .ce_app_clients h2 { margin-top: 30px; margin-bottom: 60px; } .ce_app_clients .clients { /* display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); grid-gap: 12px; */ flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; display: flex; /* margin-left: -60px; margin-right: -60px; */ } .ce_app_clients .clients .slick-slide { flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; display: flex; margin-left: 15px; margin-right: 15px; } @media (max-width: 767px) { .ce_app_clients .clients .slick-slide { margin-left: 5px; margin-right: 5px; } } .ce_app_clients .clients .client { display: inline-flex; border-radius: 20px; background-color: #1F1F1F; display: inline-flex !important; width: 175px; width: 175px !important; min-width: 175px; min-height: 175px; padding-left: 27px; padding-right: 27px; flex-direction: column; justify-content: center; align-items: center; margin: 12px 12px; } @media (max-width: 767px) { .ce_app_clients .clients .client { width: 80px !important; height: 80px; min-width: 80px; min-height: 80px; padding-left: 15px; padding-right: 15px; margin: 8px 8px; } } .ce_app_clients .clients .client .logo img { width: 100%; height: auto; min-width: 120px; } @media (max-width: 767px) { .ce_app_clients .clients .client .logo img { min-width: 55px; } } .ce_app_clients .clients_wrapper { width: 100%; max-width: 1360px; overflow: hidden; padding: 0px 70px 0px 70px; margin: 0 auto; } @media (max-width: 767px) { .ce_app_clients .clients_wrapper { padding: 0px 0px 0px 0px; } } .ce_app_clients .clients_wrapper.clients-items-1 .client, .ce_app_clients .clients_wrapper.clients-items-2 .client, .ce_app_clients .clients_wrapper.clients-items-3 .client { aspect-ratio: 1 / 1; width: calc(33% - 24px) !important; } @media (max-width: 767px) { .ce_app_clients .clients_wrapper.clients-items-1 .client, .ce_app_clients .clients_wrapper.clients-items-2 .client, .ce_app_clients .clients_wrapper.clients-items-3 .client { width: 175px !important; height: 175px; } } .ce_app_clients .clients_wrapper.clients-items-1 .client .logo img, .ce_app_clients .clients_wrapper.clients-items-2 .client .logo img, .ce_app_clients .clients_wrapper.clients-items-3 .client .logo img { min-width: 180px; } @media (max-width: 1023px) { .ce_app_clients .clients_wrapper.clients-items-1 .client .logo img, .ce_app_clients .clients_wrapper.clients-items-2 .client .logo img, .ce_app_clients .clients_wrapper.clients-items-3 .client .logo img { min-width: 150px; } } .ce_app_clients .clients_wrapper.clients-items-4 .client { aspect-ratio: 1 / 1; width: calc(25% - 24px) !important; } @media (max-width: 767px) { .ce_app_clients .clients_wrapper.clients-items-4 .client { width: 175px !important; height: 175px; } } .ce_app_clients .clients_wrapper.clients-items-4 .client .logo img { min-width: 150px; } @media (max-width: 1023px) { .ce_app_clients .clients_wrapper.clients-items-4 .client .logo img { min-width: 120px; } } .teaser_2er { text-align: left; color: #000; } .teaser_2er .inside { background-color: #EFF0F6; border-radius: 40px; padding: 70px 70px 70px 70px; } @media (max-width: 1023px) { .teaser_2er .inside { padding: 70px 0px 70px 0px; } } @media (max-width: 767px) { .teaser_2er .inside { padding: 70px 15px 70px 15px; } } .teaser_2er .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; text-align: center; margin-bottom: 35px; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); } .teaser_2er .flex_wrapper h2 { order: 2; font-size: 55px; line-height: 75px; } @media (max-width: 767px) { .teaser_2er .flex_wrapper h2 { font-size: 40px; line-height: 50px; } } .teaser_2er .flex_wrapper .h3 { order: 1; display: inline-flex; width: auto; align-self: center; font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; } .teaser_2er .flex_wrapper p { order: 3; } .teaser_2er .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-left: -15px; margin-right: -15px; } .teaser_2er .row .col { width: calc(50% - 30px); margin: 0 15px; padding: 0px; border-radius: 20px; } @media (max-width: 767px) { .teaser_2er .row .col { width: calc(100% - 0px); margin: 0px; } .teaser_2er .row .col:not(:last-child) { margin-bottom: 50px; } } .teaser_2er .row .col .image_wrapper { margin-bottom: 40px; } .teaser_2er .row .col .image_wrapper img { border-radius: 20px; width: 100%; object-fit: cover; } .teaser_2er .row .col .headline_wrapper { display: inline-block; margin-bottom: 0px; } .teaser_2er .row .col .h2 { font-family: 'Soehne'; font-size: 28px; font-style: normal; font-weight: 300; line-height: 35px; width: 100%; display: inline-block; } .teaser_2er .row .col .subheadline { width: 100%; display: inline-block; color: #7F7F7F; font-size: 22px; font-weight: 300; line-height: 29px; } .teaser_2er .row .col p { margin: 0; } .teaser_2er .row .col.bg-grey_dark { padding: 60px 40px; background-color: #202020; border-radius: 30px; } .teaser_2er .row .col .link_wrapper .link_icon svg { max-height: 44px; margin-right: 7px; margin-top: -5px; } .teaser_3er { text-align: left; color: #000; } .teaser_3er .inside { background-color: #EFF0F6; border-radius: 40px; padding: 70px 0px 70px 0px; } @media (max-width: 767px) { .teaser_3er .inside { padding: 70px 15px 70px 15px; } } .teaser_3er .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-content: center; text-align: center; margin-bottom: 35px; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); } .teaser_3er .flex_wrapper h2 { order: 2; font-size: 55px; line-height: 75px; } @media (max-width: 767px) { .teaser_3er .flex_wrapper h2 { font-size: 40px; line-height: 50px; } } .teaser_3er .flex_wrapper .h3 { order: 1; border-radius: 50px; display: inline-flex; width: auto; align-self: center; font-size: 11px; font-weight: 700; line-height: 22px; letter-spacing: 1.65px; text-transform: uppercase; margin-bottom: 15px; } .teaser_3er .flex_wrapper p { order: 3; } .teaser_3er .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-left: -15px; margin-right: -15px; } .teaser_3er .row .col { width: calc(33% - 30px); margin: 0 15px; padding: 0px; border-radius: 20px; } @media (max-width: 1023px) { .teaser_3er .row .col { width: calc(50% - 30px); } .teaser_3er .row .col:not(:last-child) { margin-bottom: 50px; } } @media (max-width: 767px) { .teaser_3er .row .col { width: calc(100% - 0px); margin: 0px; } .teaser_3er .row .col:not(:last-child) { margin-bottom: 50px; } } .teaser_3er .row .col .image_wrapper img { border-radius: 20px; width: 100%; height: 100%; min-height: 285px; object-fit: cover; } @media (max-width: 767px) { .teaser_3er .row .col .image_wrapper img { min-height: unset; } } .teaser_3er .row .col .headline_wrapper { display: inline-block; margin-top: 40px; margin-bottom: 40px; } .teaser_3er .row .col .h2 { font-family: 'Soehne'; font-size: 28px; font-style: normal; font-weight: 300; line-height: 35px; width: 100%; display: inline-block; } .teaser_3er .row .col .subheadline { width: 100%; display: inline-block; color: #7F7F7F; font-size: 22px; font-weight: 300; line-height: 29px; } .teaser_3er .row .col p { margin: 0; } .teaser_3er .row .col .link_wrapper .link_icon svg { max-height: 44px; margin-right: 7px; margin-top: -5px; } .teaser_hero { width: 100vw; height: 100vw; min-width: 50vh; max-height: 90vh; position: relative; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } @media (max-width: 767px) { .teaser_hero { height: 100%; min-width: 100%; max-height: 100%; } } .teaser_hero .inside { max-width: 100%; width: 100%; margin: 0; } .teaser_hero .hero_content { position: absolute; z-index: 2; width: 100%; height: 100%; } @media (max-width: 767px) { .teaser_hero .hero_content { position: relative; } } .teaser_hero .hero_text { position: absolute; left: 50%; bottom: 0%; text-align: left; transform: translateX(-50%); max-width: 1360px; margin: 0 auto; padding: 70px 70px 70px 70px; width: 100%; padding-right: calc((100% / 12) * 5); } @media (max-width: 767px) { .teaser_hero .hero_text { position: relative; padding-right: 20px; padding-left: 20px; padding-top: 0px; padding-bottom: 0px; left: 0px; bottom: 0%; text-align: left; transform: translateX(0%); max-width: 100%; margin-top: -50%; } } .teaser_hero .hero_text h1 { font-family: "NeuePower-Ultra"; /* font-size: 110px; line-height: 160px; */ font-size: 100px; line-height: 100px; } @media (max-width: 767px) { .teaser_hero .hero_text h1 { font-size: 50px; line-height: 60px; } } .teaser_hero .hero_text h2 { font-family: "Soehne"; font-size: 85px; font-weight: 300; } @media (max-width: 767px) { .teaser_hero .hero_text h2 { font-size: 50px; line-height: 60px; } } .teaser_hero .text_content { position: absolute; right: calc((100% - 1200px) / 2); bottom: 0%; text-align: left; margin: 0 auto; width: 100%; background-color: #000; padding: 40px 30px 40px 30px; border-radius: 50px; max-width: calc((1360px / 2) / 1.5); } @media (max-width: 767px) { .teaser_hero .text_content { position: relative; padding-right: 20px; padding-left: 20px; left: 0px; max-width: 100%; border-radius: 0px; } } .teaser_hero .text_content p { font-size: 18px; font-weight: 300; line-height: 27px; } @media (max-width: 767px) { .teaser_hero .text_content p { font-size: 16px; line-height: 22px; } } .teaser_hero .video_wrapper, .teaser_hero .hero_img { position: absolute; width: 100%; height: 100%; } @media (max-width: 767px) { .teaser_hero .video_wrapper, .teaser_hero .hero_img { position: relative; } } .teaser_hero .video_wrapper img, .teaser_hero .hero_img img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767px) { .teaser_hero .video_wrapper img, .teaser_hero .hero_img img { min-height: 120vw; } } .teaser_hero .video_wrapper:after, .teaser_hero .hero_img:after { content: ''; background-color: black; background: linear-gradient(0deg, black 12%, rgba(0, 0, 0, 0.95) 20%, rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0) 100%); height: 100%; width: 100%; position: absolute; left: 0px; bottom: 0px; display: inline-block; } @media (max-width: 767px) { .teaser_hero .video_wrapper:after, .teaser_hero .hero_img:after { height: 70%; } } .teaser_hero .link_wrapper { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); } .teaser_hero .link_wrapper a { min-width: unset; border-radius: 0px; border: none; background-color: transparent; padding: 0px; color: #fff; text-align: center; } .teaser_hero .link_wrapper a .link_text { display: block; font-size: 9px; text-transform: uppercase; letter-spacing: 1.35px; } .teaser_hero .link_wrapper a .link_icon { position: relative; display: block; } .teaser_hero .link_wrapper a svg { height: 46px; width: 51px; } .teaser_hero .video_wrapper { height: 100vh; } .teaser_hero .video_wrapper video { width: 100%; height: 100%; object-fit: cover; } .ce.branchen_switch .flex_wrapper { text-align: center; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); margin-bottom: 40px; } @media (max-width: 767px) { .ce.branchen_switch .flex_wrapper { padding-left: 0px; padding-right: 0px; } } .ce.branchen_switch .flex_wrapper .h3 { font-family: 'Soehne'; font-size: 14px; line-height: 16px; letter-spacing: 2.8px; text-transform: uppercase; font-weight: 600; } .ce.branchen_switch .row { text-align: center; } .ce.branchen_switch .row .item { flex-wrap: wrap; text-align: left; } .ce.branchen_switch .row .item.not_visible { display: none; } .ce.branchen_switch .row .item.is_visible { display: flex; } .ce.branchen_switch .row .item .text_wrapper { text-align: center; padding-left: calc((100% / 12) * 2); padding-right: calc((100% / 12) * 2); width: 100%; padding-top: 0px; } @media (max-width: 767px) { .ce.branchen_switch .row .item .text_wrapper { padding-left: 0px; padding-right: 0px; } } .ce.branchen_switch .row .item .text_wrapper > * { margin-top: 0px; } .ce.branchen_switch .row .item .text_wrapper h3 { font-size: 140px; } @media (max-width: 767px) { .ce.branchen_switch .row .item .text_wrapper h3 { font-size: 70px; } } @media (max-width: 767px) { .ce.branchen_switch .row .item .text_wrapper { width: 100%; } } .ce.branchen_switch .row .item .text_wrapper .link_wrapper { margin-top: 40px; justify-content: center; } .ce.branchen_switch .branchen_switch_tag_wrapper_toggler { display: none !important; background-color: #202020; color: #fff; border-radius: 60px; width: 100%; height: 60px; margin-top: 80px; line-height: 60px; text-align: center; cursor: pointer; position: relative; z-index: 3; } @media (max-width: 767px) { .ce.branchen_switch .branchen_switch_tag_wrapper_toggler { display: inline-block !important; } } .ce.branchen_switch .branchen_switch_tag_wrapper_toggler svg { position: relative; margin-left: 15px; top: 10px; } @media (max-width: 767px) { .ce.branchen_switch .branchen_switch_tag_wrapper_toggler { display: block; } } .ce.branchen_switch .branchen_switch_tag_wrapper_toggler.open svg path { display: none; opacity: 0; } .ce.branchen_switch .branchen_switch_tag_wrapper_toggler.open svg #shape, .ce.branchen_switch .branchen_switch_tag_wrapper_toggler.open svg #horizontal_line { display: block; opacity: 1; } .ce.branchen_switch .branchen_switch_toggle_wrapper { display: inline-flex; height: 60px; padding: 15px 15px; align-items: center; flex-shrink: 0; background-color: #202020; border-radius: 90px; margin-top: 150px; width: auto; overflow: hidden; overflow-x: auto; } @media (max-width: 767px) { .ce.branchen_switch .branchen_switch_toggle_wrapper { display: none; flex-direction: column; position: relative; z-index: 1; margin-top: 0px; width: 100%; padding-top: 40px; margin-top: -30px; height: auto; border-radius: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px; } } .ce.branchen_switch .branchen_switch_toggle_wrapper.open { display: inline-flex; } .ce.branchen_switch .branchen_switch_toggle_wrapper .branchen_switch_toggle_item { cursor: pointer; margin: 0 25px; font-size: 16px; font-weight: 600; line-height: 25px; color: rgba(255, 255, 255, 0.4); } @media (max-width: 767px) { .ce.branchen_switch .branchen_switch_toggle_wrapper .branchen_switch_toggle_item { padding-top: 10px; padding-bottom: 10px; } } .ce.branchen_switch .branchen_switch_toggle_wrapper .branchen_switch_toggle_item.selected { color: #fff; } .contact_infotextbox { /* .caption_text { width: 100%; display: inline-block; margin-top: 15px; text-align: center; font-size: 13px; line-height: 24px; } */ } .contact_infotextbox .row { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -15px; margin-right: -15px; } @media (max-width: 767px) { .contact_infotextbox .row { flex-direction: column; } } .contact_infotextbox .col { flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6); padding: 0 15px; border-radius: 20px; overflow: hidden; } @media (max-width: 767px) { .contact_infotextbox .col { flex: 0 0 100%; max-width: 100%; } .contact_infotextbox .col:not(:last-child) { margin-bottom: 50px; } } .contact_infotextbox img { border-radius: 20px; object-fit: cover; max-width: 100%; height: 500px; } @media (max-width: 767px) { .contact_infotextbox img { height: 270px; } } .contact_infotextbox .text_image_img { position: relative; border-radius: 20px; overflow: hidden; } .contact_infotextbox .text_image_img_toggle { position: absolute; top: 40px; right: 40px; width: 49px; height: 49px; background-color: #202020; border-radius: 10px; display: flex; justify-content: center; align-items: center; z-index: 4; transform: rotate(0deg); cursor: pointer; } @media (max-width: 767px) { .contact_infotextbox .text_image_img_toggle { top: 20px; right: 20px; background-color: rgba(32, 32, 32, 0.4); } } .contact_infotextbox .text_image_img_toggle.open svg { transform: rotate(45deg); } .contact_infotextbox .info_text { display: flex; align-items: center; position: absolute; top: 20px; left: 20px; height: calc(100% - 40px); width: calc(100% - 40px); background: #202020; padding: 40px; border-radius: 30px; z-index: 3; } @media (max-width: 767px) { .contact_infotextbox .info_text { border-radius: 0px; padding: 20px; top: 0px; left: 0px; height: calc(100% - 0px); width: calc(100% - 0px); } } /* .about_section_slide { display: flex !important; text-align: left; .inside { padding-left: 20px; padding-right: 20px; @include max-phone { padding-left: 0px; padding-right: 0px; } } .flex_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; height: 100%; width: max-content; @include max-phone { flex-direction: column; } } .text_image_content_wrapper { display: inline-flex; flex-direction: column; height: fit-content; justify-content: center; flex: 0 0 100%; max-width: 100%; // padding-left: $col-1; } .text_image_content { padding-top: 80px; .text_content { padding-bottom: 40px; } @include max-phone { } } .text_image_img { flex: 0 0 50%; max-width: 50%; flex: 0 0 100%; max-width: 100%; &.image_big { height: calc(100% - 70px); } @include max-phone { flex: 0 0 100%; max-width: 100%; padding-left: 0; margin-top: 30px; } img { height: 100%; object-fit: cover; width: 100%; border-radius: 20px; } &.image_small { padding-left: 70px; padding-right: 40px; flex: 0 0 calc(100% - 110px); max-width: calc(100% - 110px); img { height: auto; max-height: 300px; max-width: 300px; } } } &.text-bottom_image-top { .text_image_img { &.image_big { height: calc(100% - 0px) !important; } } .text_image_content_wrapper { .text_image_content { order: 2; .text_content { padding-bottom: 0px; } } .text_image_img { &.image_small { order: 1; } } } } } .about_section_slider { padding-left: 0px; padding-right: 0px; .inside { max-width: 100%; } .slick-slide { max-width: calc((100vw / 12) * 4) !important; } } */ .about_section_slide .text_image_content_wrapper { display: inline-flex; flex-direction: column; height: fit-content; justify-content: center; flex: 0 0 100%; max-width: 100%; } .about_section_slide .text_image_content { padding-top: 80px; } .about_section_slide .text_image_content .text_content { padding-bottom: 40px; } .about_section_slide .text_image_content h2 { hyphens: auto; } .about_section_slide .text_image_img { /* flex: 0 0 50%; max-width: 50%; */ flex: 0 0 100%; max-width: 100%; /* &.image_big { height: calc(100% - 70px); } */ } @media (max-width: 767px) { .about_section_slide .text_image_img { flex: 0 0 100%; max-width: 100%; padding-left: 0; margin-top: 30px; } } .about_section_slide .text_image_img img { height: 100%; object-fit: cover; width: 100%; border-radius: 20px; } .about_section_slide .text_image_img.image_small { padding-left: 70px; padding-right: 40px; flex: 0 0 100%; max-width: 100%; } @media (max-width: 767px) { .about_section_slide .text_image_img.image_small { padding-left: 0px; padding-right: 0px; } } .about_section_slide .text_image_img.image_small img { max-height: 50vh; } .about_section_slide.text-bottom_image-top .text_image_content_wrapper .text_image_content { order: 2; } .about_section_slide.text-bottom_image-top .text_image_content_wrapper .text_image_content .text_content { padding-bottom: 0px; } .about_section_slide.text-bottom_image-top .text_image_content_wrapper .text_image_img.image_small { order: 1; } .about_section_slider { padding-left: 0px; padding-right: 0px; } .about_section_slider .slick-track { display: flex; align-items: center; height: 100%; } .about_section_slider .ce { max-width: 50vw; } @media (max-width: 767px) { .about_section_slider .ce { padding-left: 40px !important; max-width: 100%; } } .about_section_slider .ce.text_intro { max-width: 50vw; } @media (max-width: 767px) { .about_section_slider .ce.text_intro { max-width: 100%; } } .about_section_slider .ce.text_intro .text_content { padding-left: 0px !important; padding-right: 0px !important; } .about_section_slider .ce.image { max-width: auto; padding: 20px; padding-top: 0px; padding-bottom: 0px; margin-top: -35px; } .about_section_slider .ce.image img { height: calc(100vh - 180px); max-height: 100%; } .about_section_slider .inside { max-width: 100%; } .about_section_slider .slick-slide { height: 100%; display: flex; align-items: center; padding-left: 30px; padding-right: 30px; cursor: url("../../files/valid/Assets/Images/drag.png") 16 16, auto; } .about_section_slider .slick-slide a { cursor: pointer; } @media (max-width: 767px) { .about_section_slider .slick-slide { padding-left: 0px; padding-right: 0px; } } .about_section_slider .slick-slide > div { width: 100%; } .about_section_slider .slick-slide:last-child .ce { max-width: calc(50vw - 70px); } @media (max-width: 767px) { .about_section_slider .slick-slide:last-child .ce { max-width: 100%; } } .about_section_slider .slick-dots { width: calc(100% - 0px); flex-wrap: wrap; } .about_section_slider .slick-dots li { margin: 5px 15px; } #social_wall { max-width: 1440px; margin: 0 auto; padding-left: 40px; padding-right: 40px; position: relative; } @media (max-width: 767px) { #social_wall { padding-left: 0px; padding-right: 0px; } } #social_wall.noMorePosts { padding-bottom: 80px; } #social_wall.noMorePosts .social_link_container { bottom: -40px; } #social_wall .social_feed_container { width: calc(100% + 10px) !important; margin-left: -10px !important; margin-bottom: 40px; position: relative; } #social_wall .social_feed_container:after { content: ''; background-color: rgba(0, 0, 0, 0.66); background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.95) 20.19%, rgba(0, 0, 0, 0.76) 40.19%, rgba(0, 0, 0, 0.33) 60.19%, rgba(0, 0, 0, 0) 98.19%); height: 53%; max-height: 60vh; width: 100%; position: absolute; left: 0px; bottom: 0px; display: inline-block; } #social_wall .social_feed_container.noMorePosts:after { display: none; } @media (max-width: 767px) { #social_wall .social_feed_container { width: 100% !important; margin-left: 0px !important; } } #social_wall .social_feed_container .social_link_container { position: absolute; bottom: 40px; left: 0; right: 0; z-index: 3; margin: 0 auto; display: flex; color: #000; background-color: #202020; width: fit-content; border-radius: 80px; line-height: 60px; text-align: left; padding-right: 25px; padding-left: 25px; } #social_wall .social_feed_container .social_link_container a { height: 60px; width: 26px; margin: 0 20px; display: inline-flex; flex-direction: row; align-self: center; align-items: center; justify-content: center; } #social_wall .social_feed_container .social_link_container a svg { width: 26px; height: auto; } #social_wall .social_feed_container .social_link_container a.linkedin { width: 28px; } #social_wall .social_feed_container .social_link_container a.linkedin svg { height: 30px; } #social_wall .social_feed_element { border-radius: 20px; color: #000 !important; width: calc(33.33% - 20px); margin: 0 10px; } @media (max-width: 767px) { #social_wall .social_feed_element { width: calc(100% - 40px); margin: 0 20px; margin-bottom: 20px; } } #social_wall .social_feed_element .inner { color: #000 !important; border-radius: 20px; background: #fff !important; padding: 0 !important; border-top: none !important; margin: 0 !important; } #social_wall .social_feed_element .inner > figure { padding: 0px !important; } #social_wall .social_feed_element .inner a { padding: 0px !important; } #social_wall .social_feed_element .inner .info { color: #000 !important; display: inline-block !important; float: right; padding: 20px 20px 10px 20px !important; } #social_wall .social_feed_element .inner .info time { display: none !important; } #social_wall .social_feed_element .inner .title { line-height: 28px; color: #000 !important; padding: 20px; padding-bottom: 0px; font-weight: 700; } #social_wall .social_feed_element .inner .title span { font-size: 15px; } #social_wall .social_feed_element .inner .title img { height: 24px; width: 24px; border-radius: 24px; float: left; margin-right: 10px; } #social_wall .social_feed_element .ce_text { padding: 20px !important; } #social_wall .social_feed_element .more { display: none !important; } #social_wall #loadMoreWrapper { width: 100%; display: block; text-align: center; } #social_wall #loadMoreWrapper #loadMore { display: inline-block; color: #000; background-color: #fff; width: auto; min-width: 275px; height: 60px; border-radius: 90px; cursor: pointer; line-height: 58px; text-align: left; padding-right: 100px; padding-left: 40px; border: 1px solid #fff; appearance: none; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 44 49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clippath); %7D .cls-2 %7B fill: none; %7D .cls-2, .cls-3, .cls-4 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %238e4bfa; %7D .cls-4 %7B fill: %23fff; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-2' x='14.5' y='17.4' width='15' height='15' transform='translate(-11.2 22.8) rotate(-45)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Sechseck' class='cls-3' d='M4.3,9.1L18.3,1.8c2.3-1.2,5.1-1.2,7.4,0l14,7.3c2.6,1.4,4.3,4.1,4.3,7.1v17.7c0,3.2-1.9,6-4.7,7.3l-14,6.2c-2.1.9-4.4.9-6.5,0l-14-6.2c-2.9-1.3-4.7-4.1-4.7-7.3v-17.7c0-3,1.7-5.7,4.3-7.1Z'/%3E%3Cg class='cls-1'%3E%3Cg id='plus_1' data-name='plus 1'%3E%3Cpath id='Vector' class='cls-4' d='M28.8,24.1h-6v-6c0-.4-.3-.7-.8-.7s-.7.3-.7.7v6h-6c-.4,0-.7.3-.7.7s.3.8.7.8h6v6c0,.4.3.8.7.8s.8-.3.8-.8v-6h6c.4,0,.8-.3.8-.8s-.3-.7-.8-.7Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: calc(100% - 20px) center; background-repeat: no-repeat; background-size: 44px; } #social_wall #loadMoreWrapper #loadMore:hover { color: #fff; background-color: #8E4BFA; border-color: #8E4BFA; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; } #social_wall .pagination { display: none; } .mod_form { font-family: 'Soehne'; padding-left: 40px; padding-right: 40px; padding-top: 70px; padding-bottom: 70px; } @media (max-width: 767px) { .mod_form { padding-left: 20px; padding-right: 20px; } } .mod_form form { width: 100%; max-width: 1360px; margin: 0 auto; } .mod_form .formbody { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -15px; margin-right: -15px; } .mod_form .formbody .widget { position: relative; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; padding-bottom: 75px; } @media (max-width: 767px) { .mod_form .formbody .widget { flex: 0 0 100%; max-width: 100%; } } .mod_form .formbody .widget label { left: 15px; top: 0px; font-family: 'Soehne'; font-size: 14px; font-weight: 400; text-transform: uppercase; transition: all 0.3s ease-in-out; } .mod_form .formbody .widget label.is-focus { top: -15px; font-size: 11px; transition: all 0.3s ease-in-out; } .mod_form .formbody .widget label, .mod_form .formbody .widget span { position: absolute; } .mod_form .formbody .widget.error label { color: #FF6601; } .mod_form .formbody .widget.error p { position: absolute; bottom: 35px; background-color: #FF6601; color: #000; font-size: 11px; font-weight: 600; line-height: 22px; letter-spacing: 1.65px; text-transform: uppercase; display: inline-flex; height: 30px; padding: 4px 15px; justify-content: center; align-items: center; border-radius: 50px; width: max-content; } .mod_form .formbody .widget select, .mod_form .formbody .widget textarea, .mod_form .formbody .widget input { height: 35px; background-color: transparent; border: none; border-bottom: 1px solid #fff; width: 100%; font-family: 'Soehne'; font-size: 14px; color: #fff; border-radius: 0px; appearance: none; -webkit-appearance: none; } .mod_form .formbody .widget select:focus + label, .mod_form .formbody .widget select:focus-within + label, .mod_form .formbody .widget select:focus-visible + label, .mod_form .formbody .widget textarea:focus + label, .mod_form .formbody .widget textarea:focus-within + label, .mod_form .formbody .widget textarea:focus-visible + label, .mod_form .formbody .widget input:focus + label, .mod_form .formbody .widget input:focus-within + label, .mod_form .formbody .widget input:focus-visible + label { top: -15px; font-size: 11px; transition: all 0.3s ease-in-out; } .mod_form .formbody .widget select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 30' style='enable-background:new 0 0 28 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bclip-path:url(%23SVGID_00000121243540741543988130000002770804137734535087_);%7D%0A%3C/style%3E%3Cpath class='st0' d='M2.6,5.8l9.5-4.9c1.2-0.6,2.5-0.6,3.7,0l9.5,4.9c1.3,0.7,2.2,2.1,2.2,3.6v11.9c0,1.6-0.9,3-2.4,3.7l-9.5,4.2 c-1,0.5-2.2,0.5-3.2,0L2.8,25c-1.4-0.6-2.4-2.1-2.4-3.7V9.4C0.5,7.9,1.3,6.5,2.6,5.8z'/%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' x='9' y='10.5' width='10' height='9'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000003799653292318284690000002898273276767748257_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_00000003799653292318284690000002898273276767748257_);'%3E%3Cpath d='M14,18.2c-0.1,0-0.2,0-0.3-0.1s-0.2-0.1-0.2-0.2l-4.3-4.3C9.1,13.6,9,13.4,9,13.2c0-0.2,0.1-0.4,0.2-0.5 c0.1-0.1,0.3-0.2,0.5-0.2s0.4,0.1,0.5,0.2l3.8,3.8l3.8-3.8c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.4,0.1,0.5,0.2 c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.2,0.5L14.5,18C14.4,18.2,14.2,18.2,14,18.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: right top; background-repeat: no-repeat; background-size: 26px; } .mod_form .formbody .widget textarea { resize: none; } .mod_form .formbody .widget-textarea { flex: 0 0 100%; max-width: 100%; } .mod_form .formbody .widget-checkbox { flex: 0 0 45px; max-width: 45px; } .mod_form .formbody .widget-checkbox fieldset { border: none; } .mod_form .formbody .widget-checkbox fieldset label { left: -14px; font-size: 0px; text-indent: -99999px; } .mod_form .formbody .widget-explanation { flex: 0 0 calc(100% - 45px); max-width: calc(100% - 45px); padding-left: 10px; } .mod_form .formbody .widget-explanation p { margin-top: 3px; } .mod_form .LV_invalid { /* opacity: 0 !important; font-size: 0px !important; display: none !important; */ position: absolute; bottom: 35px; background-color: #FF6601; color: #000; font-size: 11px; font-weight: 600; line-height: 22px; letter-spacing: 1.65px; text-transform: uppercase; display: inline-flex; height: 30px; padding: 4px 15px; justify-content: center; align-items: center; border-radius: 50px; width: max-content; left: 15px; } .mod_form .LV_invalid + label { color: #FF6601; } .mod_form button { height: 60px; background-color: #fff; color: #000; border-radius: 90px; border: none; appearance: none; display: inline-flex; padding-left: 25px; padding-right: 5px; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s ease-in-out; } .mod_form button svg { margin-left: 60px; } .mod_form button:hover { transition: background-color 0.3s ease-in-out; background-color: #4CCDE0; } .mod_form .form-confirmation { margin-top: 70px; } /* Verstecke die Standard-Checkbox */ .widget-checkbox .checkbox_container input[type="checkbox"] { display: none; } /* Visuelles Ersatz-Label für die Checkbox */ .widget-checkbox .checkbox_container label { position: relative; display: inline-block; width: 20px; height: 20px; border: 2px solid orange; border-radius: 5px; background-color: transparent; cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease; } /* Stil für das Häkchen */ .widget-checkbox .checkbox_container label::before { content: ''; /* Keine Standard-Inhalte */ position: absolute; top: 2px; left: 5px; width: 10px; height: 10px; background-color: transparent; border-radius: 3px; transition: background-color 0.3s ease; } /* Stil, wenn die Checkbox aktiviert ist */ .widget-checkbox .checkbox_container input[type="checkbox"]:checked + label { background-color: orange; border-color: orange; } /* Optional: Hover-Effekt */ .widget-checkbox .checkbox_container label:hover { border-color: #FF6601; } .page_tags { padding-top: 0px; padding-bottom: 0px; width: 100%; max-width: 1360px; margin: 0 auto; /* padding-left: $col-1; padding-right: $col-1; */ padding-left: 180px; padding-right: 180px; } @media (max-width: 1023px) { .page_tags { padding-left: 100px; padding-right: 100px; } } @media (max-width: 767px) { .page_tags { padding-left: 20px; padding-right: 20px; } } .page_tags .inside { border-radius: 20px; padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 60px; background-color: #202020; } .page_tags .h3 { display: block; color: #FFF; text-align: center; font-family: "Soehne"; font-size: 28px; font-weight: 300; margin-bottom: 30px; } .page_tags .tag_item_wrapper { display: flex; justify-content: center; flex-wrap: wrap; } .page_tags a { color: #000; display: inline-flex; padding: 13px 20px; justify-content: center; align-items: center; border-radius: 60px; background-color: #FFF; font-size: 11px; font-weight: 600; letter-spacing: 1.65px; text-transform: uppercase; margin: 0 7.5px; margin-top: 7.5px; } .page_tags .slick-slide { margin: 0 7.5px; } .page_tags.dots-orange .slick-dots li.slick-active { background-color: #FF6601; } .page_tags.dots-orange .slick-dots li.slick-active:after { border-color: #FF6601; } .page_tags.dots-purple .slick-dots li.slick-active { background-color: #8E4BFA; } .page_tags.dots-purple .slick-dots li.slick-active:after { border-color: #8E4BFA; } .page_tags.dots-pink .slick-dots li.slick-active { background-color: #E043E0; } .page_tags.dots-pink .slick-dots li.slick-active:after { border-color: #E043E0; } .page_tags.dots-lime .slick-dots li.slick-active { background-color: #CFE012; } .page_tags.dots-lime .slick-dots li.slick-active:after { border-color: #CFE012; } .page_tags.dots-ocean .slick-dots li.slick-active { background-color: #4CCDE0; } .page_tags.dots-ocean .slick-dots li.slick-active:after { border-color: #4CCDE0; } body { font-family: sans-serif; background-color: #000; color: #fff; }