/* ========================================================================== CUSTOM LAYER — the site's own tuning, collected from every page into one sheet (the reference repeated it in each page head and in body embeds). Generated: do not hand-edit, put changes in overrides.css. The reference does not ship the same custom CSS on every page, so a rule that only some pages carry is wrapped in :where(html.page-) — a zero-specificity scope keyed off the class build.py puts on . That keeps each rule at the exact cascade weight it has on the live site instead of letting one page's tuning leak across the whole site. Excluded here because overrides.css owns them: the digit roll heights, the zoom / menu-chrome blocks, the language switcher, the slider chrome, the wave canvas, the photo overlays and the old cookie banner. ========================================================================== */ body { font-family:Aeonikvf, Aeonik, Arial, sans-serif; } [class*="swiper-button-"][class*="swiper"] { width:36px !important; height:36px !important; padding:0 !important; box-sizing:border-box !important; display:flex !important; align-items:center !important; justify-content:center !important; } [class*="swiper-button-"][class*="swiper"] img { width:14px !important; height:auto !important; } @media (min-width:992px) { .section_focus .focus_card.aspect-ratio { aspect-ratio:3/4 !important; min-height:0 !important; } } .track-sec .box-2 { aspect-ratio:4/3 !important; height:auto !important; } @media (min-width:1200px) { .section_focus .focus_card-content.translate-45 { transform:none !important; justify-content:flex-end !important; } .section_focus .focus_card-content.translate-45 > *:last-child { max-height:0 !important; opacity:0 !important; overflow:hidden !important; margin:0 !important; padding-top:0 !important; box-sizing:border-box !important; transition:max-height .3s ease,opacity .3s ease,padding-top .3s ease !important; } .section_focus .focus_card:hover .focus_card-content.translate-45 > *:last-child { max-height:400px !important; opacity:1 !important; padding-top:20px !important; } } @media (min-width:1200px) and (hover:none) { .section_focus .focus_card-content.translate-45 > *:last-child { max-height:400px !important; opacity:1 !important; padding-top:20px !important; } } @media (min-width:480px) { .section_focus .link-block-2 { width:auto !important; } .section_focus .image-39, .section_focus .image-40, .section_focus .image-41 { display:inline-block !important; width:69px !important; height:69px !important; } } @media (min-width:992px) { .section_focus .link-block-2 { bottom:40px !important; right:40px !important; } } .focus_card-content.translate-80 { justify-content:flex-start !important; } @media (min-width:768px) { .footer-cta_headline { font-size:min(96px, 4.3vw) !important; line-height:1.05 !important; white-space:nowrap !important; max-width:100% !important; } } /* Entfernt: `text-transform: capitalize` auf dem Hero-Pill von /approach. Die Regel machte aus „Learn more" ein „Learn More" — auf jeder anderen Seite trägt dasselbe Pill „Learn more", und aus dem verborgenen „How we work" wurde „How We Work". Die Beschriftung steht jetzt so da, wie sie geschrieben ist. */ .scope-sec .focus_card, .scope-sec .focus_card.aspect-ratio2 { position:relative !important; aspect-ratio:4/3 !important; height:auto !important; min-height:0 !important; background-color:#212121 !important; overflow:hidden !important; } .scope-sec .focus_card-image, .scope-sec .focus_card-overlay { display:none !important; } .scope-sec .focus_card-content { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:auto !important; height:auto !important; transform:none !important; justify-content:flex-start !important; z-index:2 !important; } .scope-sec .focus_card::after { content:""; position:absolute; left:0; top:auto; bottom:0; width:100%; height:79.76%; background-image:url("/assets/media/bc_lines-value-lever-2.svg"); background-repeat:no-repeat; background-size:100% 100%; transform-origin:50% 50%; transform:none; pointer-events:none; z-index:1; } .scope-sec .swiper-slide:nth-child(12n+2) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+3) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+4) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+5) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+6) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+8) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+9) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+10) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+11) .focus_card::after, .scope-sec .swiper-slide:nth-child(12n+12) .focus_card::after { left:-15%; top:8.27%; bottom:auto; width:130%; height:103.69%; } .scope-sec .swiper-slide:nth-child(12n+2) .focus_card::after { transform:rotate(7.5deg) scale(-1,-1); } .scope-sec .swiper-slide:nth-child(12n+3) .focus_card::after { transform:rotate(15deg); } .scope-sec .swiper-slide:nth-child(12n+4) .focus_card::after { transform:rotate(22.5deg) scale(-1,-1); } .scope-sec .swiper-slide:nth-child(12n+5) .focus_card::after { transform:rotate(15deg); } .scope-sec .swiper-slide:nth-child(12n+6) .focus_card::after { transform:rotate(7.5deg) scale(-1,-1); } .scope-sec .swiper-slide:nth-child(12n+7) .focus_card::after { transform:none; } .scope-sec .swiper-slide:nth-child(12n+8) .focus_card::after { transform:rotate(-7.5deg) scale(-1,-1); } .scope-sec .swiper-slide:nth-child(12n+9) .focus_card::after { transform:rotate(-15deg); } .scope-sec .swiper-slide:nth-child(12n+10) .focus_card::after { transform:rotate(-22.5deg) scale(-1,-1); } .scope-sec .swiper-slide:nth-child(12n+11) .focus_card::after { transform:rotate(-15deg); } .scope-sec .swiper-slide:nth-child(12n+12) .focus_card::after { transform:rotate(-7.5deg) scale(-1,-1); } html.is-preloading, html.is-preloading body { overflow:hidden !important; } :where(html.page-index, html.page-impressum, html.page-datenschutz) .menu-wrapper { height: 100vh; height: 100svh; height: calc(var(--vh, 1vh) * 100); } :where(html.page-index, html.page-impressum, html.page-datenschutz) .link-block-2:hover .link-block-2 { filter: brightness(0); } .navbar_wrapper.is-on-dark .navbar_brand-text, .navbar_wrapper.is-on-dark .text-color-primary { color: #ffffff !important; } .navbar_wrapper.is-on-dark .navbar_menu-button { border:1px solid #fff; } .navbar_wrapper.is-on-dark .div-block { border-color: #ffffff !important; background-color: transparent !important; } .navbar_wrapper.is-on-dark .image-3 { filter: brightness(0) invert(1) !important; } :where(html.page-index, html.page-impressum, html.page-datenschutz) body { overflow-x: hidden; } :where(html.page-index, html.page-impressum, html.page-datenschutz) .client-sec .tab-content2.active .client-box-wrapper { animation: fade-slide-in 0.3s ease forwards; } @keyframes fade-slide-in { from { transform: translateY(2px) } to { transform: translateY(0) } } .nav-overlay { display: none !important; } .tab-btn2.active .tab-inner-btn { background: #FE5000; color: #FFFFFF; } :where(html.page-index, html.page-impressum, html.page-datenschutz) .tab-btn:hover .circle-orange, :where(html.page-index, html.page-impressum, html.page-datenschutz) .tab-btn2:hover .circle-orange { background: #FE5000; } .tab-btn2.active .circle-orange { border: 1px solid #fff; } .tab-btn.active .tab-inner-btn { background: #FE5000; color: #FFFFFF; } .tab-btn.active .circle-orange { border: 1px solid #fff; } @media (min-width: 1465px) and (max-width: 1600px) { :where(html.page-index, html.page-impressum, html.page-datenschutz) .tab-right .tab-box { width: fit-content; margin: 0 auto !important; } :where(html.page-index, html.page-impressum, html.page-datenschutz) .tab-right { width: 29% !important; } } @media (min-width: 1600px) { :where(html.page-index, html.page-impressum, html.page-datenschutz) .tab-right { width: 29% !important; } :where(html.page-index, html.page-impressum, html.page-datenschutz) .tab-right .tab-box { width: fit-content; margin: 0 auto !important; } } @media (min-width: 1365px) and (max-width: 1850px) { :where(html.page-index, html.page-impressum, html.page-datenschutz) .focus_card-content.translate-45 { transform: translate(0, 68%); } } @media (min-width: 992px) and (max-width: 1365px) { .box-1 { padding: 1.3px; } } @media (min-width: 992px) and (max-width: 1199px) { .sub-menu-item { font-size: 19px; } .insight-card-wrapper { grid-column-gap: 49px; } .client-box-wrapper { grid-column-gap: 22px; grid-row-gap: 36px; } .text-size-xlarge { font-size: 35px; } .box-1 { padding: 1.3px; } } @media (max-width: 1600px) { :where(html.page-index, html.page-impressum, html.page-datenschutz) .focus_card.aspect-ratio { height: unset; min-height: 473px; } :where(html.page-index, html.page-impressum, html.page-datenschutz) .focus_card-image { min-height: 447px; } } :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .animation-wrapper { width: 100%; height: 100vh; overflow: hidden; } :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .animation-wrapper .lottie-host, :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .animation-wrapper [data-animation-type="lottie"] { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; min-width: 100% !important; min-height: 100% !important; width: 177.78vh !important; height: 56.25vw !important; } :where(html:not(.page-private-equity, .page-for-lenders, .page-for-companies, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .tab-btn3:hover .circle-orange { background: #fe5000; } .langswitch-list { opacity: 0; transform: translateY(8px) scale(0.98); transform-origin: top; pointer-events: none; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .focus_card:hover .focus_card-content { transform: translate(0 , 0); background: linear-gradient(180deg, rgba(254, 80, 0, 0.00) 0%, rgba(254, 80, 0, 0.65) 100%); backdrop-filter: blur(50px); } .langswitch-list.is-open { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; } .button.is-secondary:hover .circle-orange { border-color: #fff; } @media screen and (min-width: 1920px) { :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .focus_card-content.translate-45 { transform: translate(0px, 65%); } } @media screen and (min-width: 2100px) { :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .focus_card-content.translate-45 { transform: translate(0px, 69%); } } @media screen and (min-width: 2250px) { :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .focus_card-content.translate-45 { transform: translate(0px, 73%); } } @media screen and (max-width: 768px) { :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .lottie-animation3 svg { height: 100svh !important; } :where(html.page-index) .animation-wrapper .lottie-host, :where(html.page-index) .animation-wrapper [data-animation-type="lottie"] { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; min-width: 100% !important; min-height: 100% !important; width: 177.78vh !important; height: 56.25vw !important; } } @media screen and (max-width: 575px) { :where(html.page-index, html.page-impressum, html.page-datenschutz) .animation-wrapper .lottie-host, :where(html.page-index, html.page-impressum, html.page-datenschutz) .animation-wrapper [data-animation-type="lottie"] { left: 50% !important; } } :where(html:not(.page-about-us, .page-approach, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz)) .box-1 { border: 1px solid transparent; isolation: isolate; } .box-1:after { content: ""; position: absolute; inset: -1px; padding: 1px; background: linear-gradient( 90deg, #7a1e00, #fe5000 50%, #ff8a4c ); border-radius: inherit; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) #client .tab-body .box-1::after { content:none; } :where(html:not(.page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) #client .tab-body .box-1 { border:none; background: none; } :where(html.page-index) .code-embed-12, :where(html.page-index) .code-embed-14 { display: block !important; } @media screen and (max-width: 480px) { :where(html.page-index) .code-embed-12, :where(html.page-index) .code-embed-14 { display: none !important; } } :where(html.page-index) .bg-line { stroke: #FE5000; stroke-opacity: 0.25; stroke-width: 3; } :where(html.page-index) .progress-line { stroke: #FE5000; stroke-width: 3; stroke-dasharray: 60; stroke-dashoffset: 60; animation: wipeDown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; } @keyframes wipeDown { 0% { stroke-dashoffset: 60; } 75% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -60; } } @keyframes waveGrow { from { transform: scaleY(1); opacity: 0.85; } to { transform: scaleY(1.35); opacity: 1; } } @media (min-width: 1365px) and (max-width: 1850px) { .hero-sec2.py-100 { min-height: 125vh; } } @media (min-width: 992px) and (max-width: 1365px) { .hero-sec2.py-100 { min-height: 143vh; } } .tab-body .swiper-wrapper { align-items: center !important; } .hero-sec2 .tab-btn:hover { background-color: #FE5000; } .hero-sec2 .tab-btn:hover .tab-inner-btn { border:1px solid #FE5000; color: #FFFFFF; } .btn-case:hover { background: #fe5000; } .btn-case:hover .circle-orange { background: #fff; } .hero-sec2 .tab-btn:hover .circle-orange { background-color: #fff; } :where(html.page-index) * { margin: 0; padding: 0; box-sizing: border-box; } :where(html.page-index) .lottie-animation3 svg { height: 100vh !important; } :where(html.page-index) .logo-wrap { position: relative; width: 343px; height: 48px; z-index: 3; } :where(html.page-index) .logo-layer { position: absolute; inset: 0; } :where(html.page-index) .logo-base { opacity: 0.12; } :where(html.page-index) .logo-wipe { clip-path: inset(0 100% 0 0); transition: clip-path 2s cubic-bezier(0.65, 0.01, 0.05, 0.99); } :where(html.page-index) .logo-wipe.reveal { clip-path: inset(0 0% 0 0); } @media screen and (max-width: 768px) { :where(html.page-index) .logo-wrap { position: relative; width: 200px; height: 30px; z-index: 3; } } :where(html:not(.page-index, .page-impressum, .page-datenschutz)) .tab-btn2.rotate.active::after { content:none; } :where(html.page-about-us, html.page-approach, html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-expertise, html.page-contact, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) .tab-content2.active .focus_card { animation: fade-slide-in 0.3s ease forwards; } @keyframes fade-slide-in { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: translateY(0) } } @media (min-width: 1600px) { :where(html.page-about-us, html.page-approach, html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-expertise, html.page-contact, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) .focus_card.card3 { height: 780px; } } @media (min-width: 1365px) and (max-width: 1850px) { :where(html:not(.page-index, .page-private-equity, .page-for-lenders, .page-for-companies, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .box-inner-wrapper { grid-column-gap: 36px; grid-row-gap: 36px; } :where(html:not(.page-index, .page-private-equity, .page-for-lenders, .page-for-companies, .page-impressum, .page-datenschutz)) .box-2 { height: calc(100% - 103px); } } @media (min-width: 992px) and (max-width: 1365px) { :where(html:not(.page-index, .page-private-equity, .page-for-lenders, .page-for-companies, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .box-inner-wrapper { grid-column-gap: 19px; } } @media (min-width: 992px) and (max-width: 1199px) { :where(html:not(.page-index, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .box-inner { padding: 25px; } :where(html:not(.page-index, .page-private-equity, .page-for-lenders, .page-for-companies, .page-impressum, .page-datenschutz)) .box-2 { height: calc(100% - 93px); } } @media (max-width: 479px) { :where(html.page-about-us, html.page-approach) .play-btn { width: 24px; height: 24px; } } :where(html:not(.page-index, .page-private-equity, .page-impressum, .page-datenschutz)) .focus_card:hover .focus_card-content { transform: translate(0, 0%); } :where(html.page-about-us, html.page-approach, html.page-expertise, html.page-team, html.page-contact, html.page-impressum, html.page-datenschutz) .box-1 { border: 1px solid; isolation: isolate; } @media (max-width: 768px) { :where(html:not(.page-index, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) svg { width:24px; } } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies) .client-sec .swiper-wrapper { align-items: center !important; } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies) .arrow-box2:hover .filter { filter: brightness(0.5); } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies) .accordion-body { transition: max-height 0.4s ease; } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies) .accordion-item.is-open .image-33 { transform: rotate(45deg); } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies) .accordion-item.is-open .accordion-body { max-height: 1000px; } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) .myswiper3 { padding-left:4px !important; padding-right:4px !important; } @media (min-width: 992px) and (max-width: 1199px) { :where(html.page-private-equity, html.page-for-companies) .box-2 { height: calc(100% - 106px); } } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-team, html.page-contact, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) .hero-sec2 .tab-btn.active { background-color: #FE5000; } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-team, html.page-contact, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) .hero-sec2 .tab-btn.active .tab-inner-btn { border:1px solid #FE5000; color: #FFFFFF; } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-team, html.page-contact, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) .hero-sec2 .tab-btn.active .circle-orange { background-color: #fff; } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) #client .tab-content2 .box-1::after { content:none; } :where(html.page-private-equity, html.page-for-lenders, html.page-for-companies, html.page-kuka, html.page-lenzing, html.page-treofan, html.page-idt-biologika) #client .tab-content2 .box-1 { border:none; background: none; } :where(html.page-expertise) .filter-box .dropdown-list-2.open { display: block; } @media (min-width: 992px) and (max-width: 1199px) { :where(html.page-expertise) .slider-box-wrapper { grid-template-columns: 1fr 1fr; } } :where(html.page-expertise) .experience-card:hover .image-35.box-logo { transform: translateY(-140px); } :where(html.page-expertise) .experience-card:hover .text-box { transform: translateY(0%); } :where(html.page-expertise) .experience-card:hover .layer2 { background: linear-gradient(180deg, rgba(254, 80, 0, 0.00) 0%, rgba(254, 80, 0, 0.65) 100%); height:100%; backdrop-filter: blur(50px); } :where(html.page-expertise) .experience-card:hover .layer2.bg-white { background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.75) 100%); height:100%; backdrop-filter: blur(50px); } :where(html.page-team) .tab-btn2 { position: relative; border: 1px solid transparent; isolation: isolate; } :where(html.page-team) .tab-btn2::after { content: ""; position: absolute; inset: -1px; padding: 1px; background: linear-gradient( 90deg, #7a1e00, #fe5000 50%, #ff8a4c ); border-radius: inherit; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; border-radius:8px; } @media (min-width: 1199px) and (max-width: 1365px) { :where(html.page-contact) .blog-card-wrapper { grid-column-gap: 20px; } :where(html.page-contact) .image-4.h-315 { min-height: 310px; max-height: 315px; } } @media (min-width: 992px) and (max-width: 1199px) { :where(html.page-contact) .blog-row { flex-wrap: wrap; } :where(html.page-contact) .col-8, :where(html.page-contact) .col-4 { width: 100%; } :where(html.page-contact) .blog-card-wrapper { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 768px) { :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .animation-wrapper .lottie-host { position: absolute !important; top: 50% !important; left: 30% !important; transform: translate(-50%, -50%) !important; min-width: 100% !important; min-height: 100% !important; width: 177.78vh !important; height: 56.25vw !important; } :where(html.page-impressum, html.page-datenschutz) .animation-wrapper [data-animation-type="lottie"] { position: absolute !important; top: 50% !important; left: 30% !important; transform: translate(-50%, -50%) !important; min-width: 100% !important; min-height: 100% !important; width: 177.78vh !important; height: 56.25vw !important; } } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .tab-btn[href="#interview"] .tab-inner-btn > div:first-child { font-size: 0; line-height: 20px; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .tab-btn[href="#interview"] .tab-inner-btn > div:first-child::after { content: "Interview"; display: inline-block; font-size: 18px; line-height: 20px; font-weight: 600; vertical-align: top; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .custom-scrollbar { scrollbar-width: thin; scrollbar-color: #333 transparent; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .custom-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .custom-scrollbar::-webkit-scrollbar-thumb { background: #333; border-radius: 999px; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #555; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .tab-btn:hover { background-color: #FE5000; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .tab-btn:hover .tab-inner-btn { border: 1px solid #FE5000; color: #FFFFFF; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .tab-btn:hover .circle-orange { background-color: #fff; } @media screen and (max-width: 768px) { :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .animation-wrapper [data-animation-type="lottie"] { position: absolute !important; top: 50% !important; left: 30% !important; transform: translate(-50%, -50%) !important; min-width: 100% !important; min-height: 100% !important; width: 200vh !important; height: 60.25vw !important; } } @media screen and (max-width: 575px) { :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .animation-wrapper [data-animation-type="lottie"] { left: 50% !important; top: 50% !important; } :where(html:not(.page-index, .page-about-us, .page-approach, .page-private-equity, .page-for-lenders, .page-for-companies, .page-expertise, .page-team, .page-contact, .page-impressum, .page-datenschutz, .page-kuka, .page-lenzing, .page-treofan, .page-idt-biologika)) .animation-wrapper .lottie-host { left: 88% !important; } }