/* =================================== */ /* ============ OVERRIDE ============= */ /* =================================== */ body { overscroll-behavior: none; } .accordion-item { border: 0px !important; border-bottom: 1px solid var(--color-white) !important; } .accordion-button:not(.collapsed) { background: var(--color-white) !important; border-radius: 0px !important; border: 0px !important; box-shadow: none !important; } .accordion-button:focus { box-shadow: none !important; border: none !important; } :focus-visible { outline: none !important; } .form-control:focus { outline: 0; box-shadow: none !important; border-color: var(--color-white) !important; } .gradient-start-screen { background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%); } #wohnlage, #galerie, #kontakt, #index{ scroll-margin-top: 3rem; } .z-1060{ z-index: 1060 !important; } /* =================================== */ /* ============ ALLGEMEIN ============ */ /* =================================== */ .background-cover { background-size: cover; } .background-contain { background-size: contain; } .background-inherit{ background-size: inherit; } .background-no-repeat { background-repeat: no-repeat; } .background-center-center { background-position: center center; } .background-center-top { background-position: center top; } .background-right-top { background-position: right top; } .background-center-right{ background-position: center right; } .background-center-left{ background-position: center left; } .align-content-end { align-content: flex-end; } .object-fit-center{ object-position: center; } .max-width-sm { max-width: 1000px; } .max-width { max-width: 1440px; } .max-width-lg{ max-width: 1920px; } .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } .vh-80{ height: 80vh; } .vh-60{ height: 80vh; } .image-hover .image-scale{ transition: all 0.3s; } .image-hover:hover .image-scale{ transform: scale(1.1); } .hyphens{ hyphens: auto; } .no-margin p{ margin-bottom: 0px !important; } .location-offcanvas { z-index: 1060 !important; } /* Navigation */ .header-logo-dark{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='161' height='36.945' viewBox='0 0 161 36.945'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='161' height='36.944' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Logo' transform='translate(-195 -1181)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M0,36.944,8.527,25.856V11.087L0,0Z' transform='translate(195 1181.001)' fill='%23fa176e'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M19.967,11.087V25.856L28.5,36.943V0Z' transform='translate(203.448 1181.001)' fill='%23fa176e'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M5.992,0V11.087l5.681,7.386,4.264-5.544Z' transform='translate(197.535 1181)' fill='%2314b8ff'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M12.98,18.525l9.945,12.927V20.363L17.243,12.98Z' transform='translate(200.492 1186.493)' fill='%2352f038'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M0,0,8.527,11.086V0Z' transform='translate(195 1181.001)' fill='%2352f038'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M19.967,29.256H28.5L19.967,18.169Z' transform='translate(203.448 1188.688)' fill='%2314b8ff'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M12.98,12.928l4.264,5.544,5.681-7.384V0Z' transform='translate(200.492 1181.001)' fill='%2314b8ff'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M5.992,20.364V31.451l9.945-12.927-4.264-5.543Z' transform='translate(197.535 1186.493)' fill='%2352f038'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M0,29.256H8.527V18.169Z' transform='translate(195 1188.688)' fill='%2314b8ff'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M19.966,0V11.086L28.5,0Z' transform='translate(203.448 1181.001)' fill='%2352f038'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M14.247,9.085,9.984,14.628l4.264,5.544,4.264-5.544Z' transform='translate(199.224 1184.844)' fill='%23fa176e'/%3E%3Cpath id='Path_12' data-name='Path 12' d='M41.669,14.142,36.945,7.649H33.667v15.1h2.848V11.769l4.81,6.579h.561L46.8,11.791V22.747h2.848V7.649H46.392Z' transform='translate(209.244 1184.237)' fill='%23fff'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M54.611,7.634l-6.773,15.1h3.084l.751-1.651,1.833-4.211.007.009,2.65-6.074,2.8,6.427H53.826l1.793,2.654h4.493l1.272,2.846H64.49l-6.773-15.1Z' transform='translate(215.241 1184.231)' fill='%23fff'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M67.406,19.389,62.855,7.634H59.662L65.938,22.8h2.956L75.17,7.634H71.978Z' transform='translate(220.243 1184.231)' fill='%23fff'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M84.39,14.668V12.014H74.838l1.376,2.654Z' transform='translate(226.664 1186.084)' fill='%23fff'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M73.82,22.733h11.3v-2.8H76.646V16.521h0V13.867h0V10.4h8.476V7.635H73.82Z' transform='translate(226.234 1184.231)' fill='%23fff'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(195 1181.001)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M98.3,12.645c0-2.61-1.877-4.982-5.435-5-2.4,0-4.789-.021-7.184-.021V22.739h2.848V10.294h4.336a2.366,2.366,0,0,1,2.587,2.415,2.353,2.353,0,0,1-2.587,2.416H89.131L95.8,22.739h3.256v-.194L94.48,17.391A4.48,4.48,0,0,0,98.3,12.645' transform='translate(36.252 3.224)' fill='%23fff'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='2.826' height='15.098' transform='translate(139.881 10.865)' fill='%23fff'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M112.064,15.1l5.112-7.333v-.13h-3.127l-3.775,5.63L106.5,7.634h-3.128v.13l5.09,7.333-5.241,7.55v.087h3.192l3.861-5.672,3.861,5.672h3.192v-.087Z' transform='translate(43.673 3.23)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 10rem; height: 2.25rem; } .header-logo-light{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='161' height='36.945' viewBox='0 0 161 36.945'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='161' height='36.944' transform='translate(0 0)' fill='%2317171c'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Logo' transform='translate(-195 -1181)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M0,36.944,8.527,25.856V11.087L0,0Z' transform='translate(195 1181.001)' fill='%23fa176e'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M19.967,11.087V25.856L28.5,36.943V0Z' transform='translate(203.448 1181.001)' fill='%23fa176e'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M5.992,0V11.087l5.681,7.386,4.264-5.544Z' transform='translate(197.535 1181)' fill='%2314b8ff'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M12.98,18.525l9.945,12.927V20.363L17.243,12.98Z' transform='translate(200.492 1186.493)' fill='%2352f038'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M0,0,8.527,11.086V0Z' transform='translate(195 1181.001)' fill='%2352f038'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M19.967,29.256H28.5L19.967,18.169Z' transform='translate(203.448 1188.688)' fill='%2314b8ff'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M12.98,12.928l4.264,5.544,5.681-7.384V0Z' transform='translate(200.492 1181.001)' fill='%2314b8ff'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M5.992,20.364V31.451l9.945-12.927-4.264-5.543Z' transform='translate(197.535 1186.493)' fill='%2352f038'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M0,29.256H8.527V18.169Z' transform='translate(195 1188.688)' fill='%2314b8ff'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M19.966,0V11.086L28.5,0Z' transform='translate(203.448 1181.001)' fill='%2352f038'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M14.247,9.085,9.984,14.628l4.264,5.544,4.264-5.544Z' transform='translate(199.224 1184.844)' fill='%23fa176e'/%3E%3Cpath id='Path_12' data-name='Path 12' d='M41.669,14.142,36.945,7.649H33.667v15.1h2.848V11.769l4.81,6.579h.561L46.8,11.791V22.747h2.848V7.649H46.392Z' transform='translate(209.244 1184.237)' fill='%2317171c'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M54.611,7.634l-6.773,15.1h3.084l.751-1.651,1.833-4.211.007.009,2.65-6.074,2.8,6.427H53.826l1.793,2.654h4.493l1.272,2.846H64.49l-6.773-15.1Z' transform='translate(215.241 1184.231)' fill='%2317171c'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M67.406,19.389,62.855,7.634H59.662L65.938,22.8h2.956L75.17,7.634H71.978Z' transform='translate(220.243 1184.231)' fill='%2317171c'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M84.39,14.668V12.014H74.838l1.376,2.654Z' transform='translate(226.664 1186.084)' fill='%2317171c'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M73.82,22.733h11.3v-2.8H76.646V16.521h0V13.867h0V10.4h8.476V7.635H73.82Z' transform='translate(226.234 1184.231)' fill='%2317171c'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(195 1181.001)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M98.3,12.645c0-2.61-1.877-4.982-5.435-5-2.4,0-4.789-.021-7.184-.021V22.739h2.848V10.294h4.336a2.366,2.366,0,0,1,2.587,2.415,2.353,2.353,0,0,1-2.587,2.416H89.131L95.8,22.739h3.256v-.194L94.48,17.391A4.48,4.48,0,0,0,98.3,12.645' transform='translate(36.252 3.224)' fill='%2317171c'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='2.826' height='15.098' transform='translate(139.881 10.865)' fill='%2317171c'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M112.064,15.1l5.112-7.333v-.13h-3.127l-3.775,5.63L106.5,7.634h-3.128v.13l5.09,7.333-5.241,7.55v.087h3.192l3.861-5.672,3.861,5.672h3.192v-.087Z' transform='translate(43.673 3.23)' fill='%2317171c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 10rem; height: 2.25rem; } .header-logo-dark-mobile{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='161' height='36.945' viewBox='0 0 161 36.945'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='161' height='36.944' transform='translate(0 0)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Logo' transform='translate(-195 -1181)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M0,36.944,8.527,25.856V11.087L0,0Z' transform='translate(195 1181.001)' fill='%23fa176e'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M19.967,11.087V25.856L28.5,36.943V0Z' transform='translate(203.448 1181.001)' fill='%23fa176e'/%3E%3Cpath id='Path_3' data-name='Path 3' d='M5.992,0V11.087l5.681,7.386,4.264-5.544Z' transform='translate(197.535 1181)' fill='%2314b8ff'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M12.98,18.525l9.945,12.927V20.363L17.243,12.98Z' transform='translate(200.492 1186.493)' fill='%2352f038'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M0,0,8.527,11.086V0Z' transform='translate(195 1181.001)' fill='%2352f038'/%3E%3Cpath id='Path_6' data-name='Path 6' d='M19.967,29.256H28.5L19.967,18.169Z' transform='translate(203.448 1188.688)' fill='%2314b8ff'/%3E%3Cpath id='Path_7' data-name='Path 7' d='M12.98,12.928l4.264,5.544,5.681-7.384V0Z' transform='translate(200.492 1181.001)' fill='%2314b8ff'/%3E%3Cpath id='Path_8' data-name='Path 8' d='M5.992,20.364V31.451l9.945-12.927-4.264-5.543Z' transform='translate(197.535 1186.493)' fill='%2352f038'/%3E%3Cpath id='Path_9' data-name='Path 9' d='M0,29.256H8.527V18.169Z' transform='translate(195 1188.688)' fill='%2314b8ff'/%3E%3Cpath id='Path_10' data-name='Path 10' d='M19.966,0V11.086L28.5,0Z' transform='translate(203.448 1181.001)' fill='%2352f038'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M14.247,9.085,9.984,14.628l4.264,5.544,4.264-5.544Z' transform='translate(199.224 1184.844)' fill='%23fa176e'/%3E%3Cpath id='Path_12' data-name='Path 12' d='M41.669,14.142,36.945,7.649H33.667v15.1h2.848V11.769l4.81,6.579h.561L46.8,11.791V22.747h2.848V7.649H46.392Z' transform='translate(209.244 1184.237)' fill='%23fff'/%3E%3Cpath id='Path_13' data-name='Path 13' d='M54.611,7.634l-6.773,15.1h3.084l.751-1.651,1.833-4.211.007.009,2.65-6.074,2.8,6.427H53.826l1.793,2.654h4.493l1.272,2.846H64.49l-6.773-15.1Z' transform='translate(215.241 1184.231)' fill='%23fff'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M67.406,19.389,62.855,7.634H59.662L65.938,22.8h2.956L75.17,7.634H71.978Z' transform='translate(220.243 1184.231)' fill='%23fff'/%3E%3Cpath id='Path_15' data-name='Path 15' d='M84.39,14.668V12.014H74.838l1.376,2.654Z' transform='translate(226.664 1186.084)' fill='%23fff'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M73.82,22.733h11.3v-2.8H76.646V16.521h0V13.867h0V10.4h8.476V7.635H73.82Z' transform='translate(226.234 1184.231)' fill='%23fff'/%3E%3Cg id='Group_1' data-name='Group 1' transform='translate(195 1181.001)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_17' data-name='Path 17' d='M98.3,12.645c0-2.61-1.877-4.982-5.435-5-2.4,0-4.789-.021-7.184-.021V22.739h2.848V10.294h4.336a2.366,2.366,0,0,1,2.587,2.415,2.353,2.353,0,0,1-2.587,2.416H89.131L95.8,22.739h3.256v-.194L94.48,17.391A4.48,4.48,0,0,0,98.3,12.645' transform='translate(36.252 3.224)' fill='%23fff'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='2.826' height='15.098' transform='translate(139.881 10.865)' fill='%23fff'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M112.064,15.1l5.112-7.333v-.13h-3.127l-3.775,5.63L106.5,7.634h-3.128v.13l5.09,7.333-5.241,7.55v.087h3.192l3.861-5.672,3.861,5.672h3.192v-.087Z' transform='translate(43.673 3.23)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); max-width: 15rem; height: 4.25rem; } .navigation-border-right-light{ border-right: 1px solid var(--color-white); height: 20px; } .navigation-border-right-dark{ border-right: 1px solid var(--color-black); height: 20px; } .dropdown-toggle::after{ display: none !important; } .dropdown-menu { min-width: auto; border: 1px solid var(--color-light-black); } .hamburger-menu-light{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38.199' height='13' viewBox='0 0 38.199 13'%3E%3Cg id='Hamburger_Navi' data-name='Hamburger Navi' transform='translate(0.5 0.5)'%3E%3Cg id='Group_133' data-name='Group 133' transform='translate(-1808.801 -40)'%3E%3Cline id='Line_61' data-name='Line 61' x2='18.599' transform='translate(1827.401 40)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_61-2' data-name='Line 61' x2='18.599' transform='translate(1808.801 40)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_134' data-name='Group 134' transform='translate(-1808.801 -34)'%3E%3Cline id='Line_61-3' data-name='Line 61' x2='18.599' transform='translate(1827.401 40)' fill='none'/%3E%3Cline id='Line_61-4' data-name='Line 61' x2='18.599' transform='translate(1808.801 40)' fill='none'/%3E%3C/g%3E%3Cg id='Group_132' data-name='Group 132' transform='translate(-1808.801 -38.5)'%3E%3Cline id='Line_62' data-name='Line 62' x2='18.599' transform='translate(1827.401 50.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_62-2' data-name='Line 62' x2='18.599' transform='translate(1808.801 50.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 2.25rem; height: 0.75rem; } .hamburger-menu-dark{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38.199' height='13' viewBox='0 0 38.199 13'%3E%3Cg id='Hamburger_Navi' data-name='Hamburger Navi' transform='translate(0.5 0.5)'%3E%3Cg id='Group_133' data-name='Group 133' transform='translate(-1808.801 -40)'%3E%3Cline id='Line_61' data-name='Line 61' x2='18.599' transform='translate(1827.401 40)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_61-2' data-name='Line 61' x2='18.599' transform='translate(1808.801 40)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_134' data-name='Group 134' transform='translate(-1808.801 -34)'%3E%3Cline id='Line_61-3' data-name='Line 61' x2='18.599' transform='translate(1827.401 40)' fill='none'/%3E%3Cline id='Line_61-4' data-name='Line 61' x2='18.599' transform='translate(1808.801 40)' fill='none'/%3E%3C/g%3E%3Cg id='Group_132' data-name='Group 132' transform='translate(-1808.801 -38.5)'%3E%3Cline id='Line_62' data-name='Line 62' x2='18.599' transform='translate(1827.401 50.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_62-2' data-name='Line 62' x2='18.599' transform='translate(1808.801 50.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 2.25rem; height: 0.75rem; } .hamburger-menu-mobile-light{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.2 19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Hamburger_Navi' data-name='Hamburger Navi'%3E%3Cg id='Group_133' data-name='Group 133'%3E%3Cline id='Line_61' data-name='Line 61' class='cls-1' x1='19.1' y1='.5' x2='37.7' y2='.5'/%3E%3Cline id='Line_61-2' data-name='Line 61-2' class='cls-1' x1='.5' y1='.5' x2='19.1' y2='.5'/%3E%3C/g%3E%3Cg id='Group_134' data-name='Group 134'%3E%3Cline id='Line_61-3' data-name='Line 61-3' class='cls-1' x1='19.1' y1='9.5' x2='37.7' y2='9.5'/%3E%3Cline id='Line_61-4' data-name='Line 61-4' class='cls-1' x1='.5' y1='9.5' x2='19.1' y2='9.5'/%3E%3C/g%3E%3Cg id='Group_132' data-name='Group 132'%3E%3Cline id='Line_62' data-name='Line 62' class='cls-1' x1='19.1' y1='18.5' x2='37.7' y2='18.5'/%3E%3Cline id='Line_62-2' data-name='Line 62-2' class='cls-1' x1='.5' y1='18.5' x2='19.1' y2='18.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 2rem; height: 1.50rem; } .hamburger-menu-mobile-dark{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.2 19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %2317171c; stroke-linecap: round; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Hamburger_Navi' data-name='Hamburger Navi'%3E%3Cg id='Group_133' data-name='Group 133'%3E%3Cline id='Line_61' data-name='Line 61' class='cls-1' x1='19.1' y1='.5' x2='37.7' y2='.5'/%3E%3Cline id='Line_61-2' data-name='Line 61-2' class='cls-1' x1='.5' y1='.5' x2='19.1' y2='.5'/%3E%3C/g%3E%3Cg id='Group_134' data-name='Group 134'%3E%3Cline id='Line_61-3' data-name='Line 61-3' class='cls-1' x1='19.1' y1='9.5' x2='37.7' y2='9.5'/%3E%3Cline id='Line_61-4' data-name='Line 61-4' class='cls-1' x1='.5' y1='9.5' x2='19.1' y2='9.5'/%3E%3C/g%3E%3Cg id='Group_132' data-name='Group 132'%3E%3Cline id='Line_62' data-name='Line 62' class='cls-1' x1='19.1' y1='18.5' x2='37.7' y2='18.5'/%3E%3Cline id='Line_62-2' data-name='Line 62-2' class='cls-1' x1='.5' y1='18.5' x2='19.1' y2='18.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 2rem; height: 1.50rem; } .offcanvas-menu-nav{ width: 100% !important; } .mobile-menu-close-button{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 667.29 666.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M16.01,0c-4.03.03-7.87,1.67-10.69,4.54C2.51,7.42.96,11.3,1.02,15.32c.05,4.02,1.71,7.86,4.6,10.66l306.77,306.77L5.62,639.52h0c-3.34,2.69-5.37,6.67-5.6,10.95s1.38,8.46,4.41,11.49,7.21,4.63,11.49,4.41c4.28-.23,8.27-2.27,10.96-5.6l306.77-306.77,306.77,306.77c2.7,3.34,6.68,5.37,10.96,5.6,4.29.23,8.46-1.37,11.49-4.4s4.63-7.21,4.41-11.49c-.23-4.28-2.27-8.26-5.6-10.96l-306.77-306.77L661.67,25.98c2.93-2.83,4.6-6.73,4.61-10.81.01-4.08-1.62-7.99-4.54-10.85-2.91-2.86-6.86-4.41-10.94-4.32-3.95.16-7.68,1.85-10.39,4.72l-306.77,306.77L26.88,4.73C24.05,1.74,20.12.04,16.01,0h0Z'/%3E%3C/g%3E%3C/svg%3E"); width: 1rem; height: 1.5rem; } .quote{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.21 48.93'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B isolation: isolate; %7D .cls-2 %7B fill: %23d9e4e9; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M6.05,20.02L10.25,0h20.12l-3.61,17.48c-2.21,10.48-5.65,18.16-10.3,23.05-4.66,4.88-10.14,7.68-16.46,8.4l1.66-7.71c7.75-2.15,12.86-9.21,15.33-21.19H6.05ZM37.89,20.02L42.09,0h20.12l-3.61,17.48c-2.21,10.48-5.65,18.16-10.3,23.05-4.66,4.88-10.14,7.68-16.46,8.4l1.56-7.71c7.75-2.15,12.89-9.21,15.43-21.19h-10.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); height: 70px; width: 70px; } .lang-switcher-text{ transition: all 0.3s; } .lang-switcher-text:hover{ font-family: 'Inter Semibold'; } .lang-switcher-border-dark{ border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .lang-switcher-border-light{ border-bottom: 1px solid rgba(0, 0, 0, 0.4); } .offcanvas-menu-nav{ z-index: 1070 !important; } .overview-button-arrow{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.538' height='9.347' viewBox='0 0 7.538 9.347'%3E%3Cg id='Group_586' data-name='Group 586' transform='translate(-649.481 -1789.46)'%3E%3Cline id='Line_170' data-name='Line 170' y2='8.474' transform='translate(653.25 1790.333)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Path_263' data-name='Path 263' d='M14190.4,2951.25l3.415-3.416,3.416,3.416' transform='translate(-13540.569 -1157.667)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 10px; height: 12px; } .ellipsis { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* Footer */ footer{ z-index: 1060 !important; position: relative; } .footer-background-vector{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1129.083' height='1129.614' viewBox='0 0 1129.083 1129.614'%3E%3Cg id='Group_187' data-name='Group 187' transform='translate(-124.402 288.307)' opacity='0.102'%3E%3Cpath id='Path_208' data-name='Path 208' d='M0,0V1128.91' transform='translate(375.797 -288)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Path_209' data-name='Path 209' d='M0,0V1128.91' transform='translate(1003.797 -288)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Path_206' data-name='Path 206' d='M857,0-18.13,1128.905' transform='translate(393.797 -288)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_60' data-name='Line 60' x2='879' y2='1129' transform='translate(124.797 -288)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Path_207' data-name='Path 207' d='M860,0-18.39,1128.91' transform='translate(143.797 -288)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Path_210' data-name='Path 210' d='M0,0,877.294,1128.91' transform='translate(375.797 -288)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A"); } .footer-logo{ max-width: 35rem; } /* Homepage */ .video-modal{ height: 90% !important; width: 90% !important; } #videoModal .modal-dialog{ max-width: none !important; } .video-close-button{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 667.29 666.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M16.01,0c-4.03.03-7.87,1.67-10.69,4.54C2.51,7.42.96,11.3,1.02,15.32c.05,4.02,1.71,7.86,4.6,10.66l306.77,306.77L5.62,639.52h0c-3.34,2.69-5.37,6.67-5.6,10.95s1.38,8.46,4.41,11.49,7.21,4.63,11.49,4.41c4.28-.23,8.27-2.27,10.96-5.6l306.77-306.77,306.77,306.77c2.7,3.34,6.68,5.37,10.96,5.6,4.29.23,8.46-1.37,11.49-4.4s4.63-7.21,4.41-11.49c-.23-4.28-2.27-8.26-5.6-10.96l-306.77-306.77L661.67,25.98c2.93-2.83,4.6-6.73,4.61-10.81.01-4.08-1.62-7.99-4.54-10.85-2.91-2.86-6.86-4.41-10.94-4.32-3.95.16-7.68,1.85-10.39,4.72l-306.77,306.77L26.88,4.73C24.05,1.74,20.12.04,16.01,0h0Z'/%3E%3C/g%3E%3C/svg%3E"); width: 3rem; height: 3rem; } .video-close-button-container{ background: #00000030; } .modal-backdrop{ } .page-Home .modal-backdrop{ } .modal-backdrop{ z-index: 1030 !important; } .hero-screen{ min-height: calc(100vh - var(--sl-header-height)); } .linkedin-button{ transition: all 0.3s; } .linkedin-button:hover{ filter: invert(1); } .news-linked{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.782' height='20.875' viewBox='0 0 21.782 20.875'%3E%3Cpath id='iconmonstr-linkedin-1' d='M4.52,3.269A2.251,2.251,0,1,1,2.269,1,2.26,2.26,0,0,1,4.52,3.269Zm.018,4.084H0V21.875H4.538Zm7.244,0H7.273V21.875h4.51V14.252c0-4.238,5.472-4.585,5.472,0v7.623h4.527V12.68c0-7.152-8.1-6.891-10-3.371V7.353Z' transform='translate(0 -1)' fill='%231f1e24'/%3E%3C/svg%3E%0A"); height: 1rem; width: 1rem; } .hero-video{ height: 100%; width: 100%; object-fit: cover; } .video-container{ right: -5%; } body .modal-talk-image{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87 87'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %237d7d7d; stroke-linejoin: round; %7D .cls-2 %7B fill: %231f1e24; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Component_10_19' data-name='Component 10 19'%3E%3Crect id='Rectangle_70-2' data-name='Rectangle 70-2' class='cls-2' width='87' height='87' rx='10' ry='10'/%3E%3Cg id='Group_135' data-name='Group 135'%3E%3Cpath id='Path_1' data-name='Path 1' class='cls-1' d='M18,68.95l11.76-15.29v-20.37l-11.76-15.29v50.94Z'/%3E%3Cpath id='Path_2' data-name='Path 2' class='cls-1' d='M57.19,33.29v20.37l11.76,15.29V18l-11.76,15.29Z'/%3E%3Cpath id='Path_3' data-name='Path 3' class='cls-1' d='M29.76,18v15.29l7.83,10.18,5.88-7.65-13.71-17.83Z'/%3E%3Cpath id='Path_4' data-name='Path 4' class='cls-1' d='M43.47,51.12l13.71,17.83v-15.29l-7.83-10.18-5.88,7.65Z'/%3E%3Cpath id='Path_5' data-name='Path 5' class='cls-1' d='M18,18l11.76,15.29v-15.29h-11.76Z'/%3E%3Cpath id='Path_6' data-name='Path 6' class='cls-1' d='M57.19,68.95h11.76l-11.76-15.29v15.29Z'/%3E%3Cpath id='Path_7' data-name='Path 7' class='cls-1' d='M43.47,35.83l5.88,7.65,7.83-10.18v-15.29l-13.71,17.83Z'/%3E%3Cpath id='Path_8' data-name='Path 8' class='cls-1' d='M29.76,53.66v15.29l13.71-17.83-5.88-7.64-7.83,10.18Z'/%3E%3Cpath id='Path_9' data-name='Path 9' class='cls-1' d='M18,68.95h11.76v-15.29l-11.76,15.29Z'/%3E%3Cpath id='Path_10' data-name='Path 10' class='cls-1' d='M57.18,18v15.29l11.76-15.29h-11.76Z'/%3E%3Cpath id='Path_11' data-name='Path 11' class='cls-1' d='M43.47,35.83l-5.88,7.64,5.88,7.65,5.88-7.65-5.88-7.64Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 5.5rem; height: 5.5rem; transition: all 0.3s; } .modal-talk-image:hover , body.modal-open .modal-talk-image{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87 87'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-linejoin: round; %7D .cls-1, .cls-2 %7B fill: none; stroke: %23fff; %7D .cls-3 %7B fill: %231f1e24; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Component_10_19' data-name='Component 10 19'%3E%3Cg id='Rectangle_70-2' data-name='Rectangle 70-2'%3E%3Crect class='cls-3' width='87' height='87' rx='10' ry='10'/%3E%3Crect class='cls-2' x='.5' y='.5' width='86' height='86' rx='9.5' ry='9.5'/%3E%3C/g%3E%3Cg id='Group_135' data-name='Group 135'%3E%3Cpath id='Path_1' data-name='Path 1' class='cls-1' d='M18,68.95l11.76-15.29v-20.37l-11.76-15.29v50.94Z'/%3E%3Cpath id='Path_2' data-name='Path 2' class='cls-1' d='M57.19,33.29v20.37l11.76,15.29V18l-11.76,15.29Z'/%3E%3Cpath id='Path_3' data-name='Path 3' class='cls-1' d='M29.76,18v15.29l7.83,10.18,5.88-7.65-13.71-17.83Z'/%3E%3Cpath id='Path_4' data-name='Path 4' class='cls-1' d='M43.47,51.12l13.71,17.83v-15.29l-7.83-10.18-5.88,7.65Z'/%3E%3Cpath id='Path_5' data-name='Path 5' class='cls-1' d='M18,18l11.76,15.29v-15.29h-11.76Z'/%3E%3Cpath id='Path_6' data-name='Path 6' class='cls-1' d='M57.19,68.95h11.76l-11.76-15.29v15.29Z'/%3E%3Cpath id='Path_7' data-name='Path 7' class='cls-1' d='M43.47,35.83l5.88,7.65,7.83-10.18v-15.29l-13.71,17.83Z'/%3E%3Cpath id='Path_8' data-name='Path 8' class='cls-1' d='M29.76,53.66v15.29l13.71-17.83-5.88-7.64-7.83,10.18Z'/%3E%3Cpath id='Path_9' data-name='Path 9' class='cls-1' d='M18,68.95h11.76v-15.29l-11.76,15.29Z'/%3E%3Cpath id='Path_10' data-name='Path 10' class='cls-1' d='M57.18,18v15.29l11.76-15.29h-11.76Z'/%3E%3Cpath id='Path_11' data-name='Path 11' class='cls-1' d='M43.47,35.83l-5.88,7.64,5.88,7.65,5.88-7.65-5.88-7.64Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .modal-dialog{ max-width: auto !important; } .modal-talk .modal-content{ bottom: 3.5rem; border: none !important; z-index: 1040 !important; } .modal-backdrop.show{ } #kontaktModal { z-index: 1050 !important; } .modal-talk-to-us{ z-index: 1060 !important; } #videoModal{ z-index: 1080 !important; } .modal-close-button{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.4' height='32.4' viewBox='0 0 32.4 32.4'%3E%3Cg id='Group_172' data-name='Group 172' transform='translate(1.414 1.414)'%3E%3Cg id='Group_133' data-name='Group 133' transform='translate(0 0) rotate(45)'%3E%3Cline id='Line_61' data-name='Line 61' x2='20.91' transform='translate(20.91)' fill='none' stroke='%231f1e24' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_61-2' data-name='Line 61' x2='20.91' transform='translate(0)' fill='none' stroke='%231f1e24' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='Group_171' data-name='Group 171' transform='translate(29.571 0) rotate(135)'%3E%3Cline id='Line_61-3' data-name='Line 61' x2='20.91' transform='translate(20.91 0)' fill='none' stroke='%231f1e24' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_61-4' data-name='Line 61' x2='20.91' transform='translate(0 0)' fill='none' stroke='%231f1e24' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); height: 1.875rem; width: 1.875rem; } .numbers-container{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 0em 0em; } .numbers-container div{ box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 1px 0 0 #000, /* Just to fix the corner */ 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset; } .w-stretch { grid-column: span 2; } .number-box{ transition: all 0.3s; } .home-numbers-icons{ max-width: 48px; max-height: 48px; } .hero-video-homepage{ pointer-events: none; } /* Disclaimer */ .disclaimer-body{ max-height: 40vh !important; overflow-y: auto; } #disclaimer-button-accept{ opacity: 1; } #disclaimer-button-accept:disabled{ opacity: 0.5; } /* Location Offcanvas*/ .location-offcanvas{ width: 100% !important; } .locations-close-button{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.414' height='21.414' viewBox='0 0 21.414 21.414'%3E%3Cg id='Group_172' data-name='Group 172' transform='translate(0.707 0.707)'%3E%3Cg id='Group_133' data-name='Group 133' transform='translate(0 0) rotate(45)'%3E%3Cline id='Line_61' data-name='Line 61' x2='14.142' transform='translate(14.142 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_61-2' data-name='Line 61' x2='14.142' transform='translate(0 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_171' data-name='Group 171' transform='translate(20 0) rotate(135)'%3E%3Cline id='Line_61-3' data-name='Line 61' x2='14.142' transform='translate(14.142 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_61-4' data-name='Line 61' x2='14.142' transform='translate(0 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); height: 1.25rem; width: 1.25rem; } .location-mail a{ color: var(--color-white) !important; } /* Let's Talk Form */ .lets-talk-form .fui-input{ background-color: var(--color-bright-gray) !important; border: none !important; padding: 1rem 1rem !important; font-size: 1.125rem; line-height: 1.5rem; font-family: 'Inter Regular' !important; color: var(--color-black) !important; } .lets-talk-form .fui-input::placeholder{ font-size: 1.125rem; line-height: 1.5rem; font-family: 'Inter Regular' !important; color: var(--color-black) !important; } .lets-talk-form textarea.fui-input{ min-height: 200px !important; } .lets-talk-form .fui-btn-center{ margin-top: 3rem; margin-bottom: 3rem; } .lets-talk-form .fui-submit{ background-color: transparent !important; color: var(--color-black) !important; border-radius: 25px !important; border-color: var(--color-black) !important; max-width: 340px !important; width: 100% !important; margin-top: 1rem !important; text-transform: uppercase; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; } .fui-alert p{ margin-bottom: 0px !important; } /* Solutions */ .solutions-arrow{ background-image: url("data:image/svg+xml,%3Csvg id='Component_7_1' data-name='Component 7 – 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='198.941' height='198.941' viewBox='0 0 198.941 198.941'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_47' data-name='Rectangle 47' width='198.941' height='198.941' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_76' data-name='Group 76' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_59' data-name='Path 59' d='M42.339.5H203.774V161.935' transform='translate(-5.271 -0.062)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='Line_37' data-name='Line 37' x1='198.194' y2='198.194' transform='translate(0.309 0.438)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 12.5rem; width: 12.5rem; } .button-arrow{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.707' height='12.417' viewBox='0 0 20.707 12.417'%3E%3Cg id='Group_208' data-name='Group 208' transform='translate(-1470.5 -4625.509)'%3E%3Cline id='Line_64' data-name='Line 64' x2='20' transform='translate(1470.5 4631.5)' fill='none' stroke='%2317171c' stroke-width='1'/%3E%3Cpath id='Path_97' data-name='Path 97' d='M1513.876,4625.863l5.855,5.855-5.855,5.855' transform='translate(-29.231)' fill='none' stroke='%2317171c' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 0.625rem; background-position: right; } .button-homepage-solutions{ transition: 0.3s; } .button-homepage-solutions:hover{ background-color: var(--color-white) !important; color: var(--color-black) !important; } .button-arrow{ transition: all 0.3s; } .button-homepage-solutions:hover .button-arrow{ padding-right: 1rem; margin-left: 1rem; } .solutions-container{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0em 5em; } .homepage-solutions-info-container{ min-height: 450px; } .solutions-hompage-preview-text{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } /* Solutions Page */ .soultions-image-scale { transform: scale(2) rotate(100deg); } .solutions-info-container{ display: grid; grid-template-columns: 1fr 1fr; gap: 0em 1em; } .solutions-kontakt-form .fui-label{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: var(--color-black) !important; } .solutions-kontakt-form .fui-required{ color: var(--color-black) !important; } .solutions-kontakt-form .fui-input{ border-top: 0px !important; border-left: 0px !important; border-radius: 0px !important; border-right: 0px !important; border-bottom: 1px solid #00000020 !important; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-left: 0px !important; padding-right: 0px !important; color: var(--color-black) !important; } .solutions-kontakt-form .fui-input::placeholder{ color: #00000050 !important; } .solutions-kontakt-form .fui-group { border: 0px !important; padding: 0px !important; } .solutions-kontakt-form .fui-group .fui-row{ display: flex !important; justify-content: space-between !important; } .solutions-kontakt-form .fui-group .solutions-name{ width: 40% !important; } .solutions-kontakt-form .fui-submit{ background-color: transparent !important; color: var(--color-black) !important; border-radius: 25px !important; border-color: var(--color-black) !important; max-width: 340px !important; width: 100% !important; margin-top: 1rem !important; text-transform: uppercase; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; } .button-kontakt{ border-color: var(--color-black) !important; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; } .button-extern-button{ max-width: 340px; width: 100%; } .contact-person{ min-height: 370px; } .soultions-detail-text p{ } .soultions-detail-text ul{ margin-top: 1.5rem !important; margin-bottom: 2.5rem !important; } /* About Us */ .about-us-numbers-container{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 0em 0em; } .w-stretch-about-us{ grid-column: span 2; } .about-us-numbers-container div{ box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 1px 0 0 #000, /* Just to fix the corner */ 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset; } .about-us-border-bottom{ border-bottom: 1px solid #00000020; } .about-us-border-bottom-light{ border-bottom: 1px solid #e3e3e820; } .about-us-collapse{ background-image: url("data:image/svg+xml,%3Csvg id='Group_391' data-name='Group 391' xmlns='http://www.w3.org/2000/svg' width='31.637' height='31.637' viewBox='0 0 31.637 31.637'%3E%3Cg id='Group_269' data-name='Group 269' transform='translate(0 14.601)'%3E%3Cg id='Group_241' data-name='Group 241' transform='translate(0 0)'%3E%3Cg id='Group_239' data-name='Group 239' transform='translate(31.551 1.217) rotate(180)'%3E%3Cg id='Group_238' data-name='Group 238' transform='translate(0 0)'%3E%3Cg id='Group_265' data-name='Group 265' transform='translate(31.551) rotate(180)'%3E%3Cpath id='Path_113' data-name='Path 113' d='M0,0H31.551' fill='none' stroke='%23e3e3e8' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_109' data-name='Path 109' d='M.936,0,0,1.217.936,2.434l.936-1.217Z' transform='translate(31.637 2.434) rotate(180)' fill='%2352ef37' opacity='0'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_270' data-name='Group 270' transform='translate(17.035 0) rotate(90)'%3E%3Cg id='Group_241-2' data-name='Group 241' transform='translate(0 0)'%3E%3Cg id='Group_239-2' data-name='Group 239' transform='translate(31.551 1.217) rotate(180)'%3E%3Cg id='Group_238-2' data-name='Group 238' transform='translate(0 0)'%3E%3Cg id='Group_265-2' data-name='Group 265' transform='translate(31.551) rotate(180)'%3E%3Cpath id='Path_113-2' data-name='Path 113' d='M0,0H31.551' fill='none' stroke='%23e3e3e8' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_109-2' data-name='Path 109' d='M.936,0,0,1.217.936,2.434l.936-1.217Z' transform='translate(31.637 2.434) rotate(180)' fill='%2352ef37' opacity='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); height: 1.875rem; width: 1.875rem; } .partner-container{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1em 1em; } .partner-logos{ max-height: 110px; max-width: 280px; } .team-member-image{ min-height: 200px; } /* Karriere */ .karriere-container{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 1em 1em; } .benefits-title{ min-height: 64px; } .benefits-box, .job-profiles-box{ min-height: 460px; } .jobs-accordion-border{ border-bottom: 1px solid #1f1e2420 !important; } #accordionJobs .accordion-button:not(.collapsed){ color: var(--color-black) !important; } #accordionJobs .accordion-item{ border-bottom: 0px !important; } #accordionJobs .accordion-button{ background-color: var(--color-bright-gray) !important; } #accordionJobs .accordion-body{ background-color: #17171c04 !important; } .jobs-form .fui-label{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: var(--color-black) !important; } .jobs-form .fui-required{ color: var(--color-black) !important; } .jobs-form .fui-input{ border-top: 0px !important; border-left: 0px !important; border-radius: 0px !important; border-right: 0px !important; border-bottom: 1px solid #00000020 !important; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-left: 0px !important; padding-right: 0px !important; color: var(--color-black) !important; } .jobs-form .fui-input::placeholder{ color: #00000050 !important; } .jobs-form .fui-group { border: 0px !important; padding: 0px !important; } .jobs-form .fui-group .fui-row{ display: flex !important; justify-content: space-between !important; } .jobs-form .fui-group .solutions-name{ width: 40% !important; } .jobs-form .fui-submit{ background-color: transparent !important; color: var(--color-black) !important; border-radius: 25px !important; border-color: var(--color-black) !important; max-width: 340px !important; width: 100% !important; margin-top: 1rem !important; text-transform: uppercase; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; margin-top: 4rem !important; } .fui-group-mail-phone{ width: 33% !important; } .jobs-message{ width: 66% !important; } .jobs-form .fui-group-email, .fui-group-phone { width: 100% !important; } .jobs-form .mail-phone-group .fui-field-rows{ display: flex !important; flex-direction: column !important; justify-content: space-between !important; } .jobs-message textarea.fui-input{ min-height: 116px; } .jobs-infos-container{ padding-top: 1rem; } .jobs-infos-container .fui-type-html{ width: 33%; } .jobs-form .upload-button{ position: relative; } .jobs-form .fui-input::file-selector-button{ position: absolute; right: 0; color:transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.705' height='22.336' viewBox='0 0 21.705 22.336'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_47' data-name='Rectangle 47' width='15.348' height='15.348' fill='none' stroke='%2317171c' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_450' data-name='Group 450' transform='translate(21.705 0.631) rotate(90)'%3E%3Cg id='Group_239' data-name='Group 239' transform='translate(0 0)'%3E%3Cg id='Group_238' data-name='Group 238' transform='translate(0 0)'%3E%3Cg id='Group_76' data-name='Group 76' transform='translate(10.853 21.705) rotate(-135)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_59' data-name='Path 59' d='M0,0H12.454V12.454' transform='translate(2.86 0.034)' fill='none' stroke='%2317171c' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='Line_37' data-name='Line 37' x1='15.29' y2='15.29' transform='translate(0.024 0.034)' fill='none' stroke='%2317171c' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_109' data-name='Path 109' d='M1.074,0,0,1.4l1.074,1.4L2.149,1.4Z' transform='translate(0 9.456)' fill='%2317171c' stroke='%2317171c' stroke-width='1' opacity='0'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: contain; background-color: transparent !important; border: none !important; width: 20px; height: 20px; background-position: center right; background-repeat: no-repeat; cursor: pointer; } .jobs-form .fui-alert p{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; } .karriere-icons{ max-width: 48px; max-height: 48px; } /* Contact */ .locations-nav .contact-nav-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42.315' height='42.315' viewBox='0 0 42.315 42.315'%3E%3Cg id='Group_264' data-name='Group 264' transform='translate(-372.073 -432.024)'%3E%3Cg id='Group_241' data-name='Group 241' transform='translate(363.087 427.725)'%3E%3Cg id='Group_239' data-name='Group 239' transform='translate(50.913 50.913) rotate(180)'%3E%3Cg id='Group_238' data-name='Group 238' transform='translate(0 0)'%3E%3Cpath id='Path_59' data-name='Path 59' d='M0,0,14.635,14.635,29.214,29.214' transform='translate(20.77 46.114) rotate(-135)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cg id='Group_265' data-name='Group 265' transform='translate(41.612 50.913) rotate(180)'%3E%3Cpath id='Path_113' data-name='Path 113' d='M0,0H41.388' transform='translate(0.112 25.457)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_109' data-name='Path 109' d='M1.228,0,0,1.6l1.228,1.6L2.456,1.6Z' transform='translate(50.913 27.053) rotate(180)' fill='%2352ef37' opacity='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); width: 50px; height: 50px; } .locations-nav.active .contact-nav-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.929' height='51.722' viewBox='0 0 51.929 51.722'%3E%3Cg id='Group_264' data-name='Group 264' transform='translate(-362.666 -427.32)'%3E%3Cg id='Group_241' data-name='Group 241' transform='translate(363.087 427.725)'%3E%3Cg id='Group_239' data-name='Group 239' transform='translate(50.913 50.913) rotate(180)'%3E%3Cg id='Group_238' data-name='Group 238' transform='translate(0 0)'%3E%3Cpath id='Path_59' data-name='Path 59' d='M0,0H29.214V29.214' transform='translate(20.77 46.114) rotate(-135)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='Line_37' data-name='Line 37' x1='35.866' y2='35.866' transform='translate(25.473 50.818) rotate(-135)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_109' data-name='Path 109' d='M1.228,0,0,1.6l1.228,1.6L2.456,1.6Z' transform='translate(50.913 27.053) rotate(180)' fill='%2352ef37' opacity='0'/%3E%3C/g%3E%3Cpath id='Path_111' data-name='Path 111' d='M2.145,0,0,2.789,2.145,5.577,4.29,2.789Z' transform='translate(363.087 450.393)' fill='%23fff' opacity='0'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 50px; height: 50px; } .locations-nav{ opacity: 50%; transition: all 0.3s; border-bottom: 1px solid var(--color-white) !important; border-radius: 0px !important; } .locations-nav.active{ opacity: 100%; } .kontakt-form .fui-label{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: var(--color-white) !important; } .kontakt-form .fui-required{ color: var(--color-white) !important; } .kontakt-form .fui-input{ border-top: 0px !important; border-left: 0px !important; border-radius: 0px !important; border-right: 0px !important; border-bottom: 1px solid #ffffff20 !important; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-left: 0px !important; padding-right: 0px !important; color: var(--color-white) !important; background-color: transparent !important; } .kontakt-form .fui-input::placeholder{ color: #ffffff50 !important; } .kontakt-form .fui-group { border: 0px !important; padding: 0px !important; } .kontakt-form .fui-group .fui-row{ display: flex !important; justify-content: space-between !important; } .kontakt-form .fui-group .solutions-name{ width: 40% !important; } .kontakt-form .fui-submit{ background-color: transparent !important; color: var(--color-white) !important; border-radius: 25px !important; border-color: var(--color-white) !important; max-width: 340px !important; width: 100% !important; margin-top: 1rem !important; text-transform: uppercase; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; } .map-selector{ opacity: 50%; cursor: pointer; } .map-selector.active{ opacity: 100; } /* News - Detail */ .border-top-news-detail{ border-top: 1px solid #00000020; } .news-arrow-back{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='161.92' height='161.92' viewBox='0 0 161.92 161.92'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_47' data-name='Rectangle 47' width='114.495' height='114.495' fill='none' stroke='%231f1e24' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Component_22_2' data-name='Component 22 – 2' transform='translate(0)'%3E%3Cg id='Group_239' data-name='Group 239' transform='translate(-74 -274.799)'%3E%3Cg id='Group_238' data-name='Group 238'%3E%3Cg id='Group_76' data-name='Group 76' transform='translate(154.96 436.72) rotate(-135)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_59' data-name='Path 59' d='M0,0H92.909V92.909' transform='translate(21.333 0.252)' fill='none' stroke='%231f1e24' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='Line_37' data-name='Line 37' x1='114.065' y2='114.065' transform='translate(0.178 0.252)' fill='none' stroke='%231f1e24' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_109' data-name='Path 109' d='M3.906,0,0,5.078l3.906,5.078L7.812,5.078Z' transform='translate(0 75.883)' fill='%2317171c' opacity='0'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 5.625rem; height: 5.625rem; } .news-posts-first-row, .news-posts-second-row{ min-height: 580px; } .news-transparent-background p{ background: #00000050; } .news-first-post{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .news-detail-text{ text-align: justify; } .category-button{ background-color: transparent; } .button-plus{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.83 241.83'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M105.8,0v105.8H0v30.23h105.8v105.8h30.23v-105.8h105.8v-30.23h-105.8V0h-30.23Z'/%3E%3C/g%3E%3C/svg%3E"); height: 7px; width: 7px; } .news-detail-text p{ font-family: 'Inter Regular' !important; } /* Impressum */ .info-repeater .h4{ margin-top: 3rem !important; margin-bottom: 1rem !important; } .info-text a{ color: var(--color-black) !important; } .datenschutz-icon{ max-height: 40px; max-width: 40px; } #dataPrivacy .accordion-item{ border-bottom: 1px solid #b9b9b9 !important; } #dataPrivacy .accordion-button:not(.collapsed){ background-color: transparent !important; color: var(--color-black) !important; } /* 404 */ .error-heading{ font-size: 15vw; line-height: 1 !important; color: #c4c4cb !important; } /* Hero Screen Masks */ .about-us-mask{ background-image: url('/uploads/images/about-us-mask.svg'); } .karriere-mask{ background-image: url('/uploads/images/carrer-mask.svg'); } .solutions-mask{ background-image: url('/uploads/images/solutions-hero-mask.svg'); } .products-mask{ background-image: url('/uploads/images/products-mask.svg'); } /* Product */ .etp-green-arrow{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.535' height='21.806' viewBox='0 0 17.535 21.806'%3E%3Cg id='Group_559' data-name='Group 559' transform='translate(-649.128 -1788.753)'%3E%3Cline id='Line_170' data-name='Line 170' y2='20' transform='translate(657.895 1790.559)' fill='none' stroke='%2368c088' stroke-width='2'/%3E%3Cpath id='Path_263' data-name='Path 263' d='M14190.405,2955.9l8.059-8.061,8.063,8.061' transform='translate(-13540.57 -1157.667)' fill='none' stroke='%2368c088' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 20px; width: 16px; } .etp-scroll-arrow{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='20.505' viewBox='0 0 42 20.505'%3E%3Cpath id='noun-arrow-1787132-FFFFFF' d='M295.6,461.589a1.463,1.463,0,0,0,.884-.366l19.5-17.552a1.463,1.463,0,1,0-1.95-2.179L295.51,458.161l-18.527-16.668h0a1.463,1.463,0,1,0-1.95,2.179l19.5,17.552a1.464,1.464,0,0,0,1.066.366Z' transform='translate(-274.511 -441.088)' fill='%23fff'/%3E%3C/svg%3E%0A"); width: 42px; height: 20px; z-index: 1070 !important; } .etp-button-plus{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.341' height='17.341' viewBox='0 0 17.341 17.341'%3E%3Cpath id='add_38dp_FFF_FILL0_wght400_GRAD0_opsz40' d='M207.638-750.3H200v-2.064h7.638V-760H209.7v7.638h7.638v2.064H209.7v7.638h-2.064Z' transform='translate(-200 760)' fill='%23fff'/%3E%3C/svg%3E%0A"); height: 17px; width: 17px; } .products-button-green{ border: 1px solid var(--color-etp); } .products-button-red{ border: 1px solid var(--color-red-products); } .etp-first-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 1em 1em; } .etp-stretch{ grid-column: span 2; } .etp-second-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 1em 1em; } .etp-stretch4{ grid-column: span 4; } .border-etp{ border-bottom: 1px solid #2A2A2E; } .etp-main-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2em 1em; } #p-chart{ height: 550px; } #accordionindexKomponenten .accordion-button::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important; } #accordionindexKomponenten .accordion-button:not(.collapsed){ background-color: transparent !important; } #accordionindexKomponenten .accordion-item{ border-bottom: 0px !important; } .youtube-iframe iframe{ width: 100% !important; height: 400px !important; } .offcanvas-products{ width: 50vw !important; } .offcanvas-pdf-icon{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1200pt' height='1200pt' version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1113.4 445.08h-63.469v-226.31c0-6.5625-2.7188-13.031-7.4531-17.625l-199.5-194.16c-4.5938-4.4062-10.781-6.9375-17.156-6.9844h-595.69c-44.109 0-80.016 35.906-80.016 80.016v365.06h-63.469c-13.594 0-24.609 11.016-24.609 24.609v345.32c0 13.594 11.016 24.609 24.609 24.609h63.469v280.4c0 44.062 35.906 79.969 80.016 79.969h739.78c44.109 0 80.016-35.906 80.016-80.016v-280.4h63.469c13.594 0 24.609-11.016 24.609-24.609l-0.046875-345.28c0-13.594-11.016-24.609-24.562-24.609zm-262.97-362.26 114.23 111.19-77.438-0.1875c-20.297-0.046874-36.797-16.594-36.797-36.891zm-651.14-2.8125c0-17.016 13.828-30.844 30.844-30.844h571.13v107.81c0 47.344 38.531 85.969 85.875 86.062l113.62 0.28125v201.74h-801.47zm801.47 1040c0 17.016-13.828 30.844-30.844 30.844h-739.78c-17.016 0-30.844-13.828-30.844-30.844l0.046875-280.4h801.42zm88.031-329.58h-977.53v-296.16h977.53z'/%3E%3Cpath d='m395.26 537.98h-71.625c-13.594 0-24.609 11.016-24.609 24.609v173.21c0 13.594 11.016 24.609 24.609 24.609s24.609-11.016 24.609-24.609v-48.094h47.062c41.25 0 74.859-33.562 74.859-74.859-0.046874-41.297-33.609-74.859-74.906-74.859zm0 100.5h-47.062v-51.328h47.062c14.156 0 25.641 11.531 25.641 25.641 0.046874 14.203-11.484 25.688-25.641 25.688z'/%3E%3Cpath d='m876.37 537.98h-111.19c-13.594 0-24.609 11.016-24.609 24.609v173.21c0 13.594 11.016 24.609 24.609 24.609s24.609-11.016 24.609-24.609v-66.281h73.781c13.594 0 24.609-11.016 24.609-24.609s-11.016-24.609-24.609-24.609h-73.781v-33.141h86.578c13.594 0 24.609-11.016 24.609-24.609 0-13.547-11.016-24.562-24.609-24.562z'/%3E%3Cpath d='m582.66 537.98h-42.75c-13.594 0-24.609 11.016-24.609 24.609v173.21c0 13.594 11.016 24.609 24.609 24.609h42.75c61.312 0 111.19-49.875 111.19-111.19 0.046875-61.359-49.875-111.23-111.19-111.23zm0 173.21h-18.188v-124.03h18.188c34.172 0 62.016 27.797 62.016 62.016s-27.797 62.016-62.016 62.016z'/%3E%3C/svg%3E%0A"); height: 20px; width: 20px; } .offcanvas-close-button{ position: fixed !important; border: 1px solid #74747445; } .offcanvas-products .btn-close{ opacity: 100 !important; } .lt-waiter.lt-waiter-active > * { visibility: hidden; } .lt-waiter.lt-waiter-overlay.lt-waiter-active { position: relative; } .lt-waiter.lt-waiter-overlay.lt-waiter-active::after { content: ''; position: absolute; inset: 0; animation: lt-waiter-overlay-animation 2s linear infinite; background-image: linear-gradient(90deg,#1f1f24,#272727,#1f1f24,#272727); background-size: 300% 100%; } @keyframes lt-waiter-overlay-animation { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } } #p-geld.up > *, #p-brief.up > *, #p-hero-price.up > * { color: var(--color-product-stock-up); } #p-geld.down > *, #p-brief.down > *, #p-hero-price.down > * { color: var(--color-product-stock-down); } #p-geld.up .etp-green-arrow, #p-brief.up .etp-green-arrow, #p-hero-price.up .etp-green-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.535' height='21.806' viewBox='0 0 17.535 21.806'%3E%3Cg id='Group_559' data-name='Group 559' transform='translate(-649.128 -1788.753)'%3E%3Cline id='Line_170' data-name='Line 170' y2='20' transform='translate(657.895 1790.559)' fill='none' stroke='%2368c088' stroke-width='2'/%3E%3Cpath id='Path_263' data-name='Path 263' d='M14190.405,2955.9l8.059-8.061,8.063,8.061' transform='translate(-13540.57 -1157.667)' fill='none' stroke='%2368c088' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 20px; width: 16px; } #p-geld.down .etp-green-arrow, #p-brief.down .etp-green-arrow, #p-hero-price.down .etp-green-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.535' height='21.806' viewBox='0 0 17.535 21.806'%3E%3Cg id='Group_559' data-name='Group 559' transform='translate(-649.128 -1788.753)'%3E%3Cline id='Line_170' data-name='Line 170' y2='20' transform='translate(657.895 1790.559)' fill='none' stroke='%23d84239' stroke-width='2'/%3E%3Cpath id='Path_263' data-name='Path 263' d='M14190.405,2955.9l8.059-8.061,8.063,8.061' transform='translate(-13540.57 -1157.667)' fill='none' stroke='%23d84239' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); transform: rotate(180deg); } .copy-content-to-clipboard { cursor: pointer; transition: all 0.2s; } .copy-content-to-clipboard:after { content: ''; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; background-position: center center; display: inline-block; width: 1.2em; aspect-ratio: 1 / 1; position: relative; top: 2px; margin: 0 0 0 7px; transform: scale(1); transition: all 0.2s; } .copy-content-to-clipboard.active{ transform: scale(1.1); } .copy-tooltip{ transform: translate(0%, 40%) !important; } .copy-tooltip{ opacity: 0; transition: 0.2s; visibility: hidden; } .copy-tooltip.active{ opacity: 100; transition: 0.2s; visibility: visible; } .modul-pages .modal-backdrop{ z-index: 2 !important; } .testimonials-arrow{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.51 42.01'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='noun-arrow-1787132-FFFFFF' d='M20.51,20.91c-.02-.33-.15-.64-.37-.88L2.59.53C2.07-.09,1.15-.18.53.34-.09.86-.18,1.78.34,2.4c.02.03.05.05.07.08l16.67,18.52L.41,39.53H.41c-.56.58-.54,1.51.04,2.07.58.56,1.51.54,2.07-.04.02-.03.05-.05.07-.08l17.55-19.5c.26-.29.39-.68.37-1.07h0Z'/%3E%3C/g%3E%3C/svg%3E"); width: 20px; height: 42px; } .testimonials-stars{ width: 119px; } .stars-outer { position: relative; display: inline-block; width: 119px; height: 20px; background: url('/uploads/images/stars.svg') no-repeat left center; background-size: cover; } .stars-inner { position: absolute; top: 0; left: 0; bottom: 0; width: 0; background: url('/uploads/images/stars-filled.svg') no-repeat left center; background-size: cover; overflow: hidden; height: 20px; } .trade-dropdown .dropdown-item:focus, .trade-dropdown .dropdown-item:hover{ background-color: var(--color-dark-gray) !important; } .trade-dropdown .dropdown-item{ transition: all 0.3s; } .trade-dropdown .dropdown-item:hover{ color: var(--color-etp) !important; } .trade-company-logo{ height: 24px; width: 24px; } .trade-border{ border-bottom: 1px solid var(--color-dark-gray) !important; } .trade-dropdown ul{ border: 1px solid var(--color-dark-gray) !important; } /* Products Overview */ .products-overview-container-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 3em 3em; } .products-list-view{ display: grid; grid-template-columns: 1fr; gap: 1em 0em; } .border-list-view{ border-bottom: 1px solid var(--color-dark-gray); } .products-overview-image{ height: 250px; } .products-list-view .products-overview-image{ height: 220px; } .overview-product-container .performance-pill.up { background-color: var(--color-product-stock-up); } .overview-product-container .performance-pill.down { background-color: var(--color-product-stock-down); } .overview-product-container .performance-pill.down .overview-button-arrow { transform: rotate(180deg); } .overview-product-container .p-chart { bottom: 0; height: 50%; top: unset !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .overview-product-container .p-chart .highcharts-container { /* Tweak for Chart sometimes has 1px distance to container left/right */ scale: 1.01; } .wohnungen-toggler label, .wohnungen-toggler .toggle { height: 2.8rem; border-radius: 100px; } .wohnungen-toggler label { width: 100%; background-color: var(--color-black) !important; border-radius: 100px; position: relative; cursor: pointer; } .wohnungen-toggler .toggle { position: absolute; width: 50%; background-color: var(--color-white) !important; transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .dark-mode .wohnungen-toggler .toggle{ background-color: var(--color-white) !important; } .wohnungen-toggler .names { position: absolute; display: flex; justify-content: space-between; user-select: none; border: 1px solid white; border-radius: 10rem; } .overview-toggler [type="checkbox"] { display: none; } /* Toggle */ .overview-toggler [type="checkbox"]:checked + .wohnungen-toggler .toggle{ transform: translateX(100%); } .overview-toggler [type="checkbox"]:checked + .wohnungen-toggler .dark{ filter: invert(1); } .overview-toggler [type="checkbox"]:checked + .wohnungen-toggler .light{ filter: invert(1); } .grid-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='Group_581' data-name='Group 581' transform='translate(0.054)'%3E%3Cg id='Group_580' data-name='Group 580' transform='translate(0.001)'%3E%3Crect id='Rectangle_281' data-name='Rectangle 281' width='8' height='8' transform='translate(-0.055)' fill='%23162126'/%3E%3Crect id='Rectangle_284' data-name='Rectangle 284' width='8' height='8' transform='translate(-0.055 10)' fill='%23162126'/%3E%3Crect id='Rectangle_282' data-name='Rectangle 282' width='8' height='8' transform='translate(9.945)' fill='%23162126'/%3E%3Crect id='Rectangle_283' data-name='Rectangle 283' width='8' height='8' transform='translate(9.945 10)' fill='%23162126'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); height: 18px; width: 18px; } .list-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18'%3E%3Cg id='Group_582' data-name='Group 582' transform='translate(-1062 -556)'%3E%3Crect id='Rectangle_286' data-name='Rectangle 286' width='20' height='3' transform='translate(1062 556)' fill='%23fff'/%3E%3Crect id='Rectangle_287' data-name='Rectangle 287' width='20' height='3' transform='translate(1062 561)' fill='%23fff'/%3E%3Crect id='Rectangle_288' data-name='Rectangle 288' width='20' height='3' transform='translate(1062 566)' fill='%23fff'/%3E%3Crect id='Rectangle_289' data-name='Rectangle 289' width='20' height='3' transform='translate(1062 571)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 18px; width: 20px; } .products-list-view .overview-product-category{ text-align: start !important; } /* Videos */ .password-field{ border: 1px solid white !important; } .video-box{ min-height: 450px; } .button-download{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460.23 673.83'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231f1f24; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M229.88,0c-12.89,0-23.44,10.55-23.44,23.44v567.19L40.51,411.57c-8.91-9.38-23.67-10.08-33.05-1.17s-10.08,23.67-1.17,33.05l206.72,222.89c4.45,4.69,10.55,7.5,17.11,7.5s12.66-2.81,17.11-7.5l206.72-222.89c8.91-9.61,8.2-24.38-1.17-33.05-9.38-8.91-24.38-8.2-33.05,1.17l-166.4,179.06V23.44c0-12.89-10.55-23.44-23.44-23.44h0Z'/%3E%3C/g%3E%3C/svg%3E"); height: 0.625rem; background-position: right; } .button-download{ transition: all 0.3s; } .videos-download-button:hover .button-download{ padding-right: 1rem; margin-left: 1rem; opacity: 1; } .videos-download-button:hover{ background-color: var(--color-white) !important; color: var(--color-black) !important; } .video-disclaimer{ text-align: justify; } .video-disclaimer a{ font-size: 0.938rem; line-height: 1.188rem; text-decoration: none !important; opacity: 50 !important; color: white !important; font-family: 'Inter Light' !important; } /* Services */ .services-nav{ background-color: var(--color-etp-background1); } .services-nav.active{ background-color: #F9166D; } .uebersicht-container{ border-bottom: 1px solid #2A2A2E; } .services-magenta-border.active h4{ border-bottom: 2px solid #F9166D; } .services-border{ border-bottom: 1px solid #2A2A2E; } .download-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.015' height='12.432' viewBox='0 0 15.015 12.432'%3E%3Cg id='noun-download-7479912' transform='translate(-133.835 -214.22)'%3E%3Cpath id='Path_291' data-name='Path 291' d='M134.59,617.11a.757.757,0,0,0-.755.755V622.3a.757.757,0,0,0,.755.755h13.5a.757.757,0,0,0,.755-.755v-4.432a.755.755,0,0,0-1.51,0v3.677H135.345v-3.677A.752.752,0,0,0,134.59,617.11Z' transform='translate(0 -396.4)' fill='%23fff'/%3E%3Cpath id='Path_292' data-name='Path 292' d='M380.363,214.22a.757.757,0,0,0-.755.755v6.1l-1.529-1.65a.755.755,0,0,0-1.106,1.027l2.839,3.062a.758.758,0,0,0,1.11,0l2.839-3.062a.755.755,0,0,0-1.106-1.027l-1.529,1.65v-6.1a.766.766,0,0,0-.763-.755Z' transform='translate(-239.019)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 15px; height: 12px; } .download-icon, .download-button{ transition: 0.3s; } .download-button:hover{ background-color: var(--color-white) !important; color: #2A2A2E !important; } .download-button:hover .download-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.015' height='12.432' viewBox='0 0 15.015 12.432'%3E%3Cg id='noun-download-7479912' transform='translate(-133.835 -214.22)'%3E%3Cpath id='Path_291' data-name='Path 291' d='M134.59,617.11a.757.757,0,0,0-.755.755V622.3a.757.757,0,0,0,.755.755h13.5a.757.757,0,0,0,.755-.755v-4.432a.755.755,0,0,0-1.51,0v3.677H135.345v-3.677A.752.752,0,0,0,134.59,617.11Z' transform='translate(0 -396.4)' fill='%232A2A2E'/%3E%3Cpath id='Path_292' data-name='Path 292' d='M380.363,214.22a.757.757,0,0,0-.755.755v6.1l-1.529-1.65a.755.755,0,0,0-1.106,1.027l2.839,3.062a.758.758,0,0,0,1.11,0l2.839-3.062a.755.755,0,0,0-1.106-1.027l-1.529,1.65v-6.1a.766.766,0,0,0-.763-.755Z' transform='translate(-239.019)' fill='%232A2A2E'/%3E%3C/g%3E%3C/svg%3E%0A"); } .pdf-modal{ z-index: 9999 !important; } .boxes-text ul{ margin-top: 1rem; } /* Hubspot Forms */ .hsfc-RichText p{ font-size: 1.125rem; line-height: 1.5rem; font-family: 'Inter Regular' !important; } .hsln-forms .hsfc-RichText{ background: #e3e3e8 !important; padding: 2rem !important; border-radius: 10px !important; } .hsln-forms .hsfc-RichText p{ margin-bottom: 0px !important; } .hsln-forms .hsfc-RichText span{ color: #000000 !important; } /* Let's Talk */ .hs-form-lt-overlay.lang-de .grecaptcha-badge, .hs-form-lt-overlay.lang-de .grecaptcha-badge iframe { width: 305px !important; background-color: #fff; } .hsln-forms.light .hsfc-TextInput, .hsln-forms.light .hsfc-TextareaInput{ background-color: var(--color-bright-gray) !important; border: none !important; padding: 1rem 1rem !important; font-size: 1.125rem; line-height: 1.5rem; font-family: 'Inter Regular' !important; color: var(--color-black) !important; } .hsln-forms.light .hsfc-TextInput:focus, .hsln-forms.light .hsfc-TextareaInput:focus{ box-shadow: none !important; border-bottom: 1px solid #ffffff50 !important } .hsln-forms.light .hsfc-TextInput:hover, .hsln-forms.light .hsfc-TextareaInput:hover{ box-shadow: none !important } .hsln-forms.light .hsfc-TextInput::placeholder, .hsln-forms.light .hsfc-TextareaInput::placeholder{ font-size: 1.125rem; line-height: 1.5rem; font-family: 'Inter Regular' !important; color: var(--color-black) !important; } .hsln-forms.light .hsfc-Step__Content{ padding: 0px !important; } .hsln-forms.light .hsfc-NavigationRow__Buttons{ justify-content: center !important; } .hsln-forms.light .hsfc-Button{ background-color: transparent !important; color: var(--color-black) !important; border-radius: 25px !important; border: 1px solid #000000 !important; max-width: 340px !important; width: 100% !important; margin-top: 1rem !important; text-transform: uppercase; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; font-weight: 300 !important; } /* Solutions Form */ .hsln-forms.dark.hsln-forms-solutions .hsfc-TextInput, .hsln-forms.dark.hsln-forms-solutions .hsfc-TextareaInput{ border-top: 0px !important; border-left: 0px !important; border-radius: 0px !important; border-right: 0px !important; border-bottom: 1px solid #00000020 !important; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-left: 0px !important; padding-right: 0px !important; color: var(--color-black) !important; background: transparent !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-TextInput:focus, .hsln-forms.dark.hsln-forms-solutions .hsfc-TextareaInput:focus{ box-shadow: none !important; border-bottom: 1px solid #00000030 !important } .hsln-forms.dark.hsln-forms-solutions .hsfc-TextInput:hover, .hsln-forms.dark.hsln-forms-solutions .hsfc-TextareaInput:hover{ box-shadow: none !important } .hsln-forms.dark.hsln-forms-solutions .hsfc-TextInput::placeholder, .hsln-forms.dark.hsln-forms-solutions .hsfc-TextareaInput::placeholder{ color: #00000050 !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-FieldLabel{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: var(--color-black) !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-Step__Content{ padding: 0px !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-Button{ background-color: transparent !important; color: var(--color-black) !important; border-radius: 25px !important; border: 1px solid #000000 !important; max-width: 340px !important; width: 100% !important; margin-top: 1rem !important; text-transform: uppercase; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; font-weight: 300 !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-PhoneField{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: var(--color-black) !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-PhoneInput__FlagAndCaret{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: var(--color-black) !important; border-radius: 0px !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-FieldLabel{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: var(--color-black) !important; } .hsln-forms.dark.hsln-forms-solutions .hsfc-ErrorAlert{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: #f56565 !important; } /* Kontakt */ .hsln-forms.dark .hsfc-TextInput, .hsln-forms.dark .hsfc-TextareaInput{ border-top: 0px !important; border-left: 0px !important; border-radius: 0px !important; border-right: 0px !important; border-bottom: 1px solid #ffffff20 !important; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-left: 0px !important; padding-right: 0px !important; color: var(--color-white) !important; background-color: transparent !important; } .hsln-forms.dark .hsfc-TextInput:focus, .hsln-forms.dark .hsfc-TextareaInput:focus{ box-shadow: none !important; border-bottom: 1px solid #ffffff50 !important } .hsln-forms.dark .hsfc-TextInput:hover, .hsln-forms.dark .hsfc-TextareaInput:hover{ box-shadow: none !important } .hsln-forms.dark .hsfc-TextInput::placeholder, .hsln-forms.dark .hsfc-TextareaInput::placeholder{ color: #ffffff50 !important; } .hsln-forms.dark .hsfc-Step__Content{ padding: 0px !important; } .hsln-forms.dark .hsfc-Button{ background-color: transparent !important; color: var(--color-white) !important; border-radius: 25px !important; border: 1px solid #ffffff !important; max-width: 340px !important; width: 100% !important; margin-top: 1rem !important; text-transform: uppercase; font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; font-weight: 300 !important; } .hsln-forms.dark .hsfc-ErrorAlert{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: #f56565 !important; } /* General */ .hsln-forms .hsfc-ErrorAlert{ font-size: 0.938rem !important; line-height: 1.188rem !important; letter-spacing: 1.25px !important; font-family: 'Inter Light' !important; color: #f56565 !important; } /* Landingpages */ .gray-boxes-3x{ display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .gray-boxes-3x .boxes-text ul{ margin-top: 0px !important; margin-bottom: 0px !important; } .gray-boxes-3x .box-landingpages{ transition: all 0.3s; } .gray-boxes-3x .box-landingpages:hover{ transform: scale(1.03); } .landingpages-pdf-icon{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 1200 1200'%3E%3C!-- Generator: Adobe Illustrator 30.1.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 136) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M1113.4,445.1h-63.5v-226.3c0-6.6-2.7-13-7.5-17.6L843,7C838.4,2.6,832.2,0,825.8,0H230.1C186,0,150.1,35.9,150.1,80v365.1h-63.5c-13.6,0-24.6,11-24.6,24.6v345.3c0,13.6,11,24.6,24.6,24.6h63.5v280.4c0,44.1,35.9,80,80,80h739.8c44.1,0,80-35.9,80-80v-280.4h63.5c13.6,0,24.6-11,24.6-24.6v-345.3c0-13.6-11.1-24.6-24.6-24.6h0ZM850.4,82.8l114.2,111.2-77.4-.2c-20.3,0-36.8-16.6-36.8-36.9v-74.1ZM199.3,80c0-17,13.8-30.8,30.8-30.8h571.1v107.8c0,47.3,38.5,86,85.9,86.1l113.6.3v201.7H199.3V80ZM1000.8,1120c0,17-13.8,30.8-30.8,30.8H230.1c-17,0-30.8-13.8-30.8-30.8v-280.4h801.5v280.4ZM1088.8,790.4H111.3v-296.2h977.5v296.2Z'/%3E%3Cpath class='st0' d='M395.3,538h-71.6c-13.6,0-24.6,11-24.6,24.6v173.2c0,13.6,11,24.6,24.6,24.6s24.6-11,24.6-24.6v-48.1h47.1c41.2,0,74.9-33.6,74.9-74.9,0-41.3-33.6-74.9-74.9-74.9h0ZM395.3,638.5h-47.1v-51.3h47.1c14.2,0,25.6,11.5,25.6,25.6,0,14.2-11.5,25.7-25.6,25.7h0Z'/%3E%3Cpath class='st0' d='M876.4,538h-111.2c-13.6,0-24.6,11-24.6,24.6v173.2c0,13.6,11,24.6,24.6,24.6s24.6-11,24.6-24.6v-66.3h73.8c13.6,0,24.6-11,24.6-24.6s-11-24.6-24.6-24.6h-73.8v-33.1h86.6c13.6,0,24.6-11,24.6-24.6s-11-24.6-24.6-24.6h0Z'/%3E%3Cpath class='st0' d='M582.7,538h-42.8c-13.6,0-24.6,11-24.6,24.6v173.2c0,13.6,11,24.6,24.6,24.6h42.8c61.3,0,111.2-49.9,111.2-111.2,0-61.4-49.9-111.2-111.2-111.2h0ZM582.7,711.2h-18.2v-124h18.2c34.2,0,62,27.8,62,62s-27.8,62-62,62h0Z'/%3E%3C/svg%3E"); height: 20px; width: 20px; } @media only screen and (max-width: 1500px) and (min-width: 1400px) { } @media (max-width: 1600px) { .solutions-container{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0em 1em; } .homepage-solutions-info-container{ min-height: 450px; } .karriere-container{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em 1em; } } @media (max-width: 1440px) { .about-us-hero-screen{ height: auto !important; min-height: calc(100vh - var(--sl-header-height)); } .products-overview-container-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3em 3em; } .products-list-view .products-overview-image { height: 300px; } } @media (max-width: 1200px) { .numbers-container, .about-us-numbers-container { display: grid; grid-template-columns: 1fr; gap: 0em 0em; } .solutions-container{ display: grid; grid-template-columns: 1fr; gap: 0em 0em; } .footer-background-vector { background-size: cover; background-position: center center !important; } .modal-talk-to-us { display: none !important; } .partner-container{ display: grid; grid-template-columns: 1fr 1fr; gap: 1em 0em; } .landingpage-mask { background-position: 100% center; } .etp-main-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2em 1em; } .etp-first-grid{ display: grid; grid-template-columns: 1fr; gap: 1em 1em; } .etp-stretch { grid-column: span 1; } .etp-second-grid{ display: grid; grid-template-columns: 1fr; gap: 1em 1em; } .etp-stretch4{ grid-column: span 1; } .products-overview-container-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em 1.5em; } .ellipsis { display: block; overflow: auto !important; } } @media (max-width: 992px) { .solutions-info-container{ display: grid; grid-template-columns: 1fr; gap: 1em 0em; } .karriere-container{ display: grid; grid-template-columns: 1fr 1fr; gap: 1em 1em; } .etp-main-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 2em 1em; } .offcanvas-products{ width: 80vw !important; } .products-list-view .products-overview-image { height: 350px; } .services-magenta-border h4{ width: 100% !important; border-bottom: 0px !important; text-align: center !important; padding-top: 0.5rem !important; background-color: var(--color-etp-background1); } .services-magenta-border.active h4 { background: #F9166D; } .uebersicht-container{ border-bottom: 0px !important; } .gray-boxes-3x{ display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } } @media (max-width: 768px) { .footer-logo{ max-width: 15rem; } .offcanvas-products{ width: 100vw !important; } .products-overview-container-grid{ display: grid; grid-template-columns: 1fr; gap: 1em 1em; } } @media (max-width: 576px) { .homepage-solutions-info-container{ min-height: auto !important; } .modal-talk{ margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .solutions-mask{ background-position: 70% center; } .lets-talk-form textarea.fui-input{ min-height: 150px !important; } .partner-container{ display: grid; grid-template-columns: 1fr; gap: 1em 1em; } .partner-container .w-stretch{ grid-column: span 1; } .team-member-image{ min-height: 400px; } .karriere-container{ display: grid; grid-template-columns: 1fr; gap: 1em 0em; } .fui-group-mail-phone, .jobs-message { width: 100% !important; } .jobs-form .fui-group .fui-row{ flex-wrap: wrap !important; } .jobs-form .fui-submit{ margin-top: 1rem !important; } .about-us-mask{ background-image: url('/uploads/images/about-us-mobile.jpg'); } .karriere-mask{ background-image: url('/uploads/images/karriere-mobile.jpg'); } .solutions-mask{ background-image: url('/uploads/images/karriere-mobile.jpg'); } .hero-video{ object-fit: contain; } .hero-video-homepage{ object-fit: cover; } .home-numbers-icons{ max-width: 44px; max-height: 42px; object-fit: contain; } .etp-main-grid{ display: grid; grid-template-columns: 1fr; gap: 1.5em 1em; } #p-chart{ height: 300px; } .disclaimer-body{ max-height: 25vh !important; overflow-y: auto; } }