/************************************************* override *************************************************/ :root { --form-selected-checkbox-radio-dropdown-color: #A71930; } .partContentFileImageGallery figure .imagePlaceholderContainer img {object-fit: cover;} .popupCustomContainer {width: 600px;} .popupCustomContainer h2 {font-size: 24px; margin-bottom: 5px;} #jobApplyContainer #formApplyDirectly {display: none;} #jobApplyContainer.active #formApplyDirectly {display: block;} /* partslider */ .partSlider .sliderButton {width: 46px; height: 46px; background-color: #fff; border-radius: 50%; transition: background-color 0.3s ease;} .partSlider .sliderButton svg {height:18px; fill: #000;} .partSlider .sliderButton:hover {background-color: #A71930;} .partSlider .sliderButton:hover svg {fill: #fff;} .partSlider .slidePaginationBullet { width: 15px; height: 15px; border:solid 3px #bbb; border-radius: 50%; margin: 0px 5px; background-color: transparent; } .partSlider .slidePaginationBullet.selected, .partSlider .slidePaginationBullet:hover { background-color: #A71930; border-color: #A71930; } .partSlider .sliderButton.disabled {opacity: 0.2;} /* industries */ .industries {padding:20px 0px;} .industries .slideContainerViewport {} .industries .slide {padding:10px 10px; } .industries .slideContainer.numberOfSlidesLessThanSlidesToShow {justify-content: center;} .industries {} .industries .slideContainerViewport {margin-left: -10px; margin-right: -10px; width:calc(100% + 20px);} .slideIndustryContainer {position: relative; background: #000; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.08); border-radius: 23px; overflow: hidden; display:block;} .slideIndustryContainer h3 {position: absolute; color: #fff; display: flex; padding:20px; justify-content: flex-start; align-items: flex-end; text-align: left; left:0; top:0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.30) 66%, rgba(0,0,0,0.60) 100%); z-index: 1; margin-bottom: 0;} .industries figure {transition: opacity 0.3s ease;} .industries a:hover figure {opacity:0.6} .industries .sliderButton.prev {left: -23px;} .industries .sliderButton.next {right: -23px;} /* projects */ .projects .slideContainerViewport {padding-top: 60px; overflow:visible} .projects .slide {position: relative;} .projects .sliderButton {top: calc(50% + 30px);} .projects .captionContainer {background: #fff; box-shadow: 0 10px 50px 0 rgba(0,0,0,0.08); border-radius: 26px; padding:50px 60px 30px 60px; position: absolute; left:60px; right:60px; top:-60px; z-index: 1; max-width: 500px; visibility: hidden; opacity: 0; transition: opacity 0.3s ease;} .projects .captionContainer .partContentText {font-size: 16px;} .projects .captionContainer h2#imageSliderSyncSecondary .slideMainContainer{font-size: 24px; margin-bottom: 10px;} .projects .captionContainer h2 {margin-bottom: 5px;} .projects .captionContainer h2 a {color: #000; text-decoration: none;} .projects .captionContainer h2 a:hover {color: #A71930; text-decoration: underline;} .projects .partButtonContentContainer {justify-content: flex-start;} .projects .slide.selected .captionContainer {visibility: visible; opacity: 1;} .projects .sliderButton.prev {left: -150px;} .projects .sliderButton.next {right: -150px;} /* partners */ .logos {} .logos .slideContainerViewport {margin-left: -15px; margin-right: -15px; width:calc(100% + 30px);} .logos .slideContainer.numberOfSlidesLessThanSlidesToShow {justify-content: center;} .logos .slide {padding:30px 15px;} .logos .slide .partContentFileImageGallery.single {max-width:100%; height:100%; padding:20px; background: #fff; box-shadow: 0 7.5px 15px 0 rgba(0,0,0,0.08); border-radius: 23px;} .logos .slide .partContentFileImageGallery.single .contentFileImage {height:100%;} .logos .slidePagination {position: static; margin-bottom: 30px;} .logos .sliderButton {padding:0;} #imageSliderSyncPrimary {} #imageSliderSyncPrimary .slideContainer {} #imageSliderSyncPrimary .slide {padding:20px; padding-bottom: 0; position: relative;} #imageSliderSyncPrimary .slide .partContentFileImageGallery.single {height:100%;} #imageSliderSyncPrimary .partContentFileImageGallery.centerAlign .contentFileImage {height:100%;} .productInfoButton {position: absolute; background-color: #E5E8EB; top:30px; left:30px; z-index: 20; border:0; border-radius: 50px; width: 46px; height: 46px; justify-content: center; align-items: center; cursor: pointer;} .productInfoButton svg {fill: #000; width: 20px; height: 20px;} .productInfoText {background-color: rgba(245, 245, 245, 0.9); padding:30px 30px 20px 91px; border-bottom-right-radius: 23px; position: absolute; top:0; left:0; z-index: 10; text-align: left; line-height: 1.4em; visibility: hidden; opacity: 0; transition: opacity 0.15s ease;} .productInfoText h3 {margin-bottom: 5px; font-size: 20px;} .productInfoText span {display: block; font-size: 16px;} .productInfoText span strong {color:#000;} #imageSliderSyncPrimary .slide:hover .productInfoText {visibility: visible; opacity: 1; transition: opacity 0.15s ease;} #imageSliderSyncSecondary {margin:0 30px;} #imageSliderSyncSecondary .slideContainerViewport {} #imageSliderSyncSecondary .slideContainer.numberOfSlidesLessThanSlidesToShow {justify-content: center;} #imageSliderSyncSecondary .slide {padding:0px 5px; cursor:pointer; position: relative;} #imageSliderSyncSecondary .slide .partContentFileImageGallery.single {position: relative; border:solid 2px #E5E8EB; transition: border-color 0.3s ease;; border-radius: 23px;overflow: hidden; height: 100%; min-height:84px; padding:5px;} #imageSliderSyncSecondary .slide.selected .partContentFileImageGallery.single {border-color: #A71930;} #imageSliderSyncSecondary .partContentFileImageGallery.centerAlign .contentFileImage {height:100%;} #imageSliderSyncSecondary .slideContainerViewport {padding-top: 30px;} #imageSliderSyncSecondary .slideMainContainer {padding:0 52px; margin:0 auto;} #imageSliderSyncSecondary .sliderButton { background-color: #E5E8EB;} #imageSliderSyncSecondary .sliderButton:hover {background-color: #A71930;} #imageSliderSyncSecondary .productTooltip {position: absolute; padding:6px 5px; background-color: #333; color:#fff; top:-30px; left:0; right:0; font-size: 13px; line-height: 1.2em; z-index: 10; visibility: hidden; opacity: 0; transition: opacity 0.15s ease;} #imageSliderSyncSecondary .slide:hover .productTooltip {visibility: visible; opacity: 1;} #imageSliderSyncSecondary .productTooltip:after {content: ''; position: absolute; width: 0; height: 0; left:50%; transform: translateX(-50%); bottom: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #333;} #imageSliderSyncSecondary .sliderButton {top: calc(50% + 7.5px); transform: translateY(calc(-50% + 7.5px)); } /* language */ /* config / override */ .partNavigationLanguage.partNavigationLanguage1 > ul > li {margin-right: 10px; font-family: 'Libre Franklin'; font-weight: 700;} .partNavigationLanguage.partNavigationLanguage1 ul > li > a {padding:0 20px; transition: color 0.3s ease; height:46px; border-radius: 23px;} .partNavigationLanguage.partNavigationLanguage1.dropdown ul > li > a {width: auto; /* set the width based on the longest value */ color:#fff;} .partNavigationLanguage.partNavigationLanguage1 .iconDropDownPrefix img, .partNavigationLanguage.partNavigationLanguage1 .iconDropDownPrefix svg {fill: #fff;} .partNavigationLanguage.partNavigationLanguage1.dropdown .languageIso {margin-left: 0px; margin-right: 6px;} .partNavigationLanguage.partNavigationLanguage1.dropdown .languageIso:before {content: '';} .partNavigationLanguage.partNavigationLanguage1.dropdown .languageIso:after {content: '';} /* dropdown menu */ .partNavigationLanguage.partNavigationLanguage1 ul.dropdownMenu {background: #fff; border-radius: 23px; box-shadow: 0 0 4px rgba(0,0,0,0.15); width: 100%;} .partNavigationLanguage.partNavigationLanguage1 ul.dropdownMenu li a {color: #000; padding:10px 0 10px 42px; transition: background-color 0.3s ease;} /* dropdown & icon */ .partNavigationLanguage.partNavigationLanguage1 .iconDropdownArrow svg {fill:#fff; } .partNavigationLanguage.partNavigationLanguage1 ul > li > a:hover svg, .partNavigationLanguage.partNavigationLanguage1 ul > li > a:focus svg, .partNavigationLanguage.partNavigationLanguage1 ul > li:hover > a svg {fill: #fff; } /* hover & focus */ .partNavigationLanguage.partNavigationLanguage1 ul > li > a:hover, .partNavigationLanguage.partNavigationLanguage1 ul > li > a:focus, .partNavigationLanguage.partNavigationLanguage1 ul > li:hover > a {background-color: #A71930; color: #fff; } /* selected */ .partNavigationLanguage.partNavigationLanguage1 ul > li.selected > a {background-color: #A71930; color: #fff; } /* hover & focus */ .partNavigationLanguage.partNavigationLanguage1 ul.dropdownMenu li a:hover, .partNavigationLanguage.partNavigationLanguage1 ul.dropdownMenu li a:focus {background: #000;} /* form */ :root { --form-border-radius: 0; } .formV2 .errorLabelIcon {margin-top: 0.1em;} .formV2 .formInitialsContainer {display: none; /* prevents autocompletion */} /* newsletter form */ .formV2 .formControlFeedback {background-color: transparent;} /* #formMailChimp span.inputReplacer {background-color: #fff;} */ #formMailChimp .formControlItemContainerInterests { max-width: 460px; display: block; -webkit-columns: auto /* set number of columns or set to auto */ 200px /* minimal width */; columns: auto /* set number of columns or set to auto */ 200px /* minimal width */; -webkit-column-gap: 20px; column-gap: 20px; } #signupNewsletterFormAddressAndSubmit {max-width: 460px; position: relative;} #signupNewsletterFormAddressAndSubmit #partFormControlButtonSubmitFormMailChimp {position:absolute; top:0; right:0; z-index: 10;} #signupNewsletterFormAddressAndSubmit #partFormControlButtonSubmitFormMailChimp .partButton {height: 46px;} #formMailChimp #formMailChimpEmailAddress {height:46px; border:solid 2px #000; padding:0px 15px; border-radius: 23px; width: 460px; max-width: 100%; font-family: 'Libre Franklin'; font-size: 18px; font-weight: 700; background-color: #fff;} #formMailChimp #formMailChimpEmailAddress::placeholder {color: #999;} /* horizontal */ .controlCheckBoxRadio.controlCheckBoxRadio4.horizontal {background: url("data:image/svg+xml,%3Csvg width='100' height='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23E5E8EB' d='M0 0h100v3H0z' fill-rule='evenodd'/%3E%3C/svg%3E") repeat-x left bottom; justify-content: center; margin-bottom: 20px; padding-bottom: 0; font-family: 'Libre Franklin'; font-weight: 700; font-size: 18px;} .controlCheckBoxRadio.controlCheckBoxRadio4.horizontal .checkBoxRadioItem {margin-bottom: 0;} .controlCheckBoxRadio.controlCheckBoxRadio4.horizontal label {padding:0 0 10px 0; border:none; border-bottom: solid 3px transparent; margin:0 20px; color: #000; transition: border-color 0.3s ease;} /* radio */ .controlCheckBoxRadio.controlCheckBoxRadio4.horizontal input[type="radio"] + label .inputReplacer {display: none;} .controlCheckBoxRadio.controlCheckBoxRadio4.horizontal input[type="radio"]:checked + label {border-color:#A71930; z-index: 10; position: relative; background-color: transparent; color: #000;} .controlCheckBoxRadio.controlCheckBoxRadio4.horizontal input[type="radio"] + label:hover {border-color: #000; z-index: 10; position: relative; }