/* Theme Name: Struktur Child Theme URI: http://struktur.qodeinteractive.com Description: A child theme of Struktur Theme Author: Select Themes Author URI: http://themeforest.net/user/select-themes Version: 1.0.1 Text Domain: struktur Template: struktur */ /* References page: calm, text-led introduction without a hero image. */ .page-id-1540 .arge-references-intro { padding: clamp(110px, 13vw, 190px) 0 clamp(80px, 9vw, 130px); } .page-id-1540 .arge-references-intro__inner { margin: 0 auto; } .page-id-1540 .arge-references-intro__eyebrow { margin: 0 0 24px; font-size: 12px; font-weight: 600; letter-spacing: 0.18em; line-height: 1.4; text-transform: uppercase; } .page-id-1540 .arge-references-intro h1 { max-width: 1040px; margin: 0; font-size: clamp(48px, 7vw, 104px); line-height: 0.98; letter-spacing: -0.035em; } .page-id-1540 .arge-references-intro__text { max-width: 820px; margin: clamp(38px, 5vw, 68px) 0 0; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.55; } /* Main home: keep the original Struktur corporate language. */ .qodef-logo-wrapper a,.qodef-mobile-logo-wrapper a{display:flex;align-items:center;width:auto!important;height:100%}.qodef-logo-wrapper img,.qodef-mobile-logo-wrapper img{display:none!important}.qodef-logo-wrapper a:after,.qodef-mobile-logo-wrapper a:after{content:'';display:block;width:185px;height:38px;background:url('assets/images/logo-adsembling.svg') center/contain no-repeat}.qodef-light-header .qodef-page-header:not(.qodef-sticky-header) .qodef-logo-wrapper a:after{filter:none!important} .qodef-search-opener{display:none!important} .qodef-light-header .qodef-page-header:not(.qodef-sticky-header) .qodef-main-menu>ul>li>a,.qodef-light-header .qodef-page-header:not(.qodef-sticky-header) .qodef-side-menu-button-opener{color:#1d1d1b!important} .qodef-light-header .qodef-page-header:not(.qodef-sticky-header) .qodef-side-menu-button-opener svg{stroke:#1d1d1b!important} .qodef-side-menu .widget_media_image{display:flex;align-items:center;min-height:80px;padding:18px;background:#fff}.qodef-side-menu .widget_media_image img{display:none!important}.qodef-side-menu .widget_media_image:after{content:'';display:block;width:185px;height:38px;background:url('assets/images/logo-adsembling.svg') center/contain no-repeat}.qodef-side-menu .widget_nav_menu ul li{margin:0 0 11px}.qodef-side-menu .widget_nav_menu ul li a{font-size:clamp(25px,2.2vw,38px);line-height:1.05;color:#fff}.qodef-side-menu .widget_nav_menu ul li a:hover{color:#ffee3b}.qodef-side-menu .widget_nav_menu ul li a:after{background:#ffee3b} .page-id-113 .qodef-logo-wrapper a, .page-id-113 .qodef-mobile-logo-wrapper a { display: flex; align-items: center; width: auto !important; height: 100%; } .page-id-113 .qodef-logo-wrapper img, .page-id-113 .qodef-mobile-logo-wrapper img { display: none !important; } .page-id-113 .qodef-logo-wrapper a:after, .page-id-113 .qodef-mobile-logo-wrapper a:after { content: ''; display:block; width:185px; height:38px; background:url('assets/images/logo-adsembling.svg') center/contain no-repeat; } .page-id-113.qodef-light-header .qodef-page-header:not(.qodef-sticky-header) .qodef-logo-wrapper a:after { filter:none!important; } .page-id-113 .arge-lead-copy { max-width: 760px; margin-top: 25px; font-size: 18px; line-height: 1.65; } .page-id-113 .arge-team-copy { padding: 22px 5px 0; } .page-id-113 .arge-team-copy p { line-height: 1.6; } .page-id-113 .arge-team-contact a { display: block; margin-top: 5px; font-weight: 600; } /* Homepage 2026: strict grid, distinct chapters, original corporate energy. */ .page-id-113 .arge-block{position:relative;isolation:isolate}.page-id-113 .arge-block>.qodef-elementor-container-inner{width:min(1180px,calc(100% - 64px));margin-inline:auto} .page-id-113 .arge-block:after{content:'';position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:var(--arge-chapter-bg,transparent)} .page-id-113 .arge-block-science{--arge-chapter-bg:#0067ae;color:#fff}.page-id-113 .arge-block-services-title,.page-id-113 .arge-block-services{--arge-chapter-bg:#ffee3b}.page-id-113 .arge-block-insights-title,.page-id-113 .arge-block-insights{--arge-chapter-bg:#d02e26;color:#fff}.page-id-113 .arge-block-partners,.page-id-113 .arge-block-voices-title,.page-id-113 .arge-block-voices{--arge-chapter-bg:#fff} .page-id-113 .arge-block-science h2,.page-id-113 .arge-block-science h3,.page-id-113 .arge-block-science p,.page-id-113 .arge-block-insights-title h2,.page-id-113 .arge-block-insights-title p{color:#fff!important} .page-id-113 .arge-block-science:before,.page-id-113 .arge-block-services-title:before,.page-id-113 .arge-block-partners:before{content:'';position:absolute;top:0;left:50%;width:1px;height:48px;background:currentColor;opacity:.22} .page-id-113 .arge-info-card{position:relative;height:100%;padding:clamp(28px,4vw,52px);background:#fff;border:1px solid rgba(29,29,27,.15);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.page-id-113 .arge-info-card:hover{transform:translateY(-8px);box-shadow:0 26px 70px rgba(29,29,27,.15)}.page-id-113 .arge-info-card--accent{background:#1d1d1b;color:#fff}.page-id-113 .arge-info-card--accent h3{color:#fff} .page-id-113 .arge-info-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:42px;border:1px solid currentColor;border-radius:50%}.page-id-113 .arge-info-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.page-id-113 .arge-kicker{margin:0 0 12px;font:700 11px/1.2 Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase}.page-id-113 .arge-info-card h3{max-width:440px;margin:0 0 20px;font-size:clamp(27px,2.6vw,42px);line-height:1.01;letter-spacing:-.035em}.page-id-113 .arge-service-card{min-height:430px;display:flex;flex-direction:column}.page-id-113 .arge-service-card .arge-card-link{display:block;margin-top:auto;padding-top:28px;border-top:1px solid rgba(20,20,20,.18);font-size:12px;letter-spacing:.04em} .page-id-113 .arge-block-claim .qodef-st-title,.page-id-113 .arge-block-services-title .qodef-st-title,.page-id-113 .arge-block-insights-title .qodef-st-title,.page-id-113 .arge-block-team-title .qodef-st-title{font-size:clamp(46px,7vw,104px)!important;line-height:.92!important;letter-spacing:-.05em}.page-id-113 .arge-block-partners .qodef-st-title,.page-id-113 .arge-block-voices-title .qodef-st-title{font-size:clamp(38px,5vw,72px)!important;line-height:.98!important;letter-spacing:-.04em}.page-id-113 .arge-block-intro .qodef-st-title{font-size:clamp(42px,5.4vw,78px)!important;line-height:.96!important;letter-spacing:-.04em} .page-id-113 .arge-info-card:nth-child(even){transform:translateY(22px)}.page-id-113 .arge-info-card:nth-child(even):hover{transform:translateY(14px)} .page-id-113 .arge-block-work .qodef-portfolio-slider-holder{margin-top:45px}.page-id-113 .arge-block-work .qodef-pl-item img{width:auto!important;height:clamp(230px,27vw,390px);object-fit:cover}.page-id-113 .arge-block-work .qodef-pl-item{max-height:390px}.page-id-113 .arge-block-work .qodef-pli-text-holder{padding:20px 24px!important} .page-id-113 .arge-insight-stage{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) 240px;gap:clamp(28px,5vw,80px);align-items:end;padding:clamp(36px,6vw,76px);background:#1d1d1b;color:#fff}.page-id-113 .arge-insight-mark{align-self:start;font:700 12px/1 Roboto,sans-serif;letter-spacing:.16em}.page-id-113 .arge-insight-main h3{color:#fff;max-width:680px;margin:0 0 20px;font-size:clamp(34px,5vw,68px);line-height:.98}.page-id-113 .arge-insight-main p:last-child{max-width:650px;font-size:17px}.page-id-113 .arge-insight-status{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.page-id-113 .arge-insight-status span{display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:50%;background:#ffee3b;animation:argePulse 1.8s infinite}@keyframes argePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,238,59,.6)}50%{box-shadow:0 0 0 10px rgba(255,238,59,0)}} .page-id-113 .arge-block-partners .qodef-clients-grid-holder{margin-top:42px}.page-id-113 .arge-block-partners .qodef-cc-item{transition:transform .35s ease}.page-id-113 .arge-block-partners .qodef-cc-item:hover{transform:translateY(-5px)}.page-id-113 .arge-block-voices .qodef-testimonials{margin-top:0} .page-id-113 .arge-block-cta{--arge-chapter-bg:#d02e26;color:#fff}.page-id-113 .arge-block-cta:before{content:'→';position:absolute;right:-2vw;bottom:-12vw;color:rgba(255,255,255,.09);font:400 38vw/1 Roboto,sans-serif}.page-id-113 .arge-cta-copy{position:relative;z-index:1}.page-id-113 .arge-cta-copy h2{max-width:760px;margin:0 0 25px;color:#fff;font-size:clamp(48px,7vw,100px);line-height:.9;letter-spacing:-.055em}.page-id-113 .arge-cta-copy>p{max-width:680px;font-size:18px}.page-id-113 .arge-cta-button{display:inline-flex;align-items:center;gap:30px;margin-top:24px;padding:16px 22px;background:#fff;color:#1d1d1b;font-weight:700}.page-id-113 .arge-cta-button span{font-size:22px;transition:transform .3s}.page-id-113 .arge-cta-button:hover span{transform:translate(4px,-4px)} .page-id-113 .arge-cta-panel{position:relative;z-index:1;padding:44px;background:#1d1d1b;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end}.page-id-113 .arge-cta-panel a{color:#fff;font-size:clamp(18px,2vw,26px);line-height:1.6}.page-id-113 .arge-cta-panel p:last-child{margin:28px 0 0;opacity:.72}.page-id-113 .arge-cta-orbit{position:absolute;top:36px;right:36px;width:70px;height:70px;border:1px solid #ffee3b;border-radius:50%;animation:argeOrbit 8s linear infinite}.page-id-113 .arge-cta-orbit:after{content:'';position:absolute;top:-4px;left:31px;width:8px;height:8px;border-radius:50%;background:#ffee3b}@keyframes argeOrbit{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.page-id-113 *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}} @media(max-width:1024px){.page-id-113 .arge-block>.qodef-elementor-container-inner{width:min(calc(100% - 40px),1180px)}.page-id-113 .arge-insight-stage{grid-template-columns:70px 1fr}.page-id-113 .arge-insight-status{grid-column:2}} @media(max-width:767px){.page-id-113 .arge-block>.qodef-elementor-container-inner{width:calc(100% - 30px)}.page-id-113 .arge-insight-stage{grid-template-columns:1fr;padding:30px 24px}.page-id-113 .arge-insight-status{grid-column:1}.page-id-113 .arge-block-work .qodef-pl-item img{height:260px}.page-id-113 .arge-cta-panel{margin-top:35px;min-height:270px}} /* Creative direction: visible-first motion and stronger chapter dramaturgy. */ .page-id-113{--arge-red:#d02e26;--arge-ink:#1d1d1b;--arge-blue:#0067ae;--arge-yellow:#ffee3b;--arge-paper:#fff} .page-id-113 .elementor-invisible{visibility:visible!important} .page-id-113 .arge-block .elementor-widget{opacity:1!important;visibility:visible!important} .page-id-113 .arge-block .qodef-st-title-emphasize>span:first-child{visibility:hidden} .page-id-113 .arge-block .qodef-st-title-emphasize>span:last-child{transform:none!important;transition:none!important} .page-id-113 .arge-block .qodef-st-title-emphasize>span:last-child{color:#d02e26!important}.page-id-113 .arge-block-science .qodef-st-title-emphasize>span:last-child,.page-id-113 .arge-block-insights-title .qodef-st-title-emphasize>span:last-child{color:#ffee3b!important} .page-id-113 .arge-block-intro{padding-top:90px!important;padding-bottom:90px!important} .page-id-113 .arge-block-intro .qodef-st-title{max-width:540px;font-size:clamp(42px,4.6vw,70px)!important} .page-id-113 .arge-block-intro .qodef-single-image-holder img{max-height:520px;width:100%;object-fit:cover} .page-id-113 .arge-block-intro .elementor-column:first-child .qodef-single-image-holder{transform:translateY(40px)} .page-id-113 .arge-block-intro .elementor-column:last-child{padding-top:70px} .page-id-113 .arge-block-claim{--arge-chapter-bg:var(--arge-ink);color:#fff;padding-top:110px!important;padding-bottom:105px!important} .page-id-113 .arge-block-claim .qodef-st-title,.page-id-113 .arge-block-claim .qodef-st-text{color:#fff!important} .page-id-113 .arge-block-claim .qodef-section-title-holder{max-width:1050px} .page-id-113 .arge-block-counters{--arge-chapter-bg:var(--arge-ink);color:#fff;padding-bottom:115px!important} .page-id-113 .arge-block-counters h3,.page-id-113 .arge-block-counters span{color:#fff!important} .page-id-113 .arge-block-counters .elementor-column{border-top:1px solid rgba(255,255,255,.25);padding-top:25px} .page-id-113 .arge-block-science,.page-id-113 .arge-block-services{padding-top:85px!important;padding-bottom:95px!important} .page-id-113 .arge-block-services-title{padding-top:100px!important;padding-bottom:20px!important} .page-id-113 .arge-info-card{overflow:hidden;min-height:390px} .page-id-113 .arge-info-card:after{content:'';position:absolute;width:180px;height:180px;right:-90px;bottom:-90px;border:1px solid currentColor;border-radius:50%;opacity:.16;transition:transform .6s cubic-bezier(.2,.8,.2,1)} .page-id-113 .arge-info-card:hover:after{transform:scale(1.65)} .page-id-113 .arge-info-card:hover .arge-info-icon{background:var(--arge-red);border-color:var(--arge-red);color:#fff;transform:rotate(-8deg)} .page-id-113 .arge-info-icon{transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,color .3s} .page-id-113 .arge-block-work{--arge-chapter-bg:var(--arge-ink);color:#fff;padding-top:105px!important;padding-bottom:115px!important} .page-id-113 .arge-block-work .qodef-st-title,.page-id-113 .arge-block-work .qodef-st-text,.page-id-113 .arge-block-work .qodef-pli-title,.page-id-113 .arge-block-work .qodef-pli-category-holder a{color:#fff!important} .page-id-113 .arge-block-work .qodef-section-title-holder{width:min(1180px,calc(100% - 64px));margin-inline:auto} .page-id-113 .arge-block-work .qodef-portfolio-slider-holder{margin-top:60px} .page-id-113 .arge-block-work .qodef-pl-item{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s} .page-id-113 .arge-block-work .qodef-pl-item:hover{transform:translateY(-12px)} .page-id-113 .arge-block-work .qodef-pl-item img{height:clamp(230px,24vw,350px)} .page-id-113 .arge-block-insights-title{padding-top:95px!important;padding-bottom:20px!important} .page-id-113 .arge-block-insights{padding-top:10px!important;padding-bottom:100px!important} .page-id-113 .arge-insight-stage{overflow:hidden} .page-id-113 .arge-insight-stage:after{content:'INSIGHTS';position:absolute;right:-25px;top:-15px;color:rgba(255,255,255,.055);font:700 clamp(80px,14vw,210px)/1 Roboto,sans-serif;letter-spacing:-.07em;pointer-events:none} .page-id-113 .arge-block-partners{padding-top:95px!important;padding-bottom:55px!important} .page-id-113 .arge-block-partners .qodef-clients-grid-holder{display:block!important;height:auto!important;background:transparent;border-top:1px solid rgba(20,20,20,.12);border-left:1px solid rgba(20,20,20,.12)} .page-id-113 .arge-block-partners .qodef-clients-grid-holder:after{content:'';display:table;clear:both} .page-id-113 .arge-block-partners .qodef-cc-item{float:left!important;clear:none!important;width:16.666666%!important;height:150px!important;background:var(--arge-paper);display:flex;align-items:center;justify-content:center;margin:0!important;border-right:1px solid rgba(20,20,20,.12);border-bottom:1px solid rgba(20,20,20,.12);box-sizing:border-box} .page-id-113 .arge-block-partners .qodef-cc-item img{max-width:72%;max-height:72px} .page-id-113 .arge-block-partners .qodef-cc-link{position:relative!important;display:block!important;width:100%;height:100%} .page-id-113 .arge-block-partners .qodef-cc-item img{position:absolute!important;top:50%!important;left:50%!important;width:auto!important;max-width:82%!important;max-height:92px!important;transform:translate(-50%,-50%)!important;transition:opacity .25s ease!important;backface-visibility:hidden;will-change:opacity}.page-id-113 .arge-block-partners .qodef-cc-image{opacity:1!important}.page-id-113 .arge-block-partners .qodef-cc-hover-image{opacity:0!important}.page-id-113 .arge-block-partners .qodef-cc-item:hover .qodef-cc-image{opacity:0!important}.page-id-113 .arge-block-partners .qodef-cc-item:hover .qodef-cc-hover-image{opacity:1!important} .page-id-113 .arge-block-voices-title{padding-top:60px!important;padding-bottom:15px!important} .page-id-113 .arge-block-voices{padding-top:10px!important;padding-bottom:100px!important} .page-id-113 .arge-block-voices .qodef-testimonial-text{font-size:clamp(23px,2.3vw,36px);line-height:1.22;max-width:980px} .page-id-113 .arge-block-team-title{padding-top:105px!important;padding-bottom:25px!important} .page-id-113 .arge-block-team{padding-top:10px!important;padding-bottom:110px!important} .page-id-113 .arge-block-team .qodef-team-image{overflow:hidden} .page-id-113 .arge-block-team .qodef-team-image img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s} .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-image img{transform:scale(1.035);filter:contrast(1.06)} .page-id-113 .arge-team-copy h3{font-size:clamp(27px,3vw,44px);letter-spacing:-.04em} .page-id-113 .arge-block-cta{padding-top:110px!important;padding-bottom:110px!important;overflow:visible} .page-id-113 .arge-block-cta .arge-cta-copy>p,.page-id-113 .arge-block-cta .arge-kicker{color:#fff} .page-id-113 .arge-cta-copy{padding:clamp(18px,3vw,48px) 0 clamp(18px,3vw,48px) clamp(12px,2vw,28px)} .page-id-113 .arge-cta-panel{transform:none;transition:transform .5s cubic-bezier(.2,.8,.2,1)} .page-id-113 .arge-cta-panel:hover{transform:translateY(-8px)} @supports(animation-timeline:view()){ .page-id-113 .arge-info-card,.page-id-113 .arge-block-team .qodef-team-holder,.page-id-113 .arge-insight-stage,.page-id-113 .arge-block-voices .qodef-testimonials-holder{animation:argeViewReveal linear both;animation-timeline:view();animation-range:entry 0% cover 24%} .page-id-113 .arge-block .qodef-section-title-holder{animation:argeTitleReveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%} @keyframes argeViewReveal{from{opacity:.25;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}} @keyframes argeTitleReveal{from{opacity:.25;transform:translateX(-35px)}to{opacity:1;transform:translateX(0)}} } @media(max-width:1024px){.page-id-113 .arge-block-partners .qodef-cc-item{width:25%!important}.page-id-113 .arge-block-intro .elementor-column:last-child{padding-top:30px}} @media(max-width:767px){.page-id-113 rs-module-wrap{display:none!important}.page-id-113 .arge-block-intro{padding-top:60px!important}.page-id-113 .arge-block-intro .elementor-column:first-child .qodef-single-image-holder{transform:none}.page-id-113 .arge-block-partners .qodef-cc-item{width:50%!important;height:120px!important;min-height:120px}.page-id-113 .arge-block-work .qodef-section-title-holder{width:calc(100% - 30px)}.page-id-113 .arge-info-card{min-height:0}.page-id-113 .arge-cta-panel{transform:none}} /* Sales-led dramaturgy and centered navigation. */ .qodef-menu-left .qodef-vertical-align-containers,.qodef-menu-left .qodef-position-left,.qodef-menu-left .qodef-position-left-inner{position:static!important}.qodef-menu-left .qodef-main-menu{position:absolute!important;left:50%!important;top:0;transform:translateX(-50%);white-space:nowrap} .qodef-menu-left .qodef-logo-wrapper{position:absolute!important;top:50%!important;transform:translateY(-50%)!important} .page-id-113 .arge-block-work .qodef-st-title{font-size:clamp(52px,7.5vw,118px)!important;line-height:.9!important;letter-spacing:-.055em}.page-id-113 .arge-block-work .qodef-st-text{font-size:18px;max-width:680px}.page-id-113 .arge-block-work:before{content:'WORK';position:absolute;right:1vw;top:15px;color:rgba(255,255,255,.045);font:700 clamp(100px,18vw,280px)/1 Roboto,sans-serif;letter-spacing:-.08em;pointer-events:none}.page-id-113 .arge-block-work .qodef-pl-item img{height:clamp(300px,31vw,470px)} .page-id-113 .arge-block-science .qodef-elementor-container-inner{position:relative}.page-id-113 .arge-block-science .qodef-elementor-container-inner:after{content:'';position:absolute;left:12%;right:12%;top:50%;height:1px;background:#ffee3b;z-index:-1}.page-id-113 .arge-science-card{display:flex;flex-direction:column;min-height:480px}.page-id-113 .arge-science-card .arge-card-link{display:block;margin-top:auto;padding-top:28px;border-top:1px solid currentColor;font-size:12px;letter-spacing:.06em}.page-id-113 .arge-block-science .elementor-column:first-child .arge-info-icon{animation:adsIconFloat 4s ease-in-out infinite}.page-id-113 .arge-block-science .elementor-column:last-child .arge-info-icon{animation:adsIconFloat 4s ease-in-out -2s infinite}.page-id-113 .arge-block-science .arge-info-icon svg path,.page-id-113 .arge-block-science .arge-info-icon svg circle{stroke-dasharray:120;stroke-dashoffset:120;animation:adsIconDraw 4.8s ease-in-out infinite}.page-id-113 .arge-block-science .elementor-column:last-child{transform:translateY(50px)} .page-id-113 .arge-block-science .arge-info-card:not(.arge-info-card--accent),.page-id-113 .arge-block-science .arge-info-card:not(.arge-info-card--accent) h3,.page-id-113 .arge-block-science .arge-info-card:not(.arge-info-card--accent) p,.page-id-113 .arge-block-science .arge-info-card:not(.arge-info-card--accent) span{color:#1d1d1b!important} @keyframes adsIconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}@keyframes adsIconDraw{0%{stroke-dashoffset:120}38%,72%{stroke-dashoffset:0}100%{stroke-dashoffset:-120}} .page-id-113 .arge-block-partners .qodef-clients-grid-holder{border:0!important}.page-id-113 .arge-block-partners .qodef-cc-item{height:180px!important;background:#fff!important;border:0!important}.page-id-113 .arge-block-partners .qodef-cc-item img{max-width:94%!important;max-height:120px!important;transform:translate(-50%,-50%) scale(1.12)!important} @media(max-width:767px){.qodef-menu-left .qodef-main-menu{position:relative!important;left:auto!important;transform:none}.page-id-113 .arge-block-science .elementor-column:last-child{transform:none}.page-id-113 .arge-science-card{min-height:0}.page-id-113 .arge-block-partners .qodef-cc-item{height:145px!important}.page-id-113 .arge-block-work .qodef-pl-item img{height:310px}} /* A single typographic positioning stage — no stock photography. */ .page-id-113 .ads-intro-section{--arge-chapter-bg:#fff;padding:0!important}.page-id-113 .ads-intro-section>.qodef-elementor-container-inner{width:min(1320px,calc(100% - 64px))}.page-id-113 .ads-intro{padding:clamp(70px,8vw,130px) 0 0;color:#1d1d1b}.page-id-113 .ads-intro-meta{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #1d1d1b;font:700 11px/1 Roboto,sans-serif;letter-spacing:.17em;text-transform:uppercase}.page-id-113 .ads-intro-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:60px;padding:clamp(45px,6vw,85px) 0}.page-id-113 .ads-intro-stage h2{margin:0;font-size:clamp(64px,9vw,138px);line-height:.79;letter-spacing:-.075em;color:#1d1d1b}.page-id-113 .ads-intro-stage h2 span{color:#d02e26}.page-id-113 .ads-intro-stage h2 em{color:#0067ae;font-style:normal} .page-id-113 .ads-signal{position:relative;width:240px;height:240px;margin-left:auto;border:1px solid #1d1d1b;border-radius:50%;animation:adsSignalRotate 18s linear infinite}.page-id-113 .ads-signal:before,.page-id-113 .ads-signal:after{content:'';position:absolute;background:#1d1d1b}.page-id-113 .ads-signal:before{left:50%;top:-25px;width:1px;height:290px}.page-id-113 .ads-signal:after{top:50%;left:-25px;height:1px;width:290px}.page-id-113 .ads-signal i{position:absolute;width:42px;height:42px}.page-id-113 .ads-signal i:nth-child(1){left:18px;top:18px;background:#d02e26}.page-id-113 .ads-signal i:nth-child(2){right:18px;top:18px;background:#0067ae}.page-id-113 .ads-signal i:nth-child(3){left:18px;bottom:18px;background:#ffee3b}.page-id-113 .ads-signal i:nth-child(4){right:18px;bottom:18px;background:#1d1d1b}.page-id-113 .ads-signal b{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:#d02e26;box-shadow:0 0 0 12px #fff}.page-id-113 .ads-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px);padding:45px 0 55px;border-top:1px solid #1d1d1b}.page-id-113 .ads-intro-claim{margin:0;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:.95;letter-spacing:-.055em}.page-id-113 .ads-intro-copy h3{margin:0 0 18px;font-size:clamp(25px,2.4vw,38px);line-height:1.05;letter-spacing:-.035em}.page-id-113 .ads-intro-copy p{max-width:630px;font-size:17px;line-height:1.6}.page-id-113 .ads-intro-copy a{display:inline-flex;gap:24px;margin-top:12px;padding-bottom:4px;border-bottom:1px solid currentColor;font-weight:700}.page-id-113 .ads-intro-copy a span{transition:transform .3s}.page-id-113 .ads-intro-copy a:hover span{transform:translate(5px,5px)}.page-id-113 .ads-intro-track{display:flex;justify-content:space-between;gap:30px;padding:20px 0;border-top:1px solid #1d1d1b;font:700 11px/1 Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;overflow:hidden}.page-id-113 .ads-intro-track span:before{content:'●';margin-right:12px;color:#d02e26}.page-id-113 .ads-intro-track span:nth-child(2n):before{color:#0067ae}.page-id-113 .ads-intro-track span:nth-child(3n):before{color:#ffee3b} @keyframes adsSignalRotate{to{transform:rotate(360deg)}} @media(max-width:900px){.page-id-113 .ads-intro-stage{grid-template-columns:1fr 160px;gap:30px}.page-id-113 .ads-signal{width:140px;height:140px}.page-id-113 .ads-signal:before{top:-15px;height:170px}.page-id-113 .ads-signal:after{left:-15px;width:170px}.page-id-113 .ads-signal i{width:26px;height:26px}.page-id-113 .ads-intro-track{justify-content:flex-start;overflow-x:auto}} @media(max-width:767px){.page-id-113 .ads-intro-section>.qodef-elementor-container-inner{width:calc(100% - 30px)}.page-id-113 .ads-intro{padding-top:50px}.page-id-113 .ads-intro-stage{grid-template-columns:1fr;padding:40px 0}.page-id-113 .ads-intro-stage h2{font-size:clamp(54px,19vw,82px);line-height:.84}.page-id-113 .ads-signal{width:105px;height:105px;margin:10px 18px 0 auto}.page-id-113 .ads-signal:before{top:-12px;height:129px}.page-id-113 .ads-signal:after{left:-12px;width:129px}.page-id-113 .ads-signal i{width:20px;height:20px}.page-id-113 .ads-intro-bottom{grid-template-columns:1fr;gap:28px;padding:34px 0 42px}.page-id-113 .ads-intro-track{padding-bottom:24px}.page-id-113 .ads-intro-track span{white-space:nowrap}} /* Animated color-psychology system from the ADSEMBLING brand bar. */ .page-id-113 .ads-intro-stage{grid-template-columns:minmax(0,1fr) minmax(310px,430px)}.page-id-113 .ads-color-system{width:100%;align-self:center}.page-id-113 .ads-color-bar{display:block;width:100%;height:auto;overflow:visible}.page-id-113 .ads-segment{transform-box:fill-box;transform-origin:center;animation:adsBarIn .8s cubic-bezier(.2,.8,.2,1) both}.page-id-113 .ads-red{fill:#d02e26;animation-delay:.1s}.page-id-113 .ads-blue{fill:#0067ae;animation-delay:.25s}.page-id-113 .ads-black{fill:#1d1d1b;animation:adsBlackOut 5.5s cubic-bezier(.2,.8,.2,1) 1.2s infinite}.page-id-113 .ads-white{fill:#fff;stroke:#1d1d1b;stroke-width:1;animation-delay:.55s}.page-id-113 .ads-yellow{fill:#ffee3b;animation-delay:.7s}.page-id-113 .ads-black-cut{fill:none;stroke:#d02e26;stroke-width:7;stroke-linecap:round;stroke-dasharray:190;stroke-dashoffset:190;animation:adsCut 5.5s ease 1.2s infinite}.page-id-113 .ads-color-terms{position:relative;min-height:155px;margin-top:28px;border-top:1px solid #1d1d1b}.page-id-113 .ads-color-terms span{position:absolute;left:0;top:22px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px);font-size:15px;animation:adsTerm 10s ease infinite}.page-id-113 .ads-color-terms b{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.page-id-113 .ads-term-red{color:#d02e26;animation-delay:0s!important}.page-id-113 .ads-term-blue{color:#0067ae;animation-delay:2s!important}.page-id-113 .ads-term-white{color:#1d1d1b;animation-delay:4s!important}.page-id-113 .ads-term-yellow{color:#8c7900;animation-delay:6s!important}.page-id-113 .ads-term-black{color:#1d1d1b;animation-delay:8s!important}.page-id-113 .ads-term-black:after{content:'';position:absolute;left:0;right:0;top:55%;height:2px;background:#d02e26;transform-origin:left;animation:adsStrike 10s ease 8s infinite} @keyframes adsBarIn{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes adsBlackOut{0%,22%,100%{opacity:1;transform:scale(1)}38%,82%{opacity:.08;transform:scale(.72)}}@keyframes adsCut{0%,20%,100%{stroke-dashoffset:190;opacity:0}30%,74%{stroke-dashoffset:0;opacity:1}86%{opacity:0}}@keyframes adsTerm{0%,100%{opacity:0;transform:translateY(10px)}5%,16%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-8px)}}@keyframes adsStrike{0%,100%{transform:scaleX(0)}5%,16%{transform:scaleX(1)}20%{transform:scaleX(0)}} @media(max-width:900px){.page-id-113 .ads-intro-stage{grid-template-columns:1fr minmax(260px,340px)}}@media(max-width:767px){.page-id-113 .ads-intro-stage{grid-template-columns:1fr}.page-id-113 .ads-color-system{max-width:330px;margin:15px 0 0 auto}.page-id-113 .ads-color-terms{min-height:115px}} /* Focused positioning: one promise, one rationale, one color system. */ .page-id-113 .ads-intro--focused{padding:clamp(85px,9vw,150px) 0 clamp(75px,8vw,125px)}.page-id-113 .ads-intro--focused .ads-intro-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:clamp(65px,9vw,145px);align-items:end;padding:0}.page-id-113 .ads-intro-message h2{margin:0 0 clamp(38px,5vw,70px);font-size:clamp(72px,9.2vw,142px);line-height:.82;letter-spacing:-.075em;color:#1d1d1b}.page-id-113 .ads-intro-message h2 span{color:#d02e26}.page-id-113 .ads-intro--focused .ads-intro-copy{max-width:720px;padding-top:30px;border-top:1px solid #1d1d1b}.page-id-113 .ads-intro--focused .ads-intro-copy h3{margin:0 0 18px;font-size:clamp(28px,2.5vw,40px);line-height:1.03;letter-spacing:-.04em}.page-id-113 .ads-intro--focused .ads-intro-copy p{margin:0;font-size:17px;line-height:1.65}.page-id-113 .ads-intro--focused .ads-color-system{align-self:end!important;margin-bottom:0} .page-id-113 .ads-intro--focused .ads-black{fill:#1d1d1b;opacity:1!important;transform:none;animation:adsSegmentActive 10s ease 4s infinite!important}.page-id-113 .ads-intro--focused .ads-black-cut,.page-id-113 .ads-intro--focused .ads-term-black:after{display:none!important}.page-id-113 .ads-intro--focused .ads-red{animation:adsSegmentActive 10s ease 0s infinite!important}.page-id-113 .ads-intro--focused .ads-blue{animation:adsSegmentActive 10s ease 2s infinite!important}.page-id-113 .ads-intro--focused .ads-white{animation:adsSegmentActive 10s ease 6s infinite!important}.page-id-113 .ads-intro--focused .ads-yellow{animation:adsSegmentActive 10s ease 8s infinite!important}.page-id-113 .ads-intro--focused .ads-term-red{animation-delay:0s!important}.page-id-113 .ads-intro--focused .ads-term-blue{animation-delay:2s!important}.page-id-113 .ads-intro--focused .ads-term-black{animation-delay:4s!important}.page-id-113 .ads-intro--focused .ads-term-white{animation-delay:6s!important}.page-id-113 .ads-intro--focused .ads-term-yellow{animation-delay:8s!important} @keyframes adsSegmentActive{0%,20%,100%{transform:scaleY(1)}5%,16%{transform:scaleY(1.1)}} @media(max-width:900px){.page-id-113 .ads-intro--focused .ads-intro-stage{grid-template-columns:1fr minmax(280px,.65fr);gap:45px}}@media(max-width:767px){.page-id-113 .ads-intro--focused{padding:60px 0 70px}.page-id-113 .ads-intro--focused .ads-intro-stage{grid-template-columns:1fr;gap:50px}.page-id-113 .ads-intro-message h2{font-size:clamp(62px,20vw,92px)}.page-id-113 .ads-intro--focused .ads-color-system{max-width:none;margin:0}.page-id-113 .ads-intro--focused .ads-color-terms{min-height:110px}} /* Structured two-tier layout: statement first, rationale and system second. */ .page-id-113 .ads-intro--focused{padding:clamp(80px,8vw,125px) 0 clamp(80px,8vw,120px)} .page-id-113 .ads-intro--focused .ads-intro-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);grid-template-areas:'headline headline' 'copy colors';column-gap:clamp(70px,9vw,150px);row-gap:clamp(65px,7vw,105px);align-items:stretch} .page-id-113 .ads-intro--focused .ads-intro-message{display:contents} .page-id-113 .ads-intro--focused .ads-intro-message h2{grid-area:headline;max-width:1180px;margin:0;font-size:clamp(70px,8.2vw,126px);line-height:.86;letter-spacing:-.072em} .page-id-113 .ads-intro--focused .ads-intro-message h2 br{display:none} .page-id-113 .ads-intro--focused .ads-intro-copy{grid-area:copy;display:flex;flex-direction:column;justify-content:space-between;max-width:none;min-height:230px;margin:0;padding:34px 0 0;border-top:2px solid #1d1d1b} .page-id-113 .ads-intro--focused .ads-intro-copy h3{max-width:650px;margin:0 0 32px;font-size:clamp(30px,2.7vw,43px);line-height:1.02} .page-id-113 .ads-intro--focused .ads-intro-copy p{max-width:720px;margin:auto 0 0;font-size:18px;line-height:1.62} .page-id-113 .ads-intro--focused .ads-color-system{grid-area:colors;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch!important;min-height:230px;margin:0;padding-top:34px;border-top:2px solid #1d1d1b} .page-id-113 .ads-intro--focused .ads-color-bar{margin:0;width:100%} .page-id-113 .ads-intro--focused .ads-color-terms{min-height:68px;margin:auto 0 0;padding-top:22px;border-top:1px solid #1d1d1b} .page-id-113 .ads-intro--focused .ads-color-terms span{top:22px} @media(max-width:900px){.page-id-113 .ads-intro--focused .ads-intro-stage{grid-template-columns:1fr;grid-template-areas:'headline' 'copy' 'colors';row-gap:50px}.page-id-113 .ads-intro--focused .ads-intro-copy,.page-id-113 .ads-intro--focused .ads-color-system{min-height:0}.page-id-113 .ads-intro--focused .ads-color-system{max-width:520px;margin:0 0 0 auto}} @media(max-width:767px){.page-id-113 .ads-intro--focused{padding:55px 0 70px}.page-id-113 .ads-intro--focused .ads-intro-stage{row-gap:42px}.page-id-113 .ads-intro--focused .ads-intro-message h2{font-size:clamp(58px,18vw,82px);line-height:.88}.page-id-113 .ads-intro--focused .ads-intro-copy,.page-id-113 .ads-intro--focused .ads-color-system{padding-top:26px}.page-id-113 .ads-intro--focused .ads-color-system{max-width:none}} /* Claim hero: the original campaign image remains the photographic foundation. */ .page-id-113 rs-layer#slider-13-slide-13-layer-1, .page-id-113 rs-layer#slider-13-slide-13-layer-2, .page-id-113 rs-layer#slider-13-slide-13-layer-5, .page-id-113 rs-layer#slider-13-slide-13-layer-20{opacity:0!important;visibility:hidden!important} .page-id-113 rs-fullwidth-wrap{position:relative!important} .page-id-113 .ads-claim-hero{position:absolute;z-index:22;inset:0;overflow:hidden;color:#1d1d1b;pointer-events:none} .page-id-113 .ads-claim-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 31%,rgba(255,255,255,.25) 58%,rgba(255,255,255,.03) 78%);pointer-events:none} .page-id-113 .ads-claim-hero__inner{position:relative;display:flex;flex-direction:column;width:min(1570px,calc(100% - 80px));height:100%;margin:0 auto;padding:clamp(145px,15vh,190px) 0 44px;box-sizing:border-box} .page-id-113 .ads-claim-hero__eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 30px;font:700 11px/1 Roboto,sans-serif;letter-spacing:.18em;text-transform:uppercase} .page-id-113 .ads-claim-hero__eyebrow:before{content:'';width:38px;height:3px;background:#d02e26} .page-id-113 .ads-claim-hero__eyebrow span{font-weight:500;color:#555;letter-spacing:.11em} .page-id-113 .ads-claim-hero h1{max-width:760px;margin:0;font-size:clamp(80px,9vw,152px);line-height:.78;letter-spacing:-.078em;color:#1d1d1b} .page-id-113 .ads-claim-hero h1 span,.page-id-113 .ads-claim-hero h1 strong{display:block;font-weight:700} .page-id-113 .ads-claim-hero h1 strong{color:#d02e26} .page-id-113 .ads-claim-hero__intro{max-width:540px;margin:36px 0 0;font-size:clamp(18px,1.45vw,23px);line-height:1.45;color:#1d1d1b} .page-id-113 .ads-claim-hero__scroll{display:inline-flex;align-items:center;gap:16px;width:max-content;margin-top:30px;color:#1d1d1b;font-size:13px;font-weight:700;pointer-events:auto} .page-id-113 .ads-claim-hero__scroll i{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-style:normal;transition:transform .3s,background .3s,color .3s} .page-id-113 .ads-claim-hero__scroll:hover i{transform:translateY(5px);background:#1d1d1b;color:#fff} .page-id-113 .ads-claim-hero__system{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;width:min(620px,48vw);height:74px;margin:auto 0 0;pointer-events:auto} .page-id-113 .ads-claim-hero__color{position:relative;height:54px;padding:0;border:0;appearance:none;cursor:pointer;transform-origin:bottom;transition:height .5s cubic-bezier(.2,.8,.2,1);outline-offset:4px} .page-id-113 .ads-claim-hero__color.is-active,.page-id-113 .ads-claim-hero__color:hover,.page-id-113 .ads-claim-hero__color:focus-visible{height:60px} .page-id-113 .ads-claim-hero__color--1{background:#d02e26}.page-id-113 .ads-claim-hero__color--2{background:#0067ae}.page-id-113 .ads-claim-hero__color--3{background:#1d1d1b}.page-id-113 .ads-claim-hero__color--4{background:#fff;border:1px solid #1d1d1b}.page-id-113 .ads-claim-hero__color--5{background:#ffee3b} .page-id-113 .ads-claim-hero__color span{position:absolute;left:0;bottom:calc(100% + 12px);width:max-content;max-width:170px;padding:5px 8px;background:#fff;color:#1d1d1b;font:700 10px/1.25 Roboto,sans-serif;letter-spacing:.08em;text-align:left;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;pointer-events:none} .page-id-113 .ads-claim-hero__color.is-active span,.page-id-113 .ads-claim-hero__color:hover span,.page-id-113 .ads-claim-hero__color:focus-visible span{opacity:1;transform:translateY(0)} .page-id-113 .ads-claim-hero__eyebrow{animation:adsHeroReveal .7s .1s cubic-bezier(.2,.8,.2,1) both}.page-id-113 .ads-claim-hero h1 span{animation:adsHeroReveal .9s .24s cubic-bezier(.2,.8,.2,1) both}.page-id-113 .ads-claim-hero h1 strong{animation:adsHeroReveal .9s .36s cubic-bezier(.2,.8,.2,1) both}.page-id-113 .ads-claim-hero__intro{animation:adsHeroReveal .8s .52s cubic-bezier(.2,.8,.2,1) both}.page-id-113 .ads-claim-hero__scroll{animation:adsHeroReveal .8s .62s cubic-bezier(.2,.8,.2,1) both}.page-id-113 .ads-claim-hero__system{animation:adsHeroBar .9s .72s cubic-bezier(.2,.8,.2,1) both} @keyframes adsHeroReveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes adsHeroBar{from{opacity:0;transform:scaleX(.3);transform-origin:left bottom}to{opacity:1;transform:scaleX(1);transform-origin:left bottom}} @media(max-width:1024px){.page-id-113 .ads-claim-hero__inner{width:calc(100% - 50px)}.page-id-113 .ads-claim-hero h1{font-size:clamp(72px,11vw,112px)}.page-id-113 .ads-claim-hero__system{width:min(560px,60vw)}} @media(max-width:767px){.page-id-113 rs-module-wrap{display:block!important;height:760px!important}.page-id-113 rs-fullwidth-wrap,.page-id-113 rs-module{height:760px!important}.page-id-113 .ads-claim-hero__shade{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.82) 54%,rgba(255,255,255,.4) 100%)}.page-id-113 .ads-claim-hero__inner{width:calc(100% - 30px);padding:120px 0 28px}.page-id-113 .ads-claim-hero__eyebrow span{display:none}.page-id-113 .ads-claim-hero h1{font-size:clamp(66px,20vw,92px);line-height:.82}.page-id-113 .ads-claim-hero__intro{max-width:92%;margin-top:28px;font-size:18px}.page-id-113 .ads-claim-hero__system{width:100%;height:64px}.page-id-113 .ads-claim-hero__color{height:46px}.page-id-113 .ads-claim-hero__color.is-active{height:51px}.page-id-113 .ads-claim-hero__color span{max-width:120px;font-size:8px}} @media(prefers-reduced-motion:reduce){.page-id-113 .ads-claim-hero__color{transition:none}} /* Welcome: an editorial bridge from the claim to the work. */ .page-id-113 .ads-intro-section{--arge-chapter-bg:#fff;padding:0!important;overflow:hidden} .page-id-113 .ads-intro-section>.qodef-elementor-container-inner{width:min(1320px,calc(100% - 64px))} .page-id-113 .ads-welcome{padding:clamp(90px,10vw,155px) 0 clamp(72px,8vw,120px);color:#1d1d1b} .page-id-113 .ads-welcome__eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 clamp(48px,6vw,88px);font:700 11px/1 Roboto,sans-serif;letter-spacing:.18em;text-transform:uppercase} .page-id-113 .ads-welcome__eyebrow:before{content:'';width:40px;height:3px;background:#d02e26} .page-id-113 .ads-welcome__grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr);gap:clamp(60px,7vw,115px);align-items:end} .page-id-113 .ads-welcome h2{max-width:850px;margin:0;font-size:clamp(58px,5.8vw,92px);font-weight:700;line-height:.9;letter-spacing:-.06em;overflow-wrap:normal;word-break:normal;color:#1d1d1b} .page-id-113 .ads-welcome h2 span,.page-id-113 .ads-welcome h2 em{display:block;font-style:normal} .page-id-113 .ads-welcome h2 span{color:#0067ae}.page-id-113 .ads-welcome h2 em{color:#d02e26} .page-id-113 .ads-welcome__copy{padding-top:28px;border-top:2px solid #1d1d1b} .page-id-113 .ads-welcome__copy p{max-width:580px;margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.65} .page-id-113 .ads-impact-node{--ads-node-x:0px;--ads-node-y:0px;position:absolute;width:13px;height:13px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px currentColor;transform:translate(var(--ads-node-x),var(--ads-node-y));transition:transform .35s cubic-bezier(.2,.8,.2,1);animation:adsNodePulse 2.8s ease-in-out infinite} .page-id-113 .ads-impact-node--one{left:19%;top:32%;color:#0067ae;background:#0067ae}.page-id-113 .ads-impact-node--two{left:61.5%;top:24%;color:#d02e26;background:#d02e26;animation-delay:-.9s}.page-id-113 .ads-impact-node--three{left:86%;top:37%;color:#1d1d1b;background:#1d1d1b;animation-delay:-1.8s} .page-id-113 .ads-welcome__next{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:22px;border-top:1px solid #1d1d1b;color:#1d1d1b;font-size:13px;font-weight:700} .page-id-113 .ads-welcome__next i{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font-style:normal;transition:transform .3s,background .3s,color .3s} .page-id-113 .ads-welcome__next:hover i{transform:translateY(5px);background:#1d1d1b;color:#fff} @keyframes adsSignalDraw{to{stroke-dashoffset:0}}@keyframes adsNodePulse{0%,100%{box-shadow:0 0 0 1px currentColor,0 0 0 0 currentColor}50%{box-shadow:0 0 0 1px currentColor,0 0 0 8px transparent}} @supports(animation-timeline:view()){ .page-id-113 .ads-welcome__eyebrow,.page-id-113 .ads-welcome h2,.page-id-113 .ads-welcome__copy{animation:adsWelcomeReveal linear both;animation-timeline:view();animation-range:entry 0% cover 30%} @keyframes adsWelcomeReveal{from{opacity:.15;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}} } @media(max-width:900px){.page-id-113 .ads-welcome__grid{grid-template-columns:1fr;gap:48px}.page-id-113 .ads-welcome__copy{max-width:680px;margin-left:auto}} @media(max-width:767px){.page-id-113 .ads-intro-section>.qodef-elementor-container-inner{width:calc(100% - 30px)}.page-id-113 .ads-welcome{padding:70px 0 65px}.page-id-113 .ads-welcome__eyebrow{margin-bottom:42px}.page-id-113 .ads-welcome h2{font-size:clamp(52px,16vw,76px);line-height:.9}.page-id-113 .ads-welcome__grid{gap:40px}.page-id-113 .ads-welcome__copy{padding-top:24px}.page-id-113 .ads-impact-node{width:10px;height:10px;border-width:2px}} /* Two-row portfolio stage: the second stream travels in the opposite direction. */ .page-id-113 .arge-block-work .ads-reference-slider{position:relative} .page-id-113 .arge-block-work .ads-reference-slider--forward{margin-top:58px} .page-id-113 .arge-block-work .ads-reference-slider--reverse{margin-top:22px} .page-id-113 .arge-block-work .ads-reference-slider--reverse .owl-stage-outer{transform:scaleX(-1)} .page-id-113 .arge-block-work .ads-reference-slider--reverse .owl-item{transform:scaleX(-1)} .page-id-113 .arge-block-work .ads-reference-slider--reverse .qodef-pli-text-holder{direction:ltr} .page-id-113 .arge-block-work .ads-reference-slider .qodef-pl-item img{height:clamp(245px,24vw,365px)} .page-id-113 .arge-block-work .ads-reference-slider:nth-of-type(2) .qodef-pl-item{transform:translateY(0)} .page-id-113 .arge-block-work .ads-reference-slider:nth-of-type(2) .qodef-pl-item:hover{transform:translateY(-9px)} .page-id-113 .arge-block-work{padding-top:78px!important;padding-bottom:95px!important} .page-id-113 .arge-block-work .qodef-st-title{max-width:1120px;font-size:clamp(48px,6vw,92px)!important;line-height:.92!important} .page-id-113 .arge-block-work .ads-reference-slider--forward{margin-top:42px} .page-id-113 .arge-block-work .ads-reference-slider--reverse{margin-top:16px} .page-id-113 .arge-block-work .ads-reference-slider .qodef-pl-item img{height:clamp(225px,20vw,300px)} @media(max-width:767px){.page-id-113 .arge-block-work .ads-reference-slider--forward{margin-top:42px}.page-id-113 .arge-block-work .ads-reference-slider--reverse{margin-top:16px}.page-id-113 .arge-block-work .ads-reference-slider .qodef-pl-item img{height:270px}} /* Work proof: projects, full archive link and metrics form one black chapter. */ .page-id-113 .ads-all-references{display:flex;justify-content:flex-end;width:min(1180px,calc(100% - 64px));margin:42px auto 0} .page-id-113 .ads-all-references a{display:inline-flex;align-items:center;gap:34px;padding:17px 20px 17px 24px;border:1px solid rgba(255,255,255,.65);color:#fff;font-weight:700;transition:background .3s,color .3s} .page-id-113 .ads-all-references a i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d02e26;color:#fff;font-style:normal;transition:transform .3s} .page-id-113 .ads-all-references a:hover{background:#fff;color:#1d1d1b}.page-id-113 .ads-all-references a:hover i{transform:translate(4px,-4px)} .page-id-113 .arge-block-work{padding-bottom:68px!important} .page-id-113 .arge-block-counters{--arge-chapter-bg:#1d1d1b;padding-top:20px!important;padding-bottom:95px!important} .page-id-113 .arge-block-counters:before{content:'';position:absolute;top:0;left:50%;width:min(1180px,calc(100% - 64px));height:1px;background:rgba(255,255,255,.22);transform:translateX(-50%)} .page-id-113 .arge-block-counters .elementor-column{border-top:0;padding-top:34px} /* One continuous impact chapter: statement, scientific tool and directed creativity. */ .page-id-113 .arge-block-impact-intro,.page-id-113 .arge-block-impact-cards{--arge-chapter-bg:#0067ae;color:#fff} .page-id-113 .arge-block-impact-intro{padding-top:105px!important;padding-bottom:45px!important} .page-id-113 .arge-block-impact-intro .qodef-st-title{max-width:1080px;color:#fff!important} .page-id-113 .arge-block-impact-intro .qodef-st-title-emphasize>span:last-child{color:#ffee3b!important} .page-id-113 .arge-block-impact-cards{padding-top:25px!important;padding-bottom:115px!important} .page-id-113 .arge-block-impact-cards:before{content:none!important} @media(max-width:767px){.page-id-113 .ads-all-references{width:calc(100% - 30px);margin-top:30px}.page-id-113 .ads-all-references a{width:100%;justify-content:space-between}.page-id-113 .arge-block-counters:before{width:calc(100% - 30px)}.page-id-113 .arge-block-impact-intro{padding-top:75px!important;padding-bottom:30px!important}.page-id-113 .arge-block-impact-cards{padding-top:15px!important;padding-bottom:80px!important}} /* Section-colour cards: structure through outlines, not contrasting panels. */ .page-id-113 .arge-block-impact-cards .arge-info-card, .page-id-113 .arge-block-impact-cards .arge-info-card--accent{background:#0067ae!important;border-color:rgba(255,255,255,.72)!important;color:#fff!important;box-shadow:none} .page-id-113 .arge-block-impact-cards .arge-info-card h3, .page-id-113 .arge-block-impact-cards .arge-info-card p, .page-id-113 .arge-block-impact-cards .arge-info-card span, .page-id-113 .arge-block-impact-cards .arge-info-card a{color:#fff!important} .page-id-113 .arge-block-impact-cards .arge-info-icon{border-color:#fff!important;color:#fff!important;background:transparent!important} .page-id-113 .arge-block-impact-cards .arge-info-icon svg{stroke:#fff!important} .page-id-113 .arge-block-impact-cards .arge-card-link{border-top-color:rgba(255,255,255,.5)!important} .page-id-113 .arge-block-impact-cards .arge-info-card:after{border-color:#fff!important} .page-id-113 .arge-block-impact-cards .arge-info-card:hover{box-shadow:none} .page-id-113 .arge-block-impact-cards .arge-info-card:hover .arge-info-icon{background:#fff!important;border-color:#fff!important;color:#0067ae!important} .page-id-113 .arge-block-impact-cards .arge-info-card:hover .arge-info-icon svg{stroke:#0067ae!important} .page-id-113 .arge-block-impact-cards .arge-info-card:not(.arge-info-card--accent), .page-id-113 .arge-block-impact-cards .arge-info-card:not(.arge-info-card--accent) h3, .page-id-113 .arge-block-impact-cards .arge-info-card:not(.arge-info-card--accent) p, .page-id-113 .arge-block-impact-cards .arge-info-card:not(.arge-info-card--accent) span{color:#fff!important} .page-id-113 .arge-block-impact-cards .arge-info-card:not(.arge-info-card--accent) .arge-info-icon{color:#fff!important} .page-id-113 .arge-block-impact-cards .arge-info-card:not(.arge-info-card--accent):hover .arge-info-icon{color:#0067ae!important} .page-id-113 .arge-block-services .arge-info-card{background:#ffee3b!important;border-color:rgba(29,29,27,.72)!important;color:#1d1d1b!important;box-shadow:none} .page-id-113 .arge-block-services .arge-info-card h3, .page-id-113 .arge-block-services .arge-info-card p, .page-id-113 .arge-block-services .arge-info-card span, .page-id-113 .arge-block-services .arge-info-card a{color:#1d1d1b!important} .page-id-113 .arge-block-services .arge-info-icon{border-color:#1d1d1b!important;color:#1d1d1b!important;background:transparent!important} .page-id-113 .arge-block-services .arge-info-icon svg{stroke:#1d1d1b!important} .page-id-113 .arge-block-services .arge-card-link{border-top-color:rgba(29,29,27,.5)!important} .page-id-113 .arge-block-services .arge-info-card:after{border-color:#1d1d1b!important} .page-id-113 .arge-block-services .arge-info-card:hover{box-shadow:none} .page-id-113 .arge-block-services .arge-info-card:hover .arge-info-icon{background:#1d1d1b!important;border-color:#1d1d1b!important;color:#ffee3b!important} .page-id-113 .arge-block-services .arge-info-card:hover .arge-info-icon svg{stroke:#ffee3b!important} /* Insights overview and editorial articles. */ .page-id-5629 .arge-home-section{padding-bottom:55px}.page-id-5629 .arge-home-lead{max-width:780px} .ads-insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,58px);width:min(1300px,calc(100% - 64px));margin:0 auto clamp(90px,10vw,150px)} .ads-insight-card{border-top:2px solid #1d1d1b}.ads-insight-card__image{display:block;overflow:hidden;aspect-ratio:1/1;margin-top:24px}.ads-insight-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.ads-insight-card:hover .ads-insight-card__image img{transform:scale(1.025)} .ads-insight-card__content{padding:26px 0 0}.ads-insight-card__meta{margin:0 0 18px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#0067ae}.ads-insight-card h2{margin:0 0 18px;font-size:clamp(30px,3vw,48px);line-height:1;letter-spacing:-.04em}.ads-insight-card h2 a{color:#1d1d1b}.ads-insight-card__content>p:not(.ads-insight-card__meta){max-width:620px;font-size:17px;line-height:1.6}.ads-insight-card__link{display:inline-flex;gap:22px;margin-top:12px;padding-bottom:4px;border-bottom:1px solid #1d1d1b;color:#1d1d1b;font-weight:700}.ads-insight-card__link span{color:#d02e26} .single-post .qodef-blog-holder article .qodef-post-image img{width:100%;max-height:780px;object-fit:cover}.single-post .qodef-post-text-main{max-width:880px;margin:0 auto}.single-post .qodef-post-title{font-size:clamp(48px,6vw,92px)!important;line-height:.95!important;letter-spacing:-.05em}.single-post .qodef-post-text-main h2{margin:60px 0 22px;font-size:clamp(30px,3.2vw,48px);line-height:1.03;letter-spacing:-.035em}.single-post .qodef-post-text-main p,.single-post .qodef-post-text-main li{font-size:18px;line-height:1.7}.single-post .qodef-post-text-main a{color:#0067ae;text-decoration:underline}.single-post .qodef-post-info-author-link{font-weight:700} @media(max-width:767px){.ads-insights-grid{grid-template-columns:1fr;width:calc(100% - 30px);gap:60px}.ads-insight-card h2{font-size:34px}.single-post .qodef-post-title{font-size:48px!important}.single-post .qodef-post-text-main p,.single-post .qodef-post-text-main li{font-size:17px}} .single-post .ads-article-byline{display:flex;align-items:baseline;gap:16px;margin:0 0 52px;padding:20px 0;border-top:2px solid #1d1d1b;border-bottom:1px solid rgba(29,29,27,.25);font-size:14px}.single-post .ads-article-byline span{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#0067ae}.single-post .ads-article-byline strong{font-size:17px}.single-post .ads-article-byline time{margin-left:auto;color:#666} @media(max-width:767px){.single-post .ads-article-byline{flex-wrap:wrap;margin-bottom:38px}.single-post .ads-article-byline time{width:100%;margin-left:0}} /* Homepage refinement 2026-08: one coherent system across all chapters. */ .page-id-113 .ads-red-word{color:#d02e26!important} /* Hero: centered semantics above each animated corporate colour. */ .page-id-113 .ads-claim-hero__eyebrow{gap:0} .page-id-113 .ads-claim-hero__eyebrow span{display:none!important} .page-id-113 .ads-claim-hero__intro{max-width:620px} .page-id-113 .ads-claim-hero__color span{left:50%;bottom:calc(100% + 13px);width:max-content;max-width:150px;padding:5px 7px;text-align:center;transform:translate(-50%,6px)} .page-id-113 .ads-claim-hero__color.is-active span,.page-id-113 .ads-claim-hero__color:hover span,.page-id-113 .ads-claim-hero__color:focus-visible span{transform:translate(-50%,0)} .page-id-113 .ads-claim-hero__color span{opacity:1;transform:translate(-50%,0)} /* Welcome: copy without a dividing rule and a richer animated impact field. */ .page-id-113 .ads-welcome__copy{padding-top:0;border-top:0} .page-id-113 .ads-impact-node{width:17px;height:17px;animation:adsNodeSpectacle 3.2s ease-in-out infinite} @keyframes adsSignalFlow{to{stroke-dashoffset:-64}} @keyframes adsImpactGlow{0%,100%{transform:translate3d(0,0,0) scale(.8);opacity:.18}50%{transform:translate3d(70px,-16px,0) scale(1.35);opacity:.38}} @keyframes adsNodeSpectacle{0%,100%{box-shadow:0 0 0 1px currentColor,0 0 0 0 currentColor;scale:1}50%{box-shadow:0 0 0 1px currentColor,0 0 0 15px transparent;scale:1.18}} /* References: larger two-way visual stage and aligned actions. */ .page-id-113 .arge-block-work .ads-reference-slider .qodef-pl-item img{height:clamp(280px,25vw,375px)} .page-id-113 .arge-block-work .qodef-owl-slider .owl-nav .owl-prev,.page-id-113 .arge-block-work .qodef-owl-slider .owl-nav .owl-next,.page-id-113 .arge-block-work .owl-nav button,.page-id-113 .arge-block-work .owl-nav button span{color:#fff!important} .page-id-113 .arge-block-work .owl-nav button svg{fill:#fff!important;stroke:#fff!important} .page-id-113 .ads-all-references{justify-content:flex-start} .page-id-113 .ads-all-references{width:100%;max-width:none;margin-left:0;margin-right:0} /* Large headings without the legacy underline. */ .page-id-113 .arge-block-impact-intro .qodef-st-title,.page-id-113 .arge-block-services-title .qodef-st-title{border-bottom:0!important} .page-id-113 .arge-block-impact-intro .qodef-st-title:after,.page-id-113 .arge-block-impact-intro .qodef-st-title:before,.page-id-113 .arge-block-services-title .qodef-st-title:after,.page-id-113 .arge-block-services-title .qodef-st-title:before{display:none!important} .page-id-113 .arge-block-impact-intro:before{content:'WIRKUNG';position:absolute;right:-2vw;top:10px;color:rgba(255,255,255,.055);font:700 clamp(100px,18vw,280px)/1 Roboto,sans-serif;letter-spacing:-.08em;pointer-events:none} .page-id-113 .arge-block-services-title>.qodef-elementor-container-inner:before{content:'SYSTEM';position:absolute;right:-4vw;top:-30px;color:rgba(29,29,27,.055);font:700 clamp(100px,18vw,270px)/1 Roboto,sans-serif;letter-spacing:-.08em;pointer-events:none} .page-id-113 .arge-block-services-title>.qodef-elementor-container-inner{position:relative} /* Homepage knowledge channel. */ .page-id-113 .arge-block-insights-title{position:relative;overflow:hidden;padding-bottom:30px!important} .page-id-113 .arge-block-insights-title:before{content:'WISSEN';position:absolute;right:-3vw;top:5px;color:rgba(255,255,255,.065);font:700 clamp(105px,18vw,285px)/1 Roboto,sans-serif;letter-spacing:-.08em;pointer-events:none} .page-id-113 .arge-block-insights{padding-top:20px!important;padding-bottom:105px!important} .page-id-113 .arge-block-insights>.qodef-elementor-container-inner{width:min(1300px,calc(100% - 64px))} .page-id-113 .ads-home-knowledge{width:100%} .page-id-113 .ads-home-knowledge__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,42px)} .page-id-113 .ads-home-knowledge__card{position:relative;display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);min-height:300px;background:#fff;color:#1d1d1b;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s} .page-id-113 .ads-home-knowledge__card:hover{transform:translateY(-10px);box-shadow:0 28px 60px rgba(29,29,27,.2)} .page-id-113 .ads-home-knowledge__image{display:block;overflow:hidden}.page-id-113 .ads-home-knowledge__image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.page-id-113 .ads-home-knowledge__card:hover img{transform:scale(1.06) rotate(.6deg)} .page-id-113 .ads-home-knowledge__content{position:relative;display:flex;flex-direction:column;padding:clamp(24px,3vw,42px)} .page-id-113 .ads-home-knowledge__meta{margin:0 0 22px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d02e26!important} .page-id-113 .ads-home-knowledge__content h3{margin:0;padding-right:42px;font-size:clamp(25px,2.2vw,38px);line-height:1.02;letter-spacing:-.035em}.page-id-113 .ads-home-knowledge__content h3 a{color:#1d1d1b} .page-id-113 .ads-home-knowledge__read{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #1d1d1b;border-radius:50%;color:#1d1d1b;font-size:20px;transition:background .3s,color .3s,transform .3s}.page-id-113 .ads-home-knowledge__read:hover{background:#1d1d1b;color:#fff;transform:translate(4px,-4px)} .page-id-113 .ads-home-knowledge__channel{display:flex;align-items:center;justify-content:space-between;margin-top:36px;padding:20px 0;border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65);color:#fff;font-weight:700}.page-id-113 .ads-home-knowledge__channel i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffee3b;color:#1d1d1b;font-style:normal;transition:transform .3s}.page-id-113 .ads-home-knowledge__channel:hover i{transform:translate(4px,-4px)} @supports(animation-timeline:view()){.page-id-113 .ads-home-knowledge__card{animation:adsKnowledgeReveal linear both;animation-timeline:view();animation-range:entry 0% cover 28%}.page-id-113 .ads-home-knowledge__card:nth-child(even){animation-delay:.08s}@keyframes adsKnowledgeReveal{from{opacity:.1;transform:translateY(55px) rotate(.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}} /* Clients and testimonials as one continuous trust chapter. */ .page-id-113 .arge-block-partners{padding-top:105px!important;padding-bottom:45px!important} .page-id-113 .arge-block-partners .qodef-st-title{max-width:1100px;font-size:clamp(48px,6vw,92px)!important;line-height:.94!important;letter-spacing:-.05em} .page-id-113 .arge-block-partners .qodef-st-text{display:flex;align-items:center;gap:18px;max-width:780px;font-size:17px}.page-id-113 .arge-block-partners .qodef-st-text:before{content:'';flex:0 0 42px;height:2px;background:#d02e26} .page-id-113 .arge-block-voices-title{padding-top:50px!important;padding-bottom:5px!important} .page-id-113 .arge-block-voices-title:before{content:'';position:absolute;top:0;left:50%;width:min(1180px,calc(100% - 64px));height:1px;background:rgba(29,29,27,.16);transform:translateX(-50%)} .page-id-113 .arge-block-voices-title .qodef-st-title{font-size:clamp(30px,3.8vw,54px)!important;line-height:1!important} .page-id-113 .arge-block-voices-title .qodef-st-title{border-bottom:0!important}.page-id-113 .arge-block-voices-title .qodef-st-title:after,.page-id-113 .arge-block-voices-title .qodef-st-title:before{display:none!important} .page-id-113 .arge-block-voices-title .qodef-st-text{display:flex;align-items:center;gap:16px;font-size:16px}.page-id-113 .arge-block-voices-title .qodef-st-text:before{content:'';flex:0 0 38px;height:1px;background:#1d1d1b} .page-id-113 .arge-block-voices img[alt="testimonials quote pattern"],.page-id-113 .arge-block-voices .qodef-testimonial-quote,.page-id-113 .arge-block-voices .qodef-testimonials-quote{display:none!important} .page-id-113 .arge-block-voices .qodef-testimonial-text{max-width:1050px;margin-left:0;text-align:left} /* Personal contacts: close portraits without the old dot pattern. */ .page-id-113 .arge-block-team-title .qodef-st-title{max-width:1100px} .page-id-113 .arge-block-team-title .qodef-st-text{display:flex;align-items:center;gap:18px;font-size:17px}.page-id-113 .arge-block-team-title .qodef-st-text:before{content:'';flex:0 0 42px;height:2px;background:#0067ae} .page-id-113 .arge-block-team .qodef-team-image{height:clamp(460px,40vw,610px);background:#1d1d1b;clip-path:inset(0 0 0 0);transition:clip-path .65s cubic-bezier(.2,.8,.2,1)} .page-id-113 .arge-block-team .qodef-team-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.28);filter:grayscale(1) contrast(1.04);transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .6s} .page-id-113 .arge-block-team .elementor-column:first-child .qodef-team-image img{object-position:50% 26%}.page-id-113 .arge-block-team .elementor-column:last-child .qodef-team-image img{object-position:50% 24%} .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-image{clip-path:inset(12px)}.page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-image img{transform:scale(1.36);filter:grayscale(0) contrast(1.06)} .page-id-113 .arge-block-team .qodef-team-image:after{content:'';position:absolute;inset:0;border:0;background:linear-gradient(180deg,transparent 58%,rgba(29,29,27,.42));pointer-events:none} .page-id-113 .arge-block-team .qodef-team-overlay-pattern,.page-id-113 .arge-block-team .qodef-team-pattern,.page-id-113 .arge-block-team .qodef-team-image svg{display:none!important} .page-id-113 .arge-team-copy{padding-top:26px}.page-id-113 .arge-team-copy>p:first-child{max-width:620px;font-size:17px} /* Contact: aligned contact card with the brand bar, directly followed by the footer. */ .page-id-113 .arge-block-cta>.qodef-elementor-container-inner{align-items:stretch} .page-id-113 .arge-block-cta .elementor-column{display:flex}.page-id-113 .arge-block-cta .elementor-widget-wrap{width:100%;align-content:stretch}.page-id-113 .arge-block-cta .elementor-widget-text-editor{width:100%} .page-id-113 .arge-cta-copy{height:100%;box-sizing:border-box} .page-id-113 .arge-cta-panel{height:100%;min-height:0;padding:clamp(36px,4vw,58px);justify-content:flex-end;box-sizing:border-box} .page-id-113 .arge-cta-brandbar{display:grid;grid-template-columns:repeat(5,1fr);height:72px;margin:0 0 auto}.page-id-113 .arge-cta-brandbar i:nth-child(1){background:#d02e26}.page-id-113 .arge-cta-brandbar i:nth-child(2){background:#0067ae}.page-id-113 .arge-cta-brandbar i:nth-child(3){background:#1d1d1b;border:1px solid rgba(255,255,255,.3)}.page-id-113 .arge-cta-brandbar i:nth-child(4){background:#fff}.page-id-113 .arge-cta-brandbar i:nth-child(5){background:#ffee3b} .page-id-113 .arge-cta-panel .arge-kicker{margin-top:50px}.page-id-113 .arge-cta-panel a{font-size:clamp(18px,1.7vw,25px)} .page-id-113 .arge-block-cta{margin-bottom:0!important}.page-id-113 .qodef-page-footer{margin-top:0!important} @media(max-width:1024px){.page-id-113 .ads-home-knowledge__card{grid-template-columns:1fr}.page-id-113 .ads-home-knowledge__image{aspect-ratio:16/10}.page-id-113 .arge-block-team .qodef-team-image img{transform:scale(1.18)}} @media(max-width:767px){.page-id-113 .ads-claim-hero__color span{max-width:82px;font-size:7px;letter-spacing:.04em}.page-id-113 .arge-block-work .ads-reference-slider .qodef-pl-item img{height:335px}.page-id-113 .ads-home-knowledge__grid{grid-template-columns:1fr}.page-id-113 .arge-block-insights>.qodef-elementor-container-inner{width:calc(100% - 30px)}.page-id-113 .arge-block-partners .qodef-st-title{font-size:48px!important}.page-id-113 .arge-block-voices-title:before{width:calc(100% - 30px)}.page-id-113 .arge-block-team .qodef-team-image{height:430px}.page-id-113 .arge-block-cta .elementor-column{display:block}.page-id-113 .arge-cta-panel{margin-top:35px;min-height:360px}} /* Final visual QA refinements. */ .page-id-113 .ads-home-knowledge__content h3{font-size:clamp(25px,1.55vw,34px);overflow-wrap:normal;hyphens:none} .page-id-113 .arge-block-partners .qodef-cc-item{width:20%!important;height:210px!important} .page-id-113 .arge-block-partners .qodef-cc-item img{max-width:96%!important;max-height:155px!important;transform:translate(-50%,-50%) scale(1.22)!important} .page-id-113 .arge-block-team .qodef-team-image img{object-position:center 30%;transform:scale(2.15);transform-origin:center 29%} .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-image img{transform:scale(2.25);filter:grayscale(0) contrast(1)} @media(max-width:767px){.page-id-113 .arge-block-partners .qodef-cc-item{width:50%!important;height:150px!important}.page-id-113 .arge-block-partners .qodef-cc-item img{max-height:105px!important}} /* Revised closing dramaturgy: knowledge, personal contact, voices, clients. */ .page-id-113 .arge-block-services-title:before{content:'STRATEGIE'!important;color:rgba(29,29,27,.055)!important} .page-id-113 .arge-block-services-title .ads-red-word{color:#d02e26} .page-id-113 .arge-block-insights-title{overflow:hidden;background:#d02e26!important;color:#fff} .page-id-113 .arge-block-insights-title>.qodef-elementor-container-inner{position:relative;z-index:2} .page-id-113 .arge-block-insights-title:before{content:'WISSEN';position:absolute;right:-.03em;bottom:-.2em;color:rgba(255,255,255,.08);font:700 clamp(120px,20vw,360px)/.75 Roboto,sans-serif;letter-spacing:-.08em;pointer-events:none} .page-id-113 .arge-block-insights-title .qodef-st-title,.page-id-113 .arge-block-insights-title .qodef-st-text{color:#fff!important} .page-id-113 .arge-block-insights-title .qodef-st-text:before{background:#fff!important} .page-id-113 .arge-block-insights{border-top:0!important} .page-id-113 .arge-block-team-title,.page-id-113 .arge-block-team{background:#d02e26!important;color:#fff} .page-id-113 .arge-block-team-title{padding-bottom:36px!important} .page-id-113 .arge-block-team{padding-top:0!important;padding-bottom:100px!important} .page-id-113 .arge-block-team-title .qodef-st-title,.page-id-113 .arge-block-team-title .qodef-st-text,.page-id-113 .arge-block-team a,.page-id-113 .arge-block-team p{color:#fff!important} .page-id-113 .arge-block-team-title .qodef-st-text:before{background:#fff!important} .page-id-113 .arge-block-team .qodef-team-image{border:1px solid rgba(255,255,255,.38)} .page-id-113 .arge-block-cta{border-top:1px solid rgba(255,255,255,.28)} .page-id-113 .arge-block-voices-title,.page-id-113 .arge-block-voices{background:#1d1d1b!important;color:#fff} .page-id-113 .arge-block-voices-title{padding-top:120px!important;padding-bottom:30px!important} .page-id-113 .arge-block-voices-title .qodef-st-title{max-width:1180px;margin:0 auto;color:#fff!important;font-size:clamp(54px,6vw,96px)!important;line-height:.92!important;letter-spacing:-.055em!important} .page-id-113 .arge-block-voices-title .qodef-st-text{max-width:1180px;margin:34px auto 0;color:#fff!important} .page-id-113 .arge-block-voices-title .qodef-st-text:before{background:#d02e26!important} .page-id-113 .arge-block-voices{padding-top:20px!important;padding-bottom:130px!important} .page-id-113 .arge-block-voices>.qodef-elementor-container-inner{width:min(1180px,calc(100% - 64px))!important} .page-id-113 .arge-block-voices .qodef-testimonials{position:relative;padding:55px 80px 45px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.025)} .page-id-113 .arge-block-voices .qodef-testimonials:before{content:'“';position:absolute;left:28px;top:18px;color:#d02e26;font:700 88px/.8 Roboto,sans-serif} .page-id-113 .arge-block-voices .qodef-testimonial-text,.page-id-113 .arge-block-voices .qodef-testimonial-author,.page-id-113 .arge-block-voices .qodef-testimonial-author *{color:#fff!important} .page-id-113 .arge-block-voices .qodef-owl-slider .owl-nav .owl-prev,.page-id-113 .arge-block-voices .qodef-owl-slider .owl-nav .owl-next{border-color:rgba(255,255,255,.6)!important;color:#fff!important} .page-id-113 .arge-block-partners{padding-top:90px!important;padding-bottom:110px!important} .page-id-113 .arge-block-partners .qodef-section-title-holder,.page-id-113 .arge-block-partners .qodef-section-title{display:none!important} @media(max-width:767px){.page-id-113 .arge-block-insights-title:before{font-size:130px}.page-id-113 .arge-block-team{padding-bottom:70px!important}.page-id-113 .arge-block-voices-title{padding-top:75px!important}.page-id-113 .arge-block-voices-title .qodef-st-title{font-size:48px!important}.page-id-113 .arge-block-voices-title .qodef-st-text{margin-top:24px}.page-id-113 .arge-block-voices>.qodef-elementor-container-inner{width:calc(100% - 30px)!important}.page-id-113 .arge-block-voices .qodef-testimonials{padding:52px 22px 35px}.page-id-113 .arge-block-voices .qodef-testimonials:before{left:18px}.page-id-113 .arge-block-partners{padding-top:55px!important;padding-bottom:70px!important}} .page-id-113 .arge-block-insights-title,.page-id-113 .arge-block-team-title,.page-id-113 .arge-block-team{box-shadow:0 0 0 100vmax #d02e26;clip-path:inset(0 -100vmax)} .page-id-113 .arge-block-voices-title,.page-id-113 .arge-block-voices{box-shadow:0 0 0 100vmax #1d1d1b;clip-path:inset(0 -100vmax)} .page-id-113 .arge-block-team .qodef-team-image img{transform:scale(2.15)!important} .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-image img{transform:scale(2.25)!important} .page-id-113 .arge-block-insights-title:after,.page-id-113 .arge-block-team-title:after,.page-id-113 .arge-block-team:after{background:#d02e26!important} .page-id-113 .arge-block-voices-title:after,.page-id-113 .arge-block-voices:after{background:#1d1d1b!important} .page-id-113 .arge-block-voices .qodef-testimonials *{color:#fff!important} /* White editorial areas and Elementor-managed client marquee. */ .page-id-113 .arge-block-insights-title,.page-id-113 .arge-block-insights{background:#fff!important;color:#1d1d1b;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)} .page-id-113 .arge-block-insights-title:after{background:#fff!important} .page-id-113 .arge-block-insights:after{background:#fff!important} .page-id-113 .arge-block-insights-title:before{color:rgba(29,29,27,.045)!important} .page-id-113 .arge-block-insights-title .qodef-st-title,.page-id-113 .arge-block-insights-title .qodef-st-text{color:#1d1d1b!important} .page-id-113 .arge-block-insights-title .ads-red-word{color:#d02e26!important} .page-id-113 .arge-block-insights-title .qodef-st-text:before{background:#d02e26!important} .page-id-113 .arge-block-insights .ads-home-knowledge__card{border-color:rgba(29,29,27,.2)} .page-id-113 .arge-block-insights .ads-home-knowledge__more{border-color:rgba(29,29,27,.25);color:#1d1d1b!important} .page-id-113 .arge-block-voices-title,.page-id-113 .arge-block-voices{background:#fff!important;color:#1d1d1b;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)} .page-id-113 .arge-block-voices-title:after,.page-id-113 .arge-block-voices:after{background:#fff!important} .page-id-113 .arge-block-voices-title .qodef-st-title,.page-id-113 .arge-block-voices-title .qodef-st-text{color:#1d1d1b!important} .page-id-113 .arge-block-voices .qodef-testimonials{border-color:rgba(29,29,27,.24);background:#fff} .page-id-113 .arge-block-voices .qodef-testimonials *{color:#1d1d1b!important} .page-id-113 .arge-block-voices .qodef-owl-slider .owl-nav .owl-prev,.page-id-113 .arge-block-voices .qodef-owl-slider .owl-nav .owl-next{border-color:#1d1d1b!important;color:#1d1d1b!important} .page-id-113 .arge-block-voices-title .ads-red-word{color:#d02e26!important} .page-id-113 .arge-block-partners{overflow:hidden;padding:45px 0 65px!important} .page-id-113 .arge-block-partners .qodef-elementor-container-inner{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important} .page-id-113 .arge-block-partners .elementor-column,.page-id-113 .arge-block-partners .elementor-widget-wrap,.page-id-113 .arge-block-partners .elementor-widget,.page-id-113 .arge-block-partners .elementor-widget-container{width:100%!important;max-width:none!important} .page-id-113 .arge-block-partners .ads-client-viewport{display:block!important;width:100vw!important;max-width:none!important;height:190px!important;margin:0!important;overflow:hidden!important;border:0!important} .page-id-113 .arge-block-partners .qodef-clients-grid-holder .ads-client-marquee{display:flex!important;flex-wrap:nowrap!important;align-items:center;width:max-content!important;height:190px!important;margin:0!important;border:0!important;will-change:transform} .page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-item{float:none!important;flex:0 0 clamp(210px,14vw,290px)!important;width:clamp(210px,14vw,290px)!important;height:190px!important;margin:0!important;border:0!important;background:#fff!important;transform:none!important} .page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-item img{max-width:82%!important;max-height:125px!important;filter:grayscale(1);opacity:.42;transition:filter .5s ease,opacity .5s ease,transform .5s ease!important} .page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-hover-image{opacity:0!important} .page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-item.is-center .qodef-cc-image:not(:has(+.qodef-cc-hover-image)){filter:none;opacity:1} .page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-item.is-center .qodef-cc-image:has(+.qodef-cc-hover-image){opacity:0!important} .page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-item.is-center .qodef-cc-hover-image{filter:none;opacity:1!important;transform:translate(-50%,-50%) scale(1.28)!important} @media(max-width:767px){.page-id-113 .arge-block-partners .ads-client-viewport,.page-id-113 .arge-block-partners .qodef-clients-grid-holder .ads-client-marquee{height:145px!important}.page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-item{flex-basis:190px!important;width:190px!important;height:145px!important}.page-id-113 .arge-block-partners .ads-client-marquee .qodef-cc-item img{max-height:96px!important}} /* One continuous personal-contact section. */ .page-id-113 .arge-block-team-title{padding-bottom:28px!important} .page-id-113 .arge-block-team{padding-top:0!important;padding-bottom:42px!important} .page-id-113 .arge-block-cta{margin-top:0!important;padding-top:42px!important;border-top:0!important;box-shadow:0 0 0 100vmax #d02e26;clip-path:inset(0 -100vmax)} .page-id-113 .arge-block-cta:before{display:none!important} .page-id-113 .arge-block-cta .arge-cta-copy{padding-top:0!important} .page-id-113 .arge-block-cta .arge-cta-copy>p:first-child{margin-top:0;font-size:clamp(20px,1.6vw,27px);line-height:1.5;max-width:760px} @media(max-width:767px){.page-id-113 .arge-block-team-title{padding-bottom:22px!important}.page-id-113 .arge-block-team{padding-bottom:30px!important}.page-id-113 .arge-block-cta{padding-top:30px!important}} /* Contact first, people as the personal conclusion. */ .page-id-113 .arge-block-team-title{padding-bottom:18px!important} .page-id-113 .arge-block-cta{padding-top:30px!important;padding-bottom:55px!important} .page-id-113 .arge-block-team{padding-top:25px!important;padding-bottom:105px!important} /* Clear, centered testimonials without theme veil or frame. */ .page-id-113 .arge-block-voices{padding-top:5px!important;padding-bottom:115px!important} .page-id-113 .arge-block-voices .qodef-testimonials-holder,.page-id-113 .arge-block-voices .qodef-testimonials,.page-id-113 .arge-block-voices .owl-stage-outer,.page-id-113 .arge-block-voices .owl-stage,.page-id-113 .arge-block-voices .owl-item,.page-id-113 .arge-block-voices .qodef-testimonial-content{opacity:1!important;filter:none!important} .page-id-113 .arge-block-voices .qodef-testimonials{padding:0!important;border:0!important;background:transparent!important} .page-id-113 .arge-block-voices .qodef-testimonials:before{display:none!important} .page-id-113 .arge-block-voices .qodef-testimonials-quote,.page-id-113 .arge-block-voices .qodef-pattern-holder{display:none!important} .page-id-113 .arge-block-voices .qodef-testimonial-content{position:relative;display:block!important;float:none!important;width:calc(100% - 320px)!important;max-width:980px!important;min-height:360px;margin-left:auto!important;margin-right:auto!important;padding:58px 70px 48px!important;border-top:2px solid #d02e26;border-bottom:1px solid rgba(29,29,27,.22);box-sizing:border-box} .page-id-113 .arge-block-voices .qodef-testimonial-content:before{content:'“';position:absolute;left:0;top:40px;color:#d02e26;font:700 74px/.8 Roboto,sans-serif} .page-id-113 .arge-block-voices .qodef-testimonial-text-holder{max-width:820px;margin:0 auto} .page-id-113 .arge-block-voices .qodef-testimonial-text{color:#1d1d1b!important;font-size:clamp(18px,1.45vw,24px)!important;line-height:1.48!important;font-weight:400!important} .page-id-113 .arge-block-voices .qodef-testimonial-author{margin-top:30px!important} .page-id-113 .arge-block-voices .qodef-testimonial-author-name{color:#1d1d1b!important;font-weight:700!important} .page-id-113 .arge-block-voices .owl-nav{position:absolute!important;right:0!important;bottom:-65px!important;left:auto!important;display:flex!important;gap:10px} .page-id-113 .arge-block-voices .owl-nav .owl-prev,.page-id-113 .arge-block-voices .owl-nav .owl-next{position:static!important;margin:0!important;background:#fff!important} @media(max-width:767px){.page-id-113 .arge-block-cta{padding-bottom:35px!important}.page-id-113 .arge-block-team{padding-top:15px!important;padding-bottom:75px!important}.page-id-113 .arge-block-voices .qodef-testimonial-content{width:100%!important;min-height:0;padding:48px 12px 38px 38px!important}.page-id-113 .arge-block-voices .qodef-testimonial-content:before{left:0;top:30px;font-size:56px}.page-id-113 .arge-block-voices .qodef-testimonial-text{font-size:18px!important}.page-id-113 .arge-block-voices .owl-nav{bottom:-55px!important}} /* Composition pass: a centred hero story, readable contacts and full-width trust content. */ .page-id-113 .ads-claim-hero__content{position:absolute;left:0;top:50%;width:min(650px,48vw);transform:translateY(-52%)} .page-id-113 .ads-claim-hero__eyebrow{gap:14px!important} .page-id-113 .ads-claim-hero__color span{opacity:0!important;transform:translate(-50%,7px)!important;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.2,1)!important;pointer-events:none} .page-id-113 .ads-claim-hero__color.is-active span,.page-id-113 .ads-claim-hero__color:hover span,.page-id-113 .ads-claim-hero__color:focus span{opacity:1!important;transform:translate(-50%,0)!important} .page-id-113 rs-module rs-sbg canvas{width:110%!important;max-width:none!important;transform:translateX(5%)!important;transform-origin:center center} .page-id-113 .arge-block-team .qodef-team-social-wrapper{background:linear-gradient(180deg,transparent 6%,rgba(0,0,0,.82) 100%)!important} .page-id-113 .arge-block-team .qodef-team-social-wrapper,.page-id-113 .arge-block-team .qodef-team-social-wrapper *{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.6)} .page-id-113 .arge-block-voices{padding-bottom:62px!important} .page-id-113 .arge-block-voices .qodef-testimonial-content{width:100%!important;max-width:none!important;min-height:280px;padding:46px 72px 40px!important} .page-id-113 .arge-block-voices .qodef-testimonial-content:before{left:25px;top:30px;font-size:64px} .page-id-113 .arge-block-voices .qodef-testimonial-text-holder{max-width:980px;margin:0 auto} .page-id-113 .arge-block-voices .qodef-testimonial-text{font-size:clamp(16px,1.12vw,20px)!important;line-height:1.55!important} .page-id-113 .arge-block-voices .qodef-testimonial-author{margin-top:24px!important} .page-id-113 .arge-block-voices .owl-nav{right:18px!important;bottom:-50px!important} .page-id-113 .arge-block-partners{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;padding-top:18px!important;padding-bottom:48px!important} @media(max-width:767px){ .page-id-113 .ads-claim-hero__content{position:relative;left:auto;top:auto;width:100%;transform:none} .page-id-113 rs-module rs-sbg canvas{width:118%!important;transform:translateX(8%)!important} .page-id-113 .arge-block-voices{padding-bottom:55px!important} .page-id-113 .arge-block-voices .qodef-testimonial-content{min-height:0;padding:42px 16px 34px 38px!important} .page-id-113 .arge-block-voices .qodef-testimonial-content:before{left:0;top:26px;font-size:52px} .page-id-113 .arge-block-partners{padding-top:10px!important;padding-bottom:38px!important} } /* Natural hero image proportions; the soft mask creates room for the copy. */ .page-id-113 rs-module rs-sbg canvas{width:100%!important;max-width:100%!important;transform:none!important} .page-id-113 .ads-claim-hero__shade{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 23%,rgba(255,255,255,.94) 35%,rgba(255,255,255,.68) 48%,rgba(255,255,255,.24) 61%,rgba(255,255,255,.02) 78%)!important} /* Testimonials stay crisp and use the complete editorial measure. */ .page-id-113 .arge-block-voices-title .qodef-section-title-holder,.page-id-113 .arge-block-voices .qodef-testimonials-holder{animation:none!important;opacity:1!important;filter:none!important;transform:none!important} .page-id-113 .arge-block-voices-title,.page-id-113 .arge-block-voices-title *,.page-id-113 .arge-block-voices,.page-id-113 .arge-block-voices *{opacity:1!important;filter:none!important} .page-id-113 .arge-block-voices-title .qodef-st-title,.page-id-113 .arge-block-voices-title .qodef-st-text,.page-id-113 .arge-block-voices .qodef-testimonial-text,.page-id-113 .arge-block-voices .qodef-testimonial-author,.page-id-113 .arge-block-voices .qodef-testimonial-author *{color:#111!important} .page-id-113 .arge-block-voices-title .ads-red-word{color:#d02e26!important} .page-id-113 .arge-block-voices .qodef-testimonial-content{padding:48px 72px 34px!important;border-bottom:0!important} .page-id-113 .arge-block-voices .qodef-testimonial-text-holder,.page-id-113 .arge-block-voices .qodef-testimonial-text{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} .page-id-113 .arge-block-voices .owl-nav{top:-58px!important;right:0!important;bottom:auto!important;z-index:12!important;overflow:visible!important} .page-id-113 .arge-block-voices .owl-nav .owl-prev,.page-id-113 .arge-block-voices .owl-nav .owl-next{display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;border:1px solid #111!important;border-radius:50%;background:#fff!important;color:#111!important;opacity:1!important;visibility:visible!important;box-shadow:0 0 0 8px #fff} .page-id-113 .arge-block-voices .owl-nav .owl-prev span,.page-id-113 .arge-block-voices .owl-nav .owl-next span{color:#111!important;opacity:1!important} .page-id-113 .arge-block-partners .qodef-clients-grid-holder{border-top:0!important} .page-id-113 .arge-block-partners:before{display:none!important} @media(max-width:767px){ .page-id-113 rs-module rs-sbg canvas{width:100%!important;max-width:100%!important;transform:none!important} .page-id-113 .ads-claim-hero__shade{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.86) 55%,rgba(255,255,255,.42) 100%)!important} .page-id-113 .arge-block-voices .qodef-testimonial-content{padding:42px 16px 30px 38px!important} .page-id-113 .arge-block-voices .owl-nav{top:-48px!important} } /* ADSEMBLING footer: reduced to brand, contact/social and navigation. */ .qodef-page-footer .qodef-footer-top-holder{background:#1d1d1b} .qodef-page-footer .qodef-footer-top-inner{padding-top:78px!important;padding-bottom:72px!important} .qodef-page-footer .ads-footer-logo{display:block;width:min(285px,100%);overflow:hidden} .qodef-page-footer .ads-footer-logo__word{display:block;width:100%;height:auto;filter:brightness(0) invert(1);clip-path:inset(0 0 42% 0);margin-bottom:-13%} .qodef-page-footer .ads-footer-logo__bar{display:grid;grid-template-columns:repeat(5,1fr);width:58px;height:14px;margin-top:11px} .qodef-page-footer .ads-footer-logo__bar i:nth-child(1){background:#d02e26}.qodef-page-footer .ads-footer-logo__bar i:nth-child(2){background:#0067ae}.qodef-page-footer .ads-footer-logo__bar i:nth-child(3){background:#1d1d1b;border:1px solid rgba(255,255,255,.35)}.qodef-page-footer .ads-footer-logo__bar i:nth-child(4){background:#fff}.qodef-page-footer .ads-footer-logo__bar i:nth-child(5){background:#ffee3b} .qodef-page-footer .ads-footer-contact p{margin:0 0 17px;color:#c9c9c9} .qodef-page-footer .ads-footer-contact a{color:#fff!important} .qodef-page-footer .ads-footer-socials{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)} .qodef-page-footer .ads-footer-socials a{position:relative;font-size:13px;font-weight:700;letter-spacing:.04em} .qodef-page-footer .ads-footer-socials a:after{content:'↗';margin-left:6px;color:#d02e26} .qodef-page-footer .widget_nav_menu ul li:first-child{margin-top:0} @media(max-width:767px){.qodef-page-footer .qodef-footer-top-inner{padding-top:55px!important;padding-bottom:50px!important}.qodef-page-footer .ads-footer-logo{width:235px}.qodef-page-footer .ads-footer-socials{gap:12px 18px}} /* Premium footer grid based on the site's 1300px editorial measure. */ .qodef-page-footer .qodef-footer-top-inner{width:min(1300px,calc(100% - 64px))!important;margin:0 auto;padding:72px 0 68px!important} .qodef-page-footer .qodef-footer-top-inner .qodef-grid-row{display:grid!important;grid-template-columns:1fr 1fr .82fr;column-gap:clamp(56px,7vw,120px);margin:0!important} .qodef-page-footer .qodef-footer-top-inner .qodef-grid-row:before,.qodef-page-footer .qodef-footer-top-inner .qodef-grid-row:after{display:none!important;content:none!important} .qodef-page-footer .qodef-footer-top-inner .qodef-grid-col-3{float:none!important;width:auto!important;padding:0!important} .qodef-page-footer .qodef-footer-top-inner .qodef-grid-col-3:last-child{display:none!important} .qodef-page-footer .qodef-footer-top-inner .widget{margin:0!important} .qodef-page-footer .ads-footer-logo{width:185px;max-width:100%;overflow:visible} .qodef-page-footer .ads-footer-logo__word{width:185px;height:auto;margin:0;clip-path:none;filter:none} .qodef-page-footer .qodef-footer-column-1 .textwidget>p{margin:0!important} .qodef-page-footer .ads-footer-logo__bar{display:none} .qodef-page-footer .widget-title{min-height:38px;margin:0 0 22px!important;color:#fff;font-size:19px;line-height:1.2} .qodef-page-footer .ads-footer-contact p{font-size:15px;line-height:1.65} .qodef-page-footer .ads-footer-socials{display:flex;gap:12px;margin-top:25px;padding-top:24px} .qodef-page-footer .ads-footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.34);border-radius:50%;font-size:0;transition:background .25s,border-color .25s,transform .25s} .qodef-page-footer .ads-footer-socials a:after{display:none} .qodef-page-footer .ads-footer-socials svg{width:17px;height:17px;fill:#fff} .qodef-page-footer .ads-footer-socials a:hover{border-color:#d02e26;background:#d02e26;transform:translateY(-3px)} .qodef-page-footer .widget_nav_menu ul li{margin:0 0 11px!important} .qodef-page-footer .widget_nav_menu ul li a{display:inline-block;color:#d0d0d0!important;font-size:15px;line-height:1.45;text-decoration:none!important;transition:color .2s,transform .2s} .qodef-page-footer .widget_nav_menu ul li a:hover{color:#fff!important;transform:translateX(4px)} @media(max-width:900px){.qodef-page-footer .qodef-footer-top-inner .qodef-grid-row{grid-template-columns:1fr 1fr;row-gap:55px}.qodef-page-footer .qodef-footer-top-inner .qodef-grid-col-3:nth-child(3){grid-column:2}} @media(max-width:767px){.qodef-page-footer .qodef-footer-top-inner{width:calc(100% - 30px)!important;padding:54px 0 50px!important}.qodef-page-footer .qodef-footer-top-inner .qodef-grid-row{grid-template-columns:1fr;row-gap:44px}.qodef-page-footer .qodef-footer-top-inner .qodef-grid-col-3:nth-child(3){grid-column:auto}.qodef-page-footer .ads-footer-logo,.qodef-page-footer .ads-footer-logo__word{width:170px}.qodef-page-footer .widget-title{min-height:0;margin-bottom:18px!important}} /* Services page: focused full-service story, maintained as native Elementor sections. */ .ads-services-page{font-family:Roboto,sans-serif}.ads-services-page *{box-sizing:border-box}.ads-services-page .elementor-widget-text-editor{color:inherit} .ads-services-kicker{margin:0 0 26px;font-size:11px!important;font-weight:700;line-height:1.2!important;letter-spacing:.17em;text-transform:uppercase} .ads-services-hero{position:relative;min-height:calc(100vh - 100px);overflow:hidden;background:#fff;color:#1d1d1b} .ads-services-hero:before{content:'WIRKUNG';position:absolute;right:-.06em;top:.07em;color:rgba(29,29,27,.035);font:700 clamp(150px,23vw,390px)/.8 Roboto,sans-serif;letter-spacing:-.09em;pointer-events:none} .ads-services-hero>.elementor-container{width:min(1570px,calc(100% - 80px))!important;min-height:inherit} .ads-services-hero .elementor-column,.ads-services-hero .elementor-widget-wrap,.ads-services-hero .elementor-widget,.ads-services-hero .elementor-widget-container{width:100%;min-height:inherit} .ads-services-hero .elementor-widget-container{display:flex;align-items:center} .ads-services-hero__content{position:relative;z-index:2;width:100%;padding:110px 0 155px} .ads-services-hero h1{max-width:1120px;margin:0;font-size:clamp(74px,8.7vw,148px);line-height:.83;letter-spacing:-.073em;color:#1d1d1b}.ads-services-hero h1 span{color:#d02e26}.ads-services-hero h1 em{color:#0067ae;font-style:normal} .ads-services-hero__lead{max-width:680px;margin:45px 0 0;font-size:clamp(18px,1.45vw,24px)!important;line-height:1.5!important} .ads-services-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.ads-services-actions a{display:inline-flex;align-items:center;gap:18px;padding:15px 20px;border:1px solid #1d1d1b;color:#1d1d1b!important;font-size:13px;font-weight:700}.ads-services-actions a:first-child{background:#1d1d1b;color:#fff!important}.ads-services-actions i{font-style:normal;font-size:18px;transition:transform .25s}.ads-services-actions a:hover i{transform:translate(4px,-3px)} .ads-services-hero__signal{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:18px}.ads-services-hero__signal i:nth-child(1){background:#d02e26}.ads-services-hero__signal i:nth-child(2){background:#0067ae}.ads-services-hero__signal i:nth-child(3){background:#1d1d1b}.ads-services-hero__signal i:nth-child(4){background:#fff;border-top:1px solid #1d1d1b}.ads-services-hero__signal i:nth-child(5){background:#ffee3b} .ads-services-tasks-intro{padding:125px 0 58px;background:#fff}.ads-services-tasks{padding:0 0 130px;background:#fff} .ads-services-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);column-gap:8vw;align-items:end}.ads-services-heading .ads-services-kicker{grid-column:1/-1}.ads-services-heading h2{margin:0;font-size:clamp(54px,6.5vw,100px);line-height:.91;letter-spacing:-.058em}.ads-services-heading h2 span{color:#d02e26}.ads-services-heading>p:last-child{max-width:560px;margin:0;font-size:18px;line-height:1.65} .ads-task-card{position:relative;min-height:390px;padding:34px 30px;border-top:2px solid #1d1d1b;background:#f7f7f5;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s}.ads-task-card:after{content:'↗';position:absolute;right:24px;bottom:18px;color:rgba(29,29,27,.1);font-size:86px;transition:transform .5s,color .35s}.ads-task-card:hover{transform:translateY(-12px);background:#ffee3b}.ads-task-card:hover:after{transform:translate(8px,-8px);color:rgba(29,29,27,.25)}.ads-task-card>span{font-size:11px;font-weight:700;letter-spacing:.12em}.ads-task-card h3{margin:80px 0 24px;font-size:clamp(27px,2.1vw,38px);line-height:1;letter-spacing:-.04em}.ads-task-card p{max-width:260px;font-size:16px;line-height:1.55}.ads-task-card strong{position:absolute;bottom:32px;left:30px;z-index:2;font-size:10px;letter-spacing:.08em;text-transform:uppercase} .ads-services-competence-intro{position:relative;overflow:hidden;padding:125px 0 70px;background:#1d1d1b;color:#fff}.ads-services-competence-intro:before{content:'FULL SERVICE';position:absolute;right:-.03em;bottom:-.08em;color:rgba(255,255,255,.035);font:700 clamp(120px,18vw,300px)/.8 Roboto,sans-serif;letter-spacing:-.08em;transform:translateY(var(--ads-parallax,0px));will-change:transform}.ads-services-heading--light{position:relative;z-index:2}.ads-services-heading--light h2,.ads-services-heading--light p{color:#fff}.ads-services-heading--light h2 span{color:#ffee3b} .ads-services-competences{padding:0 0 130px;background:#1d1d1b;color:#fff}.ads-competence{position:relative;min-height:640px;padding:38px 34px 34px;border:1px solid rgba(255,255,255,.32);overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}.ads-competence:hover{transform:translateY(-10px)}.ads-competence--blue:hover{background:#0067ae}.ads-competence--yellow:hover{background:#ffee3b;color:#1d1d1b}.ads-competence--red:hover{background:#d02e26}.ads-competence__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px}.ads-competence__number{font-size:11px;font-weight:700;letter-spacing:.12em}.ads-competence svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.3}.ads-competence h3{max-width:390px;margin:0 0 32px;color:inherit;font-size:clamp(35px,3vw,50px);line-height:.96;letter-spacing:-.045em}.ads-competence__copy{font-size:17px;line-height:1.6}.ads-competence ul{position:absolute;right:34px;bottom:34px;left:34px;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:22px 0 0;border-top:1px solid currentColor;list-style:none}.ads-competence li{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ads-competence li:not(:last-child):after{content:' ·';margin-left:8px} .ads-services-competence-intro,.ads-services-competences{box-shadow:0 0 0 100vmax #1d1d1b;clip-path:inset(0 -100vmax)} .ads-services-system{padding:135px 0;background:#ffee3b;color:#1d1d1b}.ads-system{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10vw}.ads-system h2{margin:0;font-size:clamp(58px,6.2vw,96px);line-height:.9;letter-spacing:-.06em}.ads-system h2 span{color:#d02e26}.ads-system__intro>p:last-child{max-width:590px;margin:42px 0 0;font-size:18px;line-height:1.65}.ads-system__paths{align-self:end;border-top:2px solid #1d1d1b}.ads-system__paths article{padding:28px 0;border-bottom:1px solid rgba(29,29,27,.45);transition:padding .35s}.ads-system__paths article:hover{padding-left:18px}.ads-system__paths span{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ads-system__paths p{margin:0;font-size:clamp(17px,1.5vw,22px);line-height:1.4}.ads-system__paths i{margin:0 8px;color:#d02e26;font-style:normal} .ads-services-system{box-shadow:0 0 0 100vmax #ffee3b;clip-path:inset(0 -100vmax)} .ads-services-references{padding:125px 0 115px;background:#d02e26;color:#fff;overflow:hidden}.ads-services-references>.elementor-container{width:min(1570px,calc(100% - 80px))!important}.ads-services-references .qodef-st-title{max-width:1150px;color:#fff!important;font-size:clamp(56px,6.5vw,100px)!important;line-height:.9!important;letter-spacing:-.06em!important}.ads-services-references .qodef-st-text{max-width:720px;color:#fff!important;font-size:17px}.ads-services-reference-slider{margin-top:65px}.ads-services-reference-slider .qodef-pl-item img{height:clamp(300px,25vw,420px);object-fit:cover}.ads-services-references .owl-nav *{color:#fff!important}.ads-services-reference-action{margin-top:44px}.ads-services-reference-action a{display:inline-flex;align-items:center;gap:20px;padding-bottom:9px;border-bottom:1px solid #fff;color:#fff!important;font-weight:700}.ads-services-reference-action i{font-style:normal} .ads-services-cta{position:relative;overflow:hidden;padding:135px 0;background:#0067ae;color:#fff}.ads-services-cta__copy{position:relative;z-index:2;max-width:1020px}.ads-services-cta h2{margin:0;color:#fff;font-size:clamp(64px,7.5vw,118px);line-height:.87;letter-spacing:-.065em}.ads-services-cta h2 span{color:#ffee3b}.ads-services-cta__copy>p:not(.ads-services-kicker){max-width:720px;margin:42px 0 0;font-size:19px;line-height:1.6}.ads-services-cta .ads-services-actions a{border-color:#fff;color:#fff!important}.ads-services-cta .ads-services-actions a:first-child{background:#fff;color:#0067ae!important}.ads-services-cta__mark{position:absolute;right:-2vw;bottom:-3vw;display:grid;grid-template-columns:repeat(5,1fr);width:38vw;height:38vw;opacity:.12;transform:rotate(-12deg)}.ads-services-cta__mark b:nth-child(1){background:#d02e26}.ads-services-cta__mark b:nth-child(2){background:#0067ae;border:1px solid #fff}.ads-services-cta__mark b:nth-child(3){background:#1d1d1b}.ads-services-cta__mark b:nth-child(4){background:#fff}.ads-services-cta__mark b:nth-child(5){background:#ffee3b} .ads-services-cta{box-shadow:0 0 0 100vmax #0067ae;clip-path:inset(0 -100vmax)} @supports(animation-timeline:view()){.ads-task-card,.ads-competence,.ads-system__paths article{animation:adsServicesReveal linear both;animation-timeline:view();animation-range:entry 0% cover 24%}@keyframes adsServicesReveal{from{opacity:.25;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}} @media(max-width:1024px){.ads-services-heading,.ads-system{grid-template-columns:1fr;gap:42px}.ads-services-tasks .elementor-container,.ads-services-competences .elementor-container{flex-wrap:wrap}.ads-services-tasks .elementor-column{width:50%}.ads-services-competences .elementor-column{width:100%}.ads-competence{min-height:470px}.ads-competence__top{margin-bottom:42px}} @media(max-width:767px){.ads-services-hero{min-height:760px}.ads-services-hero>.elementor-container,.ads-services-references>.elementor-container{width:calc(100% - 30px)!important}.ads-services-hero__content{padding:105px 0 115px}.ads-services-hero h1{font-size:clamp(62px,18vw,86px)}.ads-services-hero__lead{margin-top:32px;font-size:17px!important}.ads-services-actions{align-items:flex-start;flex-direction:column}.ads-services-tasks-intro,.ads-services-competence-intro{padding-top:80px}.ads-services-tasks{padding-bottom:80px}.ads-services-heading h2{font-size:52px}.ads-services-tasks .elementor-column{width:100%}.ads-task-card{min-height:340px}.ads-services-competences{padding-bottom:80px}.ads-competence{min-height:570px;padding:28px 24px}.ads-competence ul{right:24px;bottom:28px;left:24px}.ads-services-system,.ads-services-references,.ads-services-cta{padding:85px 0}.ads-system h2{font-size:56px}.ads-system__paths p{font-size:16px}.ads-system__paths i{margin:0 3px}.ads-services-references .qodef-st-title{font-size:52px!important}.ads-services-reference-slider .qodef-pl-item img{height:340px}.ads-services-cta h2{font-size:62px}.ads-services-cta__mark{width:75vw;height:75vw}} /* Services refinement: shorter path, calmer target-page typography and icon-led modules. */ .ads-services-hero{min-height:760px}.ads-services-hero__content{padding:90px 0 120px}.ads-services-hero h1{max-width:920px;font-size:clamp(64px,6.5vw,108px);line-height:.86}.ads-services-hero__lead{max-width:620px;margin-top:34px;font-size:clamp(17px,1.25vw,21px)!important} .ads-services-hero:before{font-size:clamp(130px,19vw,320px);opacity:.8} .ads-task-card{min-height:420px;border:1px solid rgba(29,29,27,.35);border-top:2px solid #1d1d1b;background:#fff} .ads-task-card svg{width:52px;height:52px;fill:none;stroke:#1d1d1b;stroke-width:1.35;transition:transform .55s cubic-bezier(.2,.8,.2,1)} .ads-task-card:hover svg{transform:rotate(-8deg) scale(1.1)} .ads-task-card h3{margin-top:58px}.ads-task-card p{font-size:15px;line-height:1.52}.ads-task-card strong{bottom:25px} .ads-services-heading--light h2{max-width:900px} .ads-services-heading--light h2 em{color:#d02e26;font-style:normal} .ads-competence__top{justify-content:flex-start;margin-bottom:62px} .ads-competence svg{width:58px;height:58px;transform-origin:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)} .ads-competence:hover svg{transform:rotate(12deg) scale(1.12)} .ads-competence--blue svg{animation:adsTargetPulse 3.4s ease-in-out infinite} .ads-competence--yellow svg{animation:adsPaletteTilt 4s ease-in-out infinite} .ads-competence--red svg{animation:adsScreenFloat 3.6s ease-in-out infinite} .ads-competence h3{font-size:clamp(31px,2.35vw,42px);line-height:1;min-height:84px} .ads-competence ul{border-top:0;padding-top:0} @keyframes adsTargetPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}} @keyframes adsPaletteTilt{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(7deg)}} @keyframes adsScreenFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} .ads-services-references{position:relative}.ads-services-references:before{content:'ARBEIT';position:absolute;right:-.03em;top:.08em;color:rgba(255,255,255,.055);font:700 clamp(140px,21vw,350px)/.8 Roboto,sans-serif;letter-spacing:-.08em;pointer-events:none}.ads-services-references>.elementor-container{position:relative;z-index:2} .ads-services-references .qodef-st-text{max-width:600px!important} .ads-services-cta:before{content:'DIALOG';position:absolute;right:-.04em;bottom:.04em;color:rgba(255,255,255,.055);font:700 clamp(140px,22vw,370px)/.75 Roboto,sans-serif;letter-spacing:-.08em;pointer-events:none}.ads-services-cta__mark{display:none} @media(max-width:767px){.ads-services-hero{min-height:680px}.ads-services-hero__content{padding:82px 0 100px}.ads-services-hero h1{font-size:clamp(52px,15vw,72px)}.ads-task-card{min-height:370px}.ads-competence h3{min-height:0;font-size:34px}.ads-services-references:before,.ads-services-cta:before{font-size:120px}} /* Combined services opening: question and task selection form one direct entry. */ .ads-services-tasks-intro{position:relative;overflow:hidden;padding-top:150px} .ads-services-tasks-intro:before{content:'LEIST\A UNGEN';white-space:pre;position:absolute;right:.03em;top:.12em;color:rgba(29,29,27,.042);font:700 clamp(105px,15vw,245px)/.68 Roboto,sans-serif;letter-spacing:-.075em;text-align:left;pointer-events:none} .ads-services-heading--opening{position:relative;z-index:2} .ads-services-heading--opening h1{max-width:920px;margin:0;color:#1d1d1b;font-size:clamp(58px,6.3vw,98px);line-height:.91;letter-spacing:-.058em} .ads-services-heading--opening h1 span{color:#d02e26} @media(max-width:767px){.ads-services-tasks-intro{padding-top:85px}.ads-services-heading--opening h1{font-size:52px}.ads-services-tasks-intro:before{font-size:110px}} /* Final colour and rhythm corrections for services and homepage ending. */ .ads-services-tasks-intro:before{color:rgba(208,46,38,.055)} .ads-services-heading--light h2 em{color:#0067ae} .ads-services-heading--light h2 span{color:#fff} .ads-competence{border-top:0;border-bottom:0} .ads-services-competences .elementor-column:first-child .ads-competence{border-left:1px solid rgba(255,255,255,.32)} .ads-services-competences .elementor-column:last-child .ads-competence{border-right:1px solid rgba(255,255,255,.32)} .ads-services-cta:before{right:.045em;bottom:.06em;font-size:clamp(125px,18vw,310px)} .page-id-113 .arge-block-partners{margin-bottom:0!important;padding-bottom:0!important} /* Homepage ending: the logo strip ends flush; footer reveal follows the global page setup. */ .page-id-113 .arge-block-partners>.qodef-elementor-container-inner{padding-bottom:0!important} .page-id-113 .arge-block-partners .elementor-widget:last-child,.page-id-113 .arge-block-partners .elementor-widget:last-child .elementor-widget-container{margin-bottom:0!important;padding-bottom:0!important} /* Compact footer rhythm: retain the uncover effect without an oversized black stage. */ .qodef-page-footer .qodef-footer-top-inner{padding-top:46px!important;padding-bottom:42px!important} .qodef-page-footer .qodef-footer-top-inner .qodef-grid-row{align-items:start} .qodef-page-footer .widget-title{min-height:0;margin-bottom:16px!important;font-size:18px} .qodef-page-footer .ads-footer-contact p{margin-bottom:10px;font-size:14px;line-height:1.5} .qodef-page-footer .ads-footer-socials{margin-top:17px;padding-top:17px} .qodef-page-footer .widget_nav_menu ul li{margin-bottom:6px!important} .qodef-page-footer .widget_nav_menu ul li a{font-size:14px;line-height:1.35} .qodef-page-footer .qodef-footer-bottom-holder:empty{display:none!important} @media(max-width:767px){.qodef-page-footer .qodef-footer-top-inner{padding-top:38px!important;padding-bottom:34px!important}} /* ADSEMBLING working-method page */ .adw-page{font-family:Roboto,sans-serif}.adw-page.qodef-elementor-container-inner{width:min(1300px,calc(100vw - 64px))!important}.adw-page p{font-size:18px;line-height:1.65}.adw-kicker{margin:0 0 26px!important;font-size:12px!important;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.adw-page h1,.adw-page h2,.adw-page h3{font-family:Roboto,sans-serif;letter-spacing:-.055em}.adw-page h2{font-size:clamp(52px,6vw,92px);line-height:.94}.adw-page h2 span{color:#d02e26}.adw-page h2 em{color:#ffee3b;font-style:normal} .adw-opening{position:relative;overflow:hidden;padding:150px 0 125px;background:#fff}.adw-opening:before{content:'FRAGEN';position:absolute;right:-.03em;top:.2em;color:rgba(0,103,174,.055);font:700 clamp(140px,20vw,340px)/.75 Roboto,sans-serif;letter-spacing:-.08em}.adw-opening__copy{position:relative;z-index:2;max-width:1080px}.adw-opening h1{max-width:960px;margin:0;font-size:clamp(62px,7vw,110px);line-height:.9}.adw-opening h1 span{color:#d02e26}.adw-opening__copy>p:not(.adw-kicker){max-width:760px;margin-top:42px}.adw-link{display:inline-flex;align-items:center;gap:35px;margin-top:32px;padding:16px 0;border-bottom:2px solid #1d1d1b;color:#1d1d1b!important;font-weight:700}.adw-link i{font-style:normal;transition:transform .3s}.adw-link:hover i{transform:translateY(5px)} .adw-principle-intro,.adw-principle{background:#1d1d1b;color:#fff}.adw-principle-intro{position:relative;overflow:hidden;padding:115px 0 55px}.adw-principle-intro:before{content:'SYSTEM';position:absolute;right:-.02em;bottom:-.1em;color:rgba(255,255,255,.045);font:700 clamp(130px,19vw,320px)/.75 Roboto,sans-serif;letter-spacing:-.08em}.adw-heading{position:relative;z-index:2}.adw-heading h2{max-width:1050px;margin:0;color:#fff}.adw-principle{padding:20px 0 125px}.adw-step{position:relative;min-height:370px;padding:38px 34px;border:1px solid rgba(255,255,255,.3);overflow:hidden;transition:transform .45s,background .45s,color .45s}.adw-step:before{content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:#0067ae;transition:height .45s}.adw-step--yellow:before{background:#ffee3b}.adw-step--red:before{background:#d02e26}.adw-step svg{position:relative;z-index:2;width:58px;fill:none;stroke:#fff;stroke-width:1.4;transition:transform .55s}.adw-step h3,.adw-step p{position:relative;z-index:2;color:#fff}.adw-step h3{margin:95px 0 22px;font-size:42px}.adw-step p{font-size:16px;line-height:1.55}.adw-step:hover{transform:translateY(-10px);color:#1d1d1b}.adw-step:hover:before{height:100%}.adw-step:hover svg{transform:rotate(8deg) scale(1.08)}.adw-step--yellow:hover h3,.adw-step--yellow:hover p{color:#1d1d1b}.adw-step--yellow:hover svg{stroke:#1d1d1b} .adw-science{position:relative;padding:130px 0;background:#fff}.adw-science .elementor-text-editor{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(70px,9vw,150px);align-items:end}.adw-split__headline h2{margin:0}.adw-split__copy{padding-bottom:8px;border-top:2px solid #0067ae}.adw-split__copy p{margin:28px 0 0}.adw-split__copy p:last-child{font-weight:500} .adw-collaboration{position:relative;overflow:hidden;padding:125px 0;background:#0067ae;color:#fff}.adw-collaboration:before{content:'DIALOG';position:absolute;right:-.04em;top:.08em;color:rgba(255,255,255,.065);font:700 clamp(145px,21vw,350px)/.75 Roboto,sans-serif;letter-spacing:-.08em}.adw-collab__intro,.adw-collab__cards{position:relative;z-index:2}.adw-collab__intro{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end}.adw-collab__intro h2{margin:0;color:#fff}.adw-collab__intro h2 span{color:#ffee3b}.adw-collab__intro>p:last-child{margin:0 0 8px}.adw-collab__cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}.adw-collab__cards article{padding:42px 38px 38px;border-right:1px solid rgba(255,255,255,.5)}.adw-collab__cards article:first-child{border-left:1px solid rgba(255,255,255,.5)}.adw-collab__cards svg{width:48px;fill:none;stroke:#fff;stroke-width:1.4;transition:transform .45s}.adw-collab__cards article:hover svg{transform:translateY(-8px) rotate(-5deg)}.adw-collab__cards h3{margin:45px 0 18px;color:#fff;font-size:30px}.adw-collab__cards p{font-size:15px;line-height:1.55} .adw-expectations{padding:130px 0;background:#fff}.adw-expectations .elementor-text-editor{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.adw-expect__intro h2{margin:0}.adw-expect__grid{border-top:2px solid #1d1d1b}.adw-expect__grid article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid rgba(29,29,27,.22)}.adw-expect__grid i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffee3b;color:#1d1d1b;font-style:normal;font-weight:700}.adw-expect__grid h3{margin:0 0 7px;font-size:24px}.adw-expect__grid p{margin:0;font-size:15px;line-height:1.5} .adw-entry{position:relative;overflow:hidden;padding:120px 0;background:#ffee3b}.adw-entry:before{content:'BEWEGUNG';position:absolute;right:-.04em;bottom:-.1em;color:rgba(29,29,27,.055);font:700 clamp(120px,17vw,290px)/.75 Roboto,sans-serif;letter-spacing:-.08em}.adw-entry__copy{position:relative;z-index:2;max-width:950px}.adw-entry h2{margin:0}.adw-entry h2 span{color:#d02e26}.adw-entry__copy>p:last-child{max-width:760px;margin-top:35px}.adw-entry__signal{position:absolute;right:5%;top:50%;display:flex;align-items:flex-end;height:150px;transform:translateY(-50%);opacity:.22}.adw-entry__signal i{width:24px;height:90px;background:#d02e26;animation:adwSignal 3s ease-in-out infinite}.adw-entry__signal i:nth-child(2){background:#0067ae;animation-delay:.15s}.adw-entry__signal i:nth-child(3){background:#1d1d1b;animation-delay:.3s}.adw-entry__signal i:nth-child(4){background:#fff;animation-delay:.45s}.adw-entry__signal i:nth-child(5){background:#ffee3b;border:1px solid #1d1d1b;animation-delay:.6s}@keyframes adwSignal{0%,100%{height:82px}50%{height:145px}} .adw-cta{position:relative;overflow:hidden;padding:120px 0 130px;background:#d02e26;color:#fff}.adw-cta:before{content:'GESPRÄCH';position:absolute;right:-.035em;bottom:-.08em;color:rgba(255,255,255,.065);font:700 clamp(120px,18vw,310px)/.75 Roboto,sans-serif;letter-spacing:-.08em}.adw-cta__copy{position:relative;z-index:2;max-width:1000px}.adw-cta h2{margin:0;color:#fff}.adw-cta h2 span{color:#ffee3b}.adw-cta__copy>p:not(.adw-kicker){max-width:720px;margin:35px 0}.adw-cta__button{display:inline-flex;align-items:center;gap:45px;padding:18px 24px;background:#fff;color:#1d1d1b!important;font-weight:700;transition:background .3s,transform .3s}.adw-cta__button:hover{background:#ffee3b;transform:translateY(-4px)}.adw-cta__button i{font-style:normal} @media(max-width:900px){.adw-science .elementor-text-editor,.adw-collab__intro,.adw-expectations .elementor-text-editor{grid-template-columns:1fr;gap:50px}.adw-collab__cards{grid-template-columns:1fr}.adw-collab__cards article,.adw-collab__cards article:first-child{border-left:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}.adw-entry__signal{display:none}} @media(max-width:767px){.adw-page.qodef-elementor-container-inner{width:calc(100vw - 30px)!important}.adw-page p{font-size:16px}.adw-page h2{font-size:48px}.adw-opening{padding:95px 0 80px}.adw-opening h1{font-size:54px}.adw-opening__copy>p:not(.adw-kicker){margin-top:30px}.adw-principle-intro{padding:80px 0 35px}.adw-principle{padding-bottom:80px}.adw-step{min-height:315px;margin-bottom:15px}.adw-step h3{margin-top:65px}.adw-science,.adw-collaboration,.adw-expectations,.adw-entry,.adw-cta{padding:80px 0}.adw-collab__cards{margin-top:55px}.adw-expectations .elementor-text-editor{gap:45px}} /* Working-method visual QA corrections. */ .qodef-menu-left .qodef-main-menu,.qodef-sticky-header .qodef-main-menu{width:max-content!important} .qodef-main-menu>ul{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;white-space:nowrap} .qodef-main-menu>ul>li{float:none!important;flex:0 0 auto} .qodef-main-menu>ul>li>a{padding-right:20px;padding-left:20px} .adw-opening{padding-top:125px;padding-bottom:95px} .adw-principle-intro,.adw-principle{box-shadow:0 0 0 100vmax #1d1d1b;clip-path:inset(0 -100vmax)} .adw-collaboration{box-shadow:0 0 0 100vmax #0067ae;clip-path:inset(0 -100vmax)} .adw-entry{box-shadow:0 0 0 100vmax #ffee3b;clip-path:inset(0 -100vmax)} .adw-cta{box-shadow:0 0 0 100vmax #d02e26;clip-path:inset(0 -100vmax)} .adw-science .elementor-widget-text-editor>.elementor-widget-container{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,8vw,130px);align-items:end} .adw-expectations .elementor-widget-text-editor>.elementor-widget-container{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start} .adw-collab__intro{display:block;max-width:1050px} .adw-collab__intro h2{max-width:1000px} .adw-collab__intro>p:last-child{max-width:760px;margin:35px 0 0} .adw-collaboration .adw-kicker,.adw-collaboration p,.adw-collaboration h3,.adw-collaboration h2,.adw-cta .adw-kicker,.adw-cta p,.adw-cta h2{color:#fff!important} .adw-collab__cards p{color:rgba(255,255,255,.86)!important} .adw-collab__cards{margin-top:65px} .adw-collab__cards article{min-height:315px;box-sizing:border-box} .adw-science,.adw-expectations{padding-top:105px;padding-bottom:105px} .adw-entry,.adw-cta{padding-top:100px;padding-bottom:105px} @media(max-width:1100px){.qodef-main-menu>ul>li>a{padding-right:14px;padding-left:14px}.adw-science .elementor-widget-text-editor>.elementor-widget-container,.adw-expectations .elementor-widget-text-editor>.elementor-widget-container{grid-template-columns:1fr;gap:45px}} @media(max-width:900px){.adw-science .elementor-widget-text-editor>.elementor-widget-container,.adw-expectations .elementor-widget-text-editor>.elementor-widget-container{grid-template-columns:1fr}.adw-collab__cards article{min-height:0}} @media(max-width:767px){html,body{overflow-x:hidden}.adw-page.qodef-elementor-container-inner{width:calc(100vw - 30px)!important;max-width:calc(100vw - 30px)!important}.adw-page .elementor-container,.adw-page .elementor-column,.adw-page .elementor-widget-wrap,.adw-page .elementor-widget-container,.adw-page .elementor-text-editor,.adw-page h1,.adw-page h2,.adw-page h3,.adw-page p{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.adw-opening{padding-top:90px;padding-bottom:70px}.adw-opening h1{font-size:clamp(45px,13vw,52px);line-height:.94}.adw-page h2{font-size:clamp(39px,12vw,48px);line-height:.96}.adw-step{padding-right:28px;padding-left:28px}.adw-science,.adw-expectations,.adw-entry,.adw-cta{padding-top:72px;padding-bottom:72px}.adw-collab__cards article{padding-right:28px;padding-left:28px}.adw-expect__grid article{grid-template-columns:42px minmax(0,1fr)}} /* Concise working-method page: four focused sections and collaboration promises. */ .adw-opening__copy>p:not(.adw-kicker){max-width:820px} .adw-principle-intro{padding-top:90px;padding-bottom:35px} .adw-principle{padding-top:10px;padding-bottom:95px} .adw-step{min-height:315px} .adw-step h3{margin-top:72px} .adw-collaboration{padding-top:100px;padding-bottom:100px} .adw-collab__intro h2{max-width:1100px;font-size:clamp(52px,5.6vw,86px)} .adw-collab__intro>p:last-child{max-width:820px} .adw-collab__cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:55px} .adw-collab__cards article{min-height:270px;padding:32px 26px} .adw-collab__cards h3{margin-top:34px;font-size:clamp(23px,1.8vw,29px)} .adw-collab__cards p{font-size:15px} .adw-cta{padding-top:90px;padding-bottom:95px} .adw-cta__copy>p:not(.adw-kicker){margin-top:28px;margin-bottom:28px} @media(max-width:1100px){.adw-collab__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.adw-collab__cards article:nth-child(3){border-left:1px solid rgba(255,255,255,.5)}} @media(max-width:767px){.adw-principle-intro{padding-top:68px;padding-bottom:24px}.adw-principle{padding-bottom:68px}.adw-step{min-height:270px}.adw-step h3{margin-top:52px}.adw-collaboration{padding-top:72px;padding-bottom:72px}.adw-collab__cards{grid-template-columns:1fr}.adw-collab__cards article{min-height:0}.adw-cta{padding-top:70px;padding-bottom:74px}} /* ========================================================================== Hauptnavigation: nur das waagrechte Menue in der Mitte entfaellt -------------------------------------------------------------------------- Der Seitenkopf bleibt bestehen - dort sitzt rechts der Schalter, der das seitliche Panel (section.qodef-side-menu) oeffnet. Entfernt wird allein das waagrechte Menue in der Kopfmitte, das doppelt wirkte. Rueckgaengig machen: diesen Block loeschen. ========================================================================== */ .qodef-page-header .qodef-main-menu { display: none !important; } /* Der Sticky-Kopf des Themes faehrt beim Scrollen zusaetzlich ein und legt sich ueber die ohnehin fest stehende Kopfzeile. Seit diese fixiert ist, waere er eine zweite Kopfzeile ueber der ersten - er entfaellt. */ .qodef-sticky-header { display: none !important; } /* Ohne das mittlere Menue soll die Kopfzeile nicht mehr auseinandergezogen werden: Logo links, Schalter rechts. */ .qodef-page-header .qodef-vertical-align-containers .qodef-position-center { display: none; } /* ========================================================================== Kopfzeile: fest am oberen Rand, transparent bzw. weiss -------------------------------------------------------------------------- Standard ist transparent. Die Klasse ads-kopf--weiss setzt adsembling-navigation.js, sobald man ganz oben steht, nach oben scrollt oder das seitliche Panel geoeffnet ist. ========================================================================== */ .qodef-page-header, .qodef-mobile-header { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 1200; margin-bottom: 0 !important; background-color: transparent; box-shadow: none; transition: background-color 0.35s ease, box-shadow 0.35s ease; } .admin-bar .qodef-page-header, .admin-bar .qodef-mobile-header { top: 32px; } /* Die inneren Container bringen vom Theme eigene Hintergruende und Linien mit - sonst waere der transparente Zustand nie transparent. Ausserdem fixiert das Theme beim Hochscrollen zusaetzlich den inneren Container; fixiert ist hier allein die aeussere Kopfzeile. */ .qodef-page-header .qodef-menu-area, .qodef-page-header .qodef-logo-area, .qodef-mobile-header .qodef-mobile-header-inner, .qodef-mobile-header .qodef-mobile-header-holder, .mobile-header-appear .qodef-mobile-header-inner { position: relative !important; top: auto !important; left: auto !important; width: auto !important; margin-top: 0 !important; transform: none !important; background-color: transparent !important; border-bottom: 0 !important; } .qodef-page-header.ads-kopf--weiss, .qodef-mobile-header.ads-kopf--weiss { background-color: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); } /* Beim Herunterscrollen ist der Kopf transparent. Dann duerfen weder der aeussere Header noch die Theme-Container ihre helle Unterkante behalten. */ .qodef-page-header:not(.ads-kopf--weiss), .qodef-mobile-header:not(.ads-kopf--weiss), .qodef-page-header:not(.ads-kopf--weiss) .qodef-menu-area, .qodef-page-header:not(.ads-kopf--weiss) .qodef-logo-area, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-mobile-header-inner, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-mobile-header-holder { border-bottom: 0 !important; box-shadow: none !important; } .qodef-page-header:not(.ads-kopf--weiss) .qodef-grid, .qodef-page-header:not(.ads-kopf--weiss) .qodef-vertical-align-containers, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-grid, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-vertical-align-containers { border: 0 !important; box-shadow: none !important; } .ads-transparente-kopf-linie { border-bottom: 0 !important; box-shadow: none !important; } /* Auch Pseudo-Elemente oder vom Slider erzeugte Linien an der Unterkante werden im transparenten Zustand sicher aus dem Header-Layer geschnitten. */ .qodef-page-header:not(.ads-kopf--weiss), .qodef-mobile-header:not(.ads-kopf--weiss) { clip-path: inset(0 0 3px 0); } .qodef-page-header.ads-kopf--weiss, .qodef-mobile-header.ads-kopf--weiss { clip-path: none; } .qodef-page-header:not(.ads-kopf--weiss) .qodef-menu-area::before, .qodef-page-header:not(.ads-kopf--weiss) .qodef-menu-area::after, .qodef-page-header:not(.ads-kopf--weiss) .qodef-logo-area::before, .qodef-page-header:not(.ads-kopf--weiss) .qodef-logo-area::after, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-mobile-header-inner::before, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-mobile-header-inner::after { border-bottom-color: transparent !important; box-shadow: none !important; } /* Ohne JavaScript bleibt die Kopfzeile weiss - besser lesbar als transparent. */ .no-js .qodef-page-header, .no-js .qodef-mobile-header { background-color: #fff; } @media (prefers-reduced-motion: reduce) { .qodef-page-header, .qodef-mobile-header { transition-duration: 0.01ms; } } /* ========================================================================== Sprunglink zum Hauptinhalt (WCAG 2.4.1) Nur sichtbar, wenn er mit der Tastatur angesteuert wird. ========================================================================== */ .ads-sprunglink { position: absolute; left: -9999px; top: 0; z-index: 100000; padding: 14px 22px; background: #111; color: #fff; font-size: 15px; line-height: 1.3; text-decoration: underline; border-radius: 0 0 4px 0; } .ads-sprunglink:focus, .ads-sprunglink:focus-visible { left: 0; outline: 3px solid #fff; outline-offset: -6px; color: #fff; } /* ========================================================================== Sichtbarer Tastaturfokus (WCAG 2.4.7) Das Theme entfernt den Fokusrahmen an mehreren Stellen. ========================================================================== */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; } /* ========================================================================== Kennzahlen als Zaehlwerk (Startseite) -------------------------------------------------------------------------- Das Theme legt ueber die Zahlen ein Rastermuster (qodef-pattern-after) und setzt zugleich display:block auf saemtliche span-Elemente im Zahlen- Container. Beides muss hier zurueckgenommen werden - sonst stuenden die einzelnen Stellen untereinander statt in einer Reihe. Steuerung: assets/js/adsembling-zahlen.js ========================================================================== */ .arge-block-counters .qodef-pattern-before, .arge-block-counters .qodef-pattern-after { display: none !important; } .arge-block-counters .qodef-twn-number-holder { background: none !important; } /* Die Zahl insgesamt */ .arge-block-counters .qodef-twn-number-holder > span.ads-zaehler { display: inline-flex !important; align-items: flex-end; color: #fff !important; line-height: 1; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } /* Die Stellen nebeneinander - hiergegen arbeitet die Theme-Regel ".qodef-twn-number-holder span { display: block }". */ .arge-block-counters .qodef-twn-number-holder .ads-zaehler__anzeige { display: inline-flex !important; flex-direction: row !important; align-items: flex-end; line-height: 1; } .arge-block-counters .qodef-twn-number-holder .ads-zaehler__stelle { display: inline-block !important; height: 1em; overflow: hidden; line-height: 1; vertical-align: bottom; } .arge-block-counters .qodef-twn-number-holder .ads-zaehler__band { display: block !important; transform: translateY(0); transition: transform 1.5s cubic-bezier(0.16, 0.84, 0.28, 1); will-change: transform; } /* Alle Zwischenstufen sind ebenfalls und bekommen vom Theme die 200 px verpasst. Die Groesse muss deshalb ueber die ganze Kette durchgereicht werden - sonst erben die Ziffern von einem 200-px-Element. */ .arge-block-counters .qodef-twn-number-holder .ads-zaehler__anzeige, .arge-block-counters .qodef-twn-number-holder .ads-zaehler__stelle, .arge-block-counters .qodef-twn-number-holder .ads-zaehler__band, .arge-block-counters .qodef-twn-number-holder .ads-zaehler__band > span, .arge-block-counters .qodef-twn-number-holder .ads-zaehler__zusatz { font-size: inherit !important; color: inherit !important; } .arge-block-counters .qodef-twn-number-holder .ads-zaehler__band > span { display: block !important; height: 1em; line-height: 1; } .arge-block-counters .qodef-twn-number-holder .ads-zaehler__zusatz { display: inline-block !important; line-height: 1; font-size: inherit !important; } /* Auf schmalen Bildschirmen ist die im Widget hinterlegte Groesse zu gross. Der Wert steht dort als Inline-Angabe, deshalb hier mit !important - aber nur in dieser Media Query, damit die Einstellung in Elementor fuer grosse Bildschirme wirksam bleibt. */ @media (max-width: 1024px) { .arge-block-counters .qodef-twn-number-holder > span.ads-zaehler { font-size: 54px !important; } } @media (max-width: 767px) { .arge-block-counters .qodef-twn-number-holder > span.ads-zaehler { font-size: 42px !important; } } /* Reduzierte Bewegung: Endwert ohne Lauf. */ .ads-zaehler--sofort .ads-zaehler__band { transition: none !important; } /* Nur fuer Screenreader - nimmt keinen Platz ein, bleibt aber lesbar. */ .arge-block-counters .ads-nur-vorlesen, .ads-nur-vorlesen { position: absolute !important; display: block !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } /* ========================================================================== Logoleiste: Abstand nach unten -------------------------------------------------------------------------- Unter der letzten Reihe blieb sichtbar Luft stehen, bevor der Fussbereich beginnt. Der Innenabstand der Section ist in Elementor auf 15 px gesetzt; hier werden zusaetzlich die Restabstaende des Rasters aufgehoben. ========================================================================== */ .arge-block-partners .qodef-cg-inner, .arge-block-partners .qodef-clients-grid-holder { margin-bottom: 0 !important; } .arge-block-partners .qodef-cc-item:last-child, .arge-block-partners .elementor-widget:last-child, .arge-block-partners .elementor-widget-container:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ========================================================================== Erkenntnis · Richtung · Wirkung (Startseite, Intro) -------------------------------------------------------------------------- Dieselben Teilchen durchlaufen beim Scrollen drei Formen: verstreute Signale, dann ein wandernder Pfeil, zuletzt ein Stern. Gesteuert von assets/js/adsembling-impact.js - es laeuft nichts von selbst. ========================================================================== */ .ads-impact { position: relative; margin-top: clamp(44px, 6vw, 84px); } /* Eigenstaendiger Fallback, falls Elementor das ehemalige Custom-HTML samt Intro-Container entfernt. Seine Struktur kommt ausschliesslich aus dem Child-Theme und bleibt deshalb auch nach Elementor-Speichervorgaengen. */ .ads-impact-section { position: relative; padding: clamp(58px, 7vw, 100px) 0 clamp(66px, 8vw, 112px); background: #fff; color: var(--arge-ink, #1d1d1b); } .ads-impact-section__inner { width: min(1320px, calc(100% - 64px)); margin: 0 auto; } .ads-impact-section .ads-impact { margin-top: 0; } @media (max-width: 767px) { .ads-impact-section__inner { width: calc(100% - 30px); } } .ads-impact__svg { display: block; width: 100%; height: clamp(130px, 14vw, 180px); overflow: visible; } .ads-impact__axis { display: none; } /* Die Teilchen. Farbe folgt der Phase: sammeln, ausrichten, wirken. */ .ads-impact__mark { fill: var(--arge-blue, #0067ae); transition: fill 0.5s ease; } .ads-impact[data-phase="1"] .ads-impact__mark { fill: var(--arge-red, #d02e26); } .ads-impact[data-phase="2"] .ads-impact__mark { fill: var(--arge-ink, #1d1d1b); } /* Die Wirkungspfeile: alle nach vorne gerichtet, in den vier Hausfarben. Weiss entfaellt - es waere auf hellem Grund nicht zu sehen. */ .ads-impact__ray { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; } /* Der vollstaendige Pfeil - Ergebnis der Richtungsphase und zugleich Mitte des Faechers. */ .ads-impact__arrow { fill: none; stroke: var(--arge-ink, #1d1d1b); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .ads-impact__ray--blau { stroke: var(--arge-blue, #0067ae); } .ads-impact__ray--rot { stroke: var(--arge-red, #d02e26); } .ads-impact__ray--gelb { stroke: var(--arge-yellow, #ffee3b); } .ads-impact__ray--tinte { stroke: var(--arge-ink, #1d1d1b); } /* Die drei Schritte - eine Abfolge, deshalb als geordnete Liste, und fuer Screenreader lesbar (anders als die Grafik). */ .ads-impact__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 16px 0 0; padding: 14px 0 0; list-style: none; border-top: 0; } .ads-impact__step { opacity: 0.4; transition: color 0.35s ease, opacity 0.35s ease; } .ads-impact__step strong { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: inherit; } .ads-impact__step span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.35; color: var(--arge-ink, #1d1d1b); opacity: 0.7; } .ads-impact__step:nth-child(2) { text-align: center; } .ads-impact__step:nth-child(3) { text-align: right; } .ads-impact__step.is-erledigt { opacity: 0.65; } .ads-impact__step.is-aktiv { opacity: 1; } .ads-impact__step.is-aktiv:nth-child(1) { color: var(--arge-blue, #0067ae); } .ads-impact__step.is-aktiv:nth-child(2) { color: var(--arge-red, #d02e26); } .ads-impact__step.is-aktiv:nth-child(3) { color: var(--arge-ink, #1d1d1b); } .ads-ohne-bewegung .ads-impact__mark, .ads-ohne-bewegung .ads-impact__step { transition: none !important; } @media (prefers-reduced-motion: reduce) { .ads-impact__mark, .ads-impact__step { transition: none !important; } } @media (max-width: 767px) { .ads-impact__steps { gap: 8px; } .ads-impact__step strong { font-size: 10px; letter-spacing: 0.08em; } .ads-impact__step span { font-size: 12px; } } /* ========================================================================== Karten einer Reihe auf gleiche Hoehe -------------------------------------------------------------------------- Die Karte selbst hat zwar height:100%, das half aber nichts: Zwischen Spalte und Karte liegen zwei Elementor-Container ohne Hoehe. Die Kette wird hier durchgereicht, damit alle Karten einer Reihe gleich hoch sind und die Stichwortzeile unten buendig steht. ========================================================================== */ .page-id-113 .arge-block-services .elementor-container, .page-id-113 .arge-block-science .elementor-container, .page-id-113 .arge-block-impact-cards .elementor-container { align-items: stretch; } .page-id-113 .arge-block-services .elementor-column, .page-id-113 .arge-block-science .elementor-column, .page-id-113 .arge-block-impact-cards .elementor-column { display: flex; } .page-id-113 .arge-block-services .elementor-widget-wrap, .page-id-113 .arge-block-science .elementor-widget-wrap, .page-id-113 .arge-block-impact-cards .elementor-widget-wrap { display: flex; flex-direction: column; width: 100%; } .page-id-113 .arge-block-services .elementor-widget-text-editor, .page-id-113 .arge-block-science .elementor-widget-text-editor, .page-id-113 .arge-block-impact-cards .elementor-widget-text-editor { display: flex; flex: 1 1 auto; } .page-id-113 .arge-block-services .elementor-widget-text-editor > .elementor-widget-container, .page-id-113 .arge-block-science .elementor-widget-text-editor > .elementor-widget-container, .page-id-113 .arge-block-impact-cards .elementor-widget-text-editor > .elementor-widget-container { display: flex; flex: 1 1 auto; width: 100%; } .page-id-113 .arge-block-services .arge-info-card, .page-id-113 .arge-block-science .arge-info-card, .page-id-113 .arge-block-impact-cards .arge-info-card { flex: 1 1 auto; width: 100%; } /* ========================================================================== Leistungsseite: keine Pfeile auf den Aufgaben-Karten -------------------------------------------------------------------------- Die Karten sind nicht verlinkt. Ein Pfeil kuendigt aber einen Sprung an - das ist ein falsches Versprechen und fuer Tastatur- und Screenreader- Nutzende irrefuehrend. Der grosse Zierpfeil entfaellt deshalb; die Verlaufsmarke im Text wird im Seiteninhalt entfernt. ========================================================================== */ .ads-task-card:after { content: none; } .ads-task-card:hover:after { transform: none; } /* Gleiche Kartenhoehe auch auf der Leistungsseite (Aufgaben und Kompetenzen). */ .ads-services-tasks .elementor-container, .ads-services-competences .elementor-container { align-items: stretch; } .ads-services-tasks .elementor-column, .ads-services-competences .elementor-column { display: flex; } .ads-services-tasks .elementor-widget-wrap, .ads-services-competences .elementor-widget-wrap { display: flex; flex-direction: column; width: 100%; } .ads-services-tasks .elementor-widget-text-editor, .ads-services-competences .elementor-widget-text-editor, .ads-services-tasks .elementor-widget-text-editor > .elementor-widget-container, .ads-services-competences .elementor-widget-text-editor > .elementor-widget-container { display: flex; flex: 1 1 auto; width: 100%; } .ads-task-card, .ads-competence { flex: 1 1 auto; width: 100%; } /* ========================================================================== Abstand unter der festen Kopfzeile -------------------------------------------------------------------------- Die Kopfzeile steht fest und nimmt keinen Platz im Textfluss ein. Auf der Startseite ist das gewollt - dort liegt der Inhalt bewusst dahinter (Body-Klasse qodef-content-is-behind-header). Auf allen anderen Seiten verdeckte sie die erste Ueberschrift. Der Abstand entspricht der gemessenen Kopfhoehe (--ads-kopfhoehe, gesetzt von adsembling-navigation.js). Dadurch beginnen die Ueberschriften auf allen Unterseiten auf derselben Hoehe - unabhaengig davon, ob eine Seite mit Elementor oder aus einem Theme-Template kommt. Der feste Wert dient als Rueckfallebene, falls das Skript nicht laeuft. ========================================================================== */ body:not(.qodef-content-is-behind-header) .qodef-content { padding-top: var(--ads-kopfhoehe, 90px); } .admin-bar body:not(.qodef-content-is-behind-header) .qodef-content { padding-top: calc(var(--ads-kopfhoehe, 90px) + 32px); } /* Profile der beiden Ansprechpartner direkt unter der Telefonnummer. */ .arge-home-social { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 8px; } .arge-home-social a { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid currentColor; border-radius: 50%; align-items: center; font-size: 16px; line-height: 1; transition: color .25s ease, background-color .25s ease; } .arge-home-social a:hover, .arge-home-social a:focus-visible { color: #fff; background: #1d1d1b; } /* Die Team-Karten positionieren ihre eigenen Social-Symbole absolut. Die persoenlichen Profil-Icons brauchen davon unabhaengige, zentrierte Boxen. */ .page-id-113 .arge-home-social > a { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; min-width: 46px !important; margin: 0 !important; padding: 0 !important; border: 1px solid currentColor !important; border-radius: 50% !important; box-sizing: border-box !important; font-size: 0 !important; line-height: 1 !important; } .page-id-113 .arge-home-social > a > span { position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; font-size: 20px !important; line-height: 1 !important; transform: none !important; } /* Videocall-Platzhalter: vollstaendig und ohne Foto-/Parallax-Effekte. */ .page-id-113 .arge-block-team .qodef-team-holder .qodef-team-image, .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-image { position: relative !important; height: auto !important; aspect-ratio: 3 / 2 !important; overflow: visible !important; clip-path: none !important; transition: none !important; transform: none !important; filter: none !important; animation: none !important; will-change: auto !important; } .page-id-113 .arge-block-team .qodef-team-image img[src*="-meet-test"], .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-image img[src*="-meet-test"] { position: static !important; display: block !important; width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 3 / 2; object-fit: contain !important; object-position: center !important; transform: none !important; transform-origin: center !important; filter: none !important; animation: none !important; transition: none !important; will-change: auto !important; } .page-id-113 .arge-block-team .qodef-team-image:after { display: none !important; } /* Teamkarten bleiben statisch; der Desktop-Namenscursor kann die im DOM vorhandenen Daten weiterhin lesen. */ .page-id-113 .arge-block-team .qodef-team-holder, .page-id-113 .arge-block-team .qodef-team-holder:hover, .page-id-113 .arge-block-team .qodef-team-inner, .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-inner { opacity: 1 !important; transform: none !important; filter: none !important; animation: none !important; transition: none !important; clip-path: none !important; will-change: auto !important; } .page-id-113 .arge-block-team .qodef-team-social-wrapper, .page-id-113 .arge-block-team .qodef-team-holder:hover .qodef-team-social-wrapper { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; animation: none !important; transition: none !important; } .page-id-113 .arge-block-team .qodef-pattern-overlay { display: none !important; } .qodef-team-follow-info-holder { display: none !important; } .page-id-113 .arge-block-team .qodef-team-holder, .page-id-113 .arge-block-team .qodef-team-inner, .page-id-113 .arge-block-team .qodef-team-image { cursor: default !important; } .page-id-113 .ads-team-live-screen { position: absolute; z-index: 2; box-sizing: border-box; pointer-events: none; } .page-id-113 .ads-team-live-screen--design { top: 7%; left: 5%; display: grid; grid-template-columns: 1fr 1fr; gap: 8%; width: 22%; aspect-ratio: 4 / 3; padding: 3%; border: 1px solid rgba(255,255,255,.45); background: rgba(20,20,20,.72); backdrop-filter: blur(3px); } .page-id-113 .ads-team-live-screen--design i { display: block; background: #d02e26; transition: border-radius .7s ease, transform .7s ease, background .7s ease; } .page-id-113 .ads-team-live-screen--design i:nth-child(2) { background:#0067ae; } .page-id-113 .ads-team-live-screen--design i:nth-child(3) { background:#ffee3b; } .page-id-113 .ads-team-live-screen--design i:nth-child(4) { background:#fff; } .page-id-113 .ads-team-live-screen--design[data-phase="1"] i { border-radius:50%; transform:rotate(18deg) scale(.82); } .page-id-113 .ads-team-live-screen--design[data-phase="2"] i { border-radius:50% 0; transform:rotate(45deg) scale(.9); } .page-id-113 .ads-team-live-screen--design[data-phase="3"] i { border-radius:0 70%; transform:rotate(90deg) scale(.76); } .page-id-113 .ads-team-live-screen--design[data-phase="3"] i:nth-child(1) { background:#0067ae; } .page-id-113 .ads-team-live-screen--design[data-phase="3"] i:nth-child(2) { background:#ffee3b; } .page-id-113 .ads-team-live-screen--design[data-phase="3"] i:nth-child(3) { background:#fff; } .page-id-113 .ads-team-live-screen--design[data-phase="3"] i:nth-child(4) { background:#d02e26; } .page-id-113 .ads-team-live-screen--code { top: 15%; left: 5%; width: 25%; min-height: 22%; padding: 2.2%; border: 1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.94); box-shadow: 0 10px 28px rgba(0,0,0,.12); font: 500 clamp(7px,.62vw,11px)/1.55 monospace; color: #1d1d1b; } .page-id-113 .ads-team-live-screen--code span { display:block; white-space:pre; } .page-id-113 .ads-team-live-screen--code span:nth-child(2n) { color:#0067ae; } .page-id-113 .ads-team-live-screen--code span:nth-child(3n) { color:#d02e26; } @media (max-width: 767px) { .page-id-113 .ads-team-live-screen--design { width:28%; } .page-id-113 .ads-team-live-screen--code { width:31%; font-size:6px; } } /* Google-Meet-Präsentation: geteilter Bildschirm gross, Sprecher rechts oben. */ .page-id-113 .ads-team-meet-ready > img { opacity: 0 !important; } .page-id-113 .ads-team-meet-stage { position:absolute;z-index:4;inset:0;box-sizing:border-box;padding:3.2% 3.2% 10%; background:#202124;color:#fff;overflow:hidden;pointer-events:none; } .page-id-113 .ads-meet-presentation { position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden; border-radius:8px;background:#f5f3ee;box-shadow:0 0 0 1px rgba(255,255,255,.16); } .page-id-113 .ads-meet-speaker { position:absolute;z-index:8;top:5.5%;right:5.5%;width:27%;height:31%;overflow:hidden; border:2px solid #8ab4f8;border-radius:8px;background:#ddd;box-shadow:0 5px 22px rgba(0,0,0,.34); } .page-id-113 .arge-block-team .qodef-team-image .ads-meet-speaker img { position:absolute!important;inset:0!important;width:100%!important;height:100%!important; object-fit:cover!important;object-position:center 32%!important;opacity:1!important;transform:none!important;filter:none!important; } .page-id-113 .ads-meet-speaker span {position:absolute;left:8px;bottom:6px;padding:3px 6px;border-radius:3px;background:rgba(0,0,0,.62);font:500 9px/1 Roboto,sans-serif} .page-id-113 .ads-meet-controls {position:absolute;right:0;bottom:2.2%;left:0;display:flex;justify-content:center;gap:8px} .page-id-113 .ads-meet-controls i {display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#3c4043;color:#fff;font:500 9px/1 Roboto,sans-serif;font-style:normal} .page-id-113 .ads-meet-controls .ads-meet-hangup {width:39px;border-radius:18px;background:#ea4335;transform:rotate(-45deg)} /* Tom: Terminal wird durch die vier Scrollphasen schrittweise beschrieben. */ .page-id-113 .ads-meet-presentation--terminal {padding:12% 7% 8%;background:#030503;color:#f4f7f4;font:500 clamp(8px,1vw,15px)/1.7 ui-monospace,SFMono-Regular,Consolas,monospace} .page-id-113 .ads-terminal-bar {position:absolute;top:0;right:0;left:0;display:flex;align-items:center;gap:6px;height:10%;padding:0 14px;background:#101510;color:#aab4aa;font-size:8px} .page-id-113 .ads-terminal-bar i {width:7px;height:7px;border-radius:50%;background:#ea4335}.page-id-113 .ads-terminal-bar i:nth-child(2){background:#fbbc04}.page-id-113 .ads-terminal-bar i:nth-child(3){background:#34a853}.page-id-113 .ads-terminal-bar span{margin-left:5px} .page-id-113 .ads-meet-presentation--terminal pre {margin:0;color:inherit;font:inherit;white-space:pre-wrap} .page-id-113 .ads-meet-presentation--terminal pre span {display:block;min-height:1.7em}.page-id-113 .ads-meet-presentation--terminal pre span:nth-child(2n){color:#b7ff00}.page-id-113 .ads-meet-presentation--terminal pre span:nth-child(3n){color:#fff}.page-id-113 .ads-meet-presentation--terminal pre span:nth-child(4n){color:#7dff63} .page-id-113 .ads-meet-presentation--terminal pre span:last-child:after {content:'▋';color:#b7ff00;animation:adsTerminalCursor .55s steps(1) infinite} .page-id-113 .ads-terminal-status {position:absolute;right:0;bottom:0;left:0;padding:5px 12px;background:#173800;color:#b7ff00;font-size:7px;letter-spacing:.08em} @keyframes adsTerminalCursor{50%{opacity:0}} /* Mario: aus einzelnen Gestaltungselementen entsteht ein Werbesujet. */ .page-id-113 .ads-meet-presentation--design {background:#f2eee7;color:#1d1d1b;transition:background .65s ease} .page-id-113 .ads-meet-presentation--design small {position:absolute;left:6%;top:7%;z-index:3;font:700 7px/1 Roboto,sans-serif;letter-spacing:.16em} .page-id-113 .ads-meet-presentation--design strong {position:absolute;z-index:3;left:7%;bottom:13%;font:800 clamp(21px,3.5vw,54px)/.78 Roboto,sans-serif;letter-spacing:-.07em;transform:translateY(18px);opacity:.18;transition:.7s ease} .page-id-113 .ads-meet-presentation--design em {position:absolute;z-index:3;right:5%;bottom:5%;font:700 7px/1 Roboto,sans-serif;letter-spacing:.17em;font-style:normal} .page-id-113 .ads-meet-presentation--design i,.page-id-113 .ads-meet-presentation--design b {position:absolute;display:block;transition:all .75s cubic-bezier(.2,.8,.2,1)} .page-id-113 .ads-meet-presentation--design i:nth-of-type(1){left:13%;top:21%;width:22%;aspect-ratio:1;background:#d02e26;transform:rotate(-12deg)} .page-id-113 .ads-meet-presentation--design i:nth-of-type(2){left:40%;top:17%;width:18%;aspect-ratio:1;border-radius:50%;background:#0067ae} .page-id-113 .ads-meet-presentation--design i:nth-of-type(3){left:27%;top:48%;width:31%;height:12%;background:#ffee3b;transform:rotate(7deg)} .page-id-113 .ads-meet-presentation--design b{right:9%;bottom:9%;width:27%;aspect-ratio:1;border:2px solid #1d1d1b;transform:rotate(10deg)} .page-id-113 .ads-meet-presentation--design[data-phase="1"] i:nth-of-type(1){left:8%;top:13%;transform:rotate(0)}.page-id-113 .ads-meet-presentation--design[data-phase="1"] i:nth-of-type(2){left:34%;top:30%;transform:scale(1.25)}.page-id-113 .ads-meet-presentation--design[data-phase="1"] i:nth-of-type(3){left:12%;top:60%;width:48%;transform:rotate(0)} .page-id-113 .ads-meet-presentation--design[data-phase="2"]{background:#0067ae;color:#fff}.page-id-113 .ads-meet-presentation--design[data-phase="2"] i:nth-of-type(1){left:4%;top:8%;width:42%;transform:rotate(0);background:#d02e26}.page-id-113 .ads-meet-presentation--design[data-phase="2"] i:nth-of-type(2){left:38%;top:19%;width:31%;background:#ffee3b}.page-id-113 .ads-meet-presentation--design[data-phase="2"] b{right:5%;bottom:5%;border-color:#fff;transform:rotate(0)} .page-id-113 .ads-meet-presentation--design[data-phase="3"]{background:#ffee3b;color:#1d1d1b}.page-id-113 .ads-meet-presentation--design[data-phase="3"] strong{opacity:1;transform:translateY(0)}.page-id-113 .ads-meet-presentation--design[data-phase="3"] i:nth-of-type(1){left:0;top:0;width:34%;height:100%;transform:none}.page-id-113 .ads-meet-presentation--design[data-phase="3"] i:nth-of-type(2){left:58%;top:8%;width:35%;background:#0067ae}.page-id-113 .ads-meet-presentation--design[data-phase="3"] i:nth-of-type(3){left:35%;top:45%;width:60%;height:8%;background:#fff;transform:rotate(-8deg)}.page-id-113 .ads-meet-presentation--design[data-phase="3"] b{right:4%;bottom:4%;width:22%;border-color:#1d1d1b;transform:rotate(45deg)} @media(max-width:767px){.page-id-113 .ads-team-meet-stage{padding:3% 3% 12%}.page-id-113 .ads-meet-speaker{width:31%;height:34%}.page-id-113 .ads-meet-controls{gap:5px}.page-id-113 .ads-meet-controls i{width:22px;height:22px;font-size:7px}.page-id-113 .ads-meet-controls .ads-meet-hangup{width:32px}.page-id-113 .ads-meet-presentation--terminal{font-size:7px}.page-id-113 .ads-meet-presentation--design strong{font-size:24px}} @media(prefers-reduced-motion:reduce){.page-id-113 .ads-meet-presentation--design *{transition:none!important}.page-id-113 .ads-meet-presentation--terminal pre span:last-child:after{animation:none}} /* Zwei weitere Ansichten je Person: Presenter gross sowie 50:50. */ .page-id-113 .arge-block-team .qodef-team-image.ads-team-meet-ready {display:none!important} .page-id-113 .ads-team-view-variants {display:grid;gap:22px;margin-top:22px} .page-id-113 .ads-team-view-variant {position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid rgba(255,255,255,.38);background:#202124} .page-id-113 .ads-team-view-variant img {display:block;width:100%;height:100%;object-fit:cover;filter:none;transform:none;transition:none} .page-id-113 .ads-team-view-variant--presenter .ads-variant-presenter {position:absolute;inset:0;object-position:center 30%;transform:translateX(-13%) scale(1.12)} .page-id-113 .ads-variant-small-screen {position:absolute;z-index:3;right:3.5%;top:5%;width:40%;height:44%;overflow:hidden;border:2px solid #8ab4f8;border-radius:7px;box-shadow:0 5px 24px rgba(0,0,0,.38)} .page-id-113 .ads-variant-small-screen .ads-meet-presentation {border-radius:4px} .page-id-113 .ads-variant-small-screen .ads-meet-presentation--terminal {padding:14% 6% 7%;background:#000;color:#fff;font-size:7px;line-height:1.35} .page-id-113 .ads-meet-presentation--terminal pre, .page-id-113 .ads-variant-small-screen .ads-meet-presentation--terminal pre {margin:0!important;padding:0!important;border:0!important;background:#000!important;color:#fff!important;box-shadow:none!important} .page-id-113 .ads-meet-presentation--terminal pre span {background:transparent!important} .page-id-113 .ads-variant-small-screen .ads-terminal-bar {background:#000;color:#fff;font-size:5px;padding:0 6px;border-bottom:1px solid #263326}.page-id-113 .ads-variant-small-screen .ads-terminal-bar i{width:4px;height:4px}.page-id-113 .ads-variant-small-screen .ads-terminal-status{padding:3px 6px;background:#000;color:#b7ff00;border-top:1px solid #263326;font-size:4px} .page-id-113 .ads-variant-small-screen .ads-meet-presentation--design strong{font-size:17px}.page-id-113 .ads-variant-small-screen .ads-meet-presentation--design small,.page-id-113 .ads-variant-small-screen .ads-meet-presentation--design em{font-size:4px} .page-id-113 .ads-variant-name {position:absolute;z-index:3;left:3%;bottom:4%;padding:4px 8px;border-radius:3px;background:rgba(0,0,0,.62);color:#fff;font-size:9px} .page-id-113 .ads-team-view-variant--split {display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3%;box-sizing:border-box} .page-id-113 .ads-variant-portrait,.page-id-113 .ads-variant-half-screen {position:relative;min-width:0;overflow:hidden;border-radius:7px} .page-id-113 .ads-variant-portrait img {position:absolute;inset:0;object-position:center 27%} .page-id-113 .ads-variant-portrait span {position:absolute;left:8px;bottom:7px;padding:3px 6px;border-radius:3px;background:rgba(0,0,0,.62);color:#fff;font-size:8px} .page-id-113 .ads-variant-half-screen .ads-meet-presentation {border-radius:7px} .page-id-113 .ads-variant-half-screen .ads-meet-presentation--terminal {padding:14% 7% 8%;font-size:clamp(6px,.72vw,11px)} .page-id-113 .ads-variant-half-screen .ads-meet-presentation--design strong {font-size:clamp(18px,2.2vw,34px)} @media(max-width:767px){.page-id-113 .ads-team-view-variants{gap:14px;margin-top:14px}.page-id-113 .ads-variant-small-screen{width:44%;height:47%}.page-id-113 .ads-variant-small-screen .ads-meet-presentation--terminal{font-size:5px}} .page-id-113 .ads-team-static-info { padding: 22px 0 6px; color: #fff; } .page-id-113 .ads-team-static-info h3 { margin: 0; color: #fff; font-size: clamp(25px, 2vw, 34px); line-height: 1.05; } .page-id-113 .ads-team-static-info p { margin: 8px 0 0; color: rgba(255, 255, 255, .82); font-size: 15px; line-height: 1.45; } /* Unterzeile fuer Copyright und rechtliche Seiten. */ .qodef-page-footer { display: block !important; float: none !important; vertical-align: top !important; margin-bottom: 0 !important; background: #1d1d1b; } /* Kein Inline-Formatierungsraum nach dem letzten Element der Startseite. */ body.home .qodef-wrapper-inner, body.page-id-113 .qodef-wrapper-inner { padding-bottom: 0 !important; } /* Vom Revolution Slider nach dem Wrapper erzeugter Deko-Cursor. Ohne seine Originalpositionierung verlaengert das SVG das Dokument unter dem Footer. */ body.home > .struktur-rev-cursor, body.page-id-113 > .struktur-rev-cursor, body.home .struktur-rev-cursor, body.page-id-113 .struktur-rev-cursor { display: none !important; } /* Einheitlicher Footer-Reveal: Die CSS-Variable wird aus der realen Hoehe des Footers berechnet. Der Footer selbst erhaelt bewusst keine feste Hoehe. */ @media (min-width: 1025px) { html.ads-footer-reveal .qodef-content { margin-bottom: var(--ads-footer-height, 0px) !important; } html.ads-footer-reveal .qodef-page-footer { position: fixed !important; right: 0 !important; bottom: 0 !important; left: 0 !important; height: auto !important; z-index: 99 !important; } } .ads-footer-legal { display: flex; justify-content: space-between; align-items: center; gap: 18px 32px; width: min(1300px, calc(100% - 64px)); margin: 0 auto; padding: 18px 0 22px; border-top: 1px solid rgba(255, 255, 255, .18); color: #a9a9a9; font-size: 12px; line-height: 1.5; } .ads-footer-legal p { margin: 0; } .ads-footer-legal nav { display: flex; flex-wrap: wrap; gap: 8px 22px; } .ads-footer-legal a { color: #d0d0d0 !important; } .ads-footer-legal a:hover, .ads-footer-legal a:focus-visible { color: #fff !important; } @media (max-width: 767px) { .ads-footer-legal { flex-direction: column; align-items: flex-start; width: calc(100% - 30px); } } /* ========================================================================== Beitraege: kein Datum -------------------------------------------------------------------------- Die Fachbeitraege sind nicht tagesaktuell; ein Datum laesst sie schneller alt aussehen, als sie sind. Das Theme bietet dafuer keine Einstellung, deshalb hier per CSS. display:none nimmt die Angabe auch aus dem Accessibility-Baum - Screenreader lesen sie also ebenfalls nicht mehr vor. Die Share-Schaltflaechen sind ueber die Theme-Optionen abgeschaltet (enable_social_share und die einzelnen Dienste), nicht hier. ========================================================================== */ .qodef-post-info-date, .qodef-blog-list .qodef-post-info-date, .qodef-post-info-bottom .qodef-post-info-date, .ads-insight-card__meta time, .ads-home-knowledge__meta time { display: none !important; } /* ========================================================================== Referenzen: Filter mittig ueber die Uebersicht -------------------------------------------------------------------------- Der Filter fuellt die volle Breite, sein Inhalt war aber linksbuendig und klebte damit am Rand. Das Theme arbeitet hier mit inline-block, deshalb genuegt text-align - die Umbruchregeln bleiben erhalten. ========================================================================== */ .qodef-pl-filter-holder { text-align: center; margin-bottom: 44px; } .qodef-pl-filter-holder .qodef-plf-inner { display: inline-block; max-width: 100%; } /* Der Umschalter stand direkt an der ersten Kategorie. */ .qodef-pl-filter-holder .qodef-pl-filter-toggle { margin-right: 18px; } /* Auf schmalen Bildschirmen sollen die Kategorien umbrechen duerfen, statt seitlich abgeschnitten zu werden. */ @media (max-width: 767px) { .qodef-pl-filter-holder ul { height: auto; } .qodef-pl-filter-holder ul li { padding: 0 12px; } } /* ========================================================================== Referenz-Detailseite: Doppelungen entfernen -------------------------------------------------------------------------- Das Theme gibt neben den gepflegten Feldern (Kunde, Projekt, Kategorie, Leistungen) noch eigene aus - "Category:" und "Date:", beide englisch und inhaltlich doppelt. Ebenso stand der Projekttitel zweimal auf der Seite. display:none nimmt die Angaben auch aus dem Accessibility-Baum, sie werden also ebenfalls nicht mehr vorgelesen. ========================================================================== */ .qodef-ps-info-item.qodef-ps-categories, .qodef-ps-info-item.qodef-ps-date { display: none !important; } /* Der Titel steht bereits im Seitenkopf. */ .single-portfolio-item .qodef-ps-title { display: none !important; } /* ========================================================================== Referenz: Weg zurueck zur Uebersicht ========================================================================== */ .ads-projekt-zurueck { margin: clamp(48px, 6vw, 88px) 0 0; padding-top: 28px; border-top: 1px solid rgba(29, 29, 27, 0.15); } .ads-projekt-zurueck a { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--arge-ink, #1d1d1b); } .ads-projekt-zurueck__pfeil { display: inline-block; font-size: 20px; line-height: 1; transition: transform 0.3s ease; } .ads-projekt-zurueck a:hover .ads-projekt-zurueck__pfeil, .ads-projekt-zurueck a:focus-visible .ads-projekt-zurueck__pfeil { transform: translateX(-6px); } /* ========================================================================== Sprachumschalter -------------------------------------------------------------------------- Steht links neben dem Menue-Schalter und zeigt immer nur die jeweils andere Sprache: auf der deutschen Seite "EN", auf der englischen "DE". ========================================================================== */ .ads-sprache { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; margin-right: 14px; padding: 0 6px; vertical-align: middle; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; line-height: 1; color: currentColor; border: 0; transition: opacity 0.25s ease; } .ads-sprache:hover, .ads-sprache:focus-visible { opacity: 0.6; text-decoration: underline; text-underline-offset: 4px; } /* Ohne JavaScript bleibt der Link am Seitenende - dort unaufdringlich. */ .ads-sprache-quelle { padding: 0 0 24px; text-align: center; } /* ========================================================================== Menue-Schalter: Punkt in der Mitte sichtbar halten -------------------------------------------------------------------------- Der Schalter besteht aus einem Ring und einem Punkt. Auf weisser Kopfzeile blieb der Punkt unsichtbar, weil er die Fuellfarbe des Themes behielt. Beide folgen jetzt der Textfarbe. ========================================================================== */ .qodef-mobile-menu-opener svg circle, .qodef-side-menu-button-opener svg circle { stroke: currentColor; } /* Der aeussere Ring bleibt offen, der innere Punkt wird gefuellt. */ .qodef-mobile-menu-opener svg circle:first-child, .qodef-side-menu-button-opener svg circle:first-child { fill: none; } .qodef-mobile-menu-opener svg circle + circle, .qodef-side-menu-button-opener svg circle + circle { fill: currentColor; } /* Das Theme faerbt den Schalter mit "color: #fff !important" (Body-Klasse qodef-light-header). Auf weisser Kopfzeile war er damit unsichtbar - deshalb hier ebenfalls mit !important dagegen. */ /* Weisse Kopfzeile: dunkle Bedienelemente. Das Theme faerbt den Schalter mit "color: #fff !important" (Body-Klasse qodef-light-header), deshalb hier ebenso gewichtet. */ .qodef-light-header .ads-kopf--weiss .qodef-side-menu-button-opener, .qodef-light-header .ads-kopf--weiss .qodef-mobile-menu-opener, .qodef-light-header .ads-kopf--weiss .qodef-mobile-menu-opener a, .qodef-light-header .ads-kopf--weiss .qodef-search-opener, .ads-kopf--weiss .qodef-side-menu-button-opener, .ads-kopf--weiss .qodef-mobile-menu-opener, .ads-kopf--weiss .qodef-mobile-menu-opener a, .ads-kopf--weiss .qodef-search-opener, .ads-kopf--weiss .ads-sprache { color: var(--arge-ink, #1d1d1b) !important; } /* Transparente Kopfzeile: keine Trennlinie. Sie soll dann voellig verschwinden und nicht als Kante ueber dem Inhalt stehen bleiben. */ .qodef-page-header:not(.ads-kopf--weiss), .qodef-mobile-header:not(.ads-kopf--weiss), .qodef-page-header:not(.ads-kopf--weiss) .qodef-menu-area, .qodef-page-header:not(.ads-kopf--weiss) .qodef-logo-area, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-mobile-header-inner { box-shadow: none !important; border-bottom: 0 !important; } /* Transparente Kopfzeile: helle Bedienelemente. Der Sprachumschalter hat keine Theme-Regel und wuerde sonst die dunkle Schrift des Inhalts erben - er bliebe also auch ueber dunklen Bildern schwarz. */ .qodef-page-header:not(.ads-kopf--weiss) .qodef-side-menu-button-opener, .qodef-page-header:not(.ads-kopf--weiss) .qodef-search-opener, .qodef-page-header:not(.ads-kopf--weiss) .ads-sprache, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-mobile-menu-opener, .qodef-mobile-header:not(.ads-kopf--weiss) .qodef-mobile-menu-opener a, .qodef-mobile-header:not(.ads-kopf--weiss) .ads-sprache { color: #fff !important; } /* ========================================================================== Kennzahlen: ohne Linien -------------------------------------------------------------------------- Das Theme setzt unter die Zahl eine 2px-Linie, dazu kam eine eigene Linie ueber dem Block und der obere Rand der Spalten. Die Zahlen stehen jetzt frei - die Beschriftung darunter traegt die Gliederung. ========================================================================== */ .arge-block-counters .qodef-twn-number-holder, .page-id-113 .arge-block-counters .qodef-twn-number-holder { border-bottom: 0 !important; } .page-id-113 .arge-block-counters:before { display: none !important; } .page-id-113 .arge-block-counters .elementor-column { border-top: 0 !important; } /* ========================================================================== Bedienelemente der Kopfzeile: Farbe ueber eine eigene Variable -------------------------------------------------------------------------- Um die Faerbung ringen zwei !important-Regeln: das Theme setzt "color: #fff !important" (Body-Klasse qodef-light-header), dagegen stand bisher eine gleich gewichtete Regel - je nach Spezifitaet gewann mal die eine, mal die andere, und der Schalter blieb unsichtbar. Die Variable umgeht diesen Streit: Sie wird je nach Zustand der Kopfzeile gesetzt, und die SVG-Kreise beziehen ihre Farbe direkt daraus statt ueber currentColor. Damit haengt die Sichtbarkeit nicht mehr an der Kaskade von "color". Zusaetzlich bekommt der aeussere Ring eine Strichstaerke - im Markup ist keine angegeben, ohne sie bliebe er unsichtbar. ========================================================================== */ .qodef-page-header, .qodef-mobile-header { --ads-kopf-farbe: #fff; } .qodef-page-header.ads-kopf--weiss, .qodef-mobile-header.ads-kopf--weiss { --ads-kopf-farbe: #1d1d1b; } /* Ohne JavaScript ist die Kopfzeile weiss - dann dunkle Elemente. */ .no-js .qodef-page-header, .no-js .qodef-mobile-header { --ads-kopf-farbe: #1d1d1b; } /* Aeusserer Ring: offen, mit sichtbarer Kontur. */ .qodef-side-menu-button-opener svg circle:first-of-type, .qodef-mobile-menu-opener svg circle:first-of-type { fill: none !important; stroke: var(--ads-kopf-farbe, #1d1d1b) !important; stroke-width: 1.5 !important; } /* Innerer Punkt: gefuellt. */ .qodef-side-menu-button-opener svg circle:last-of-type, .qodef-mobile-menu-opener svg circle:last-of-type { fill: var(--ads-kopf-farbe, #1d1d1b) !important; stroke: none !important; } /* Such-Symbol und Sprachumschalter folgen derselben Farbe. */ .qodef-page-header .qodef-search-opener svg path, .qodef-mobile-header .qodef-search-opener svg path { fill: var(--ads-kopf-farbe, #1d1d1b) !important; stroke: none !important; } .qodef-page-header .ads-sprache, .qodef-mobile-header .ads-sprache { color: var(--ads-kopf-farbe, #1d1d1b) !important; } /* ========================================================================== Referenz-Detailseite: Feinschliff ========================================================================== */ /* Die Kategorie steht bereits in der Seitenleiste - ueber der Beschreibung ist sie eine Wiederholung. */ .arge-reference-kicker { display: none !important; } /* Angaben in der Seitenleiste: Die Bezeichnung (Kunde, Projekt, Kategorie, Leistungen) steht in normaler Groesse und fett, der Wert darunter in derselben Groesse, aber kursiv und normal gewichtet. Beschraenkt auf die Angabefelder - die Projektbeschreibung daneben bleibt unberuehrt. */ .qodef-ps-info-holder .qodef-ps-info-title { font-size: 15px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; margin-bottom: 2px !important; } .qodef-ps-info-holder .qodef-ps-custom-field p, .qodef-ps-info-holder .qodef-ps-categories p, .qodef-ps-info-holder .qodef-ps-categories a { font-size: 15px !important; font-style: italic !important; font-weight: 400 !important; line-height: 1.5; } /* ========================================================================== Karussell: Rest des vorherigen Bildes am linken Rand -------------------------------------------------------------------------- OwlCarousel berechnet die Breite der Folien und verschiebt sie per transform. Beide Werte landen haeufig auf Bruchteilen von Pixeln, sodass links ein schmaler Streifen der vorherigen Folie stehen bleibt - auf hellen Motiven deutlich sichtbar. Der aeussere Rahmen schneidet jetzt sauber ab, und die Folien werden auf eine eigene Ebene gelegt (translateZ). Das zwingt den Browser zu einer ganzzahligen Kante, statt zwischen zwei Pixeln zu mischen. ========================================================================== */ .qodef-owl-slider .owl-stage-outer, .qodef-ps-image-inner .owl-stage-outer, .owl-carousel .owl-stage-outer { overflow: hidden !important; /* overflow allein genuegt nicht: Die Rundung entsteht innerhalb des Rahmens, der Streifen liegt also im sichtbaren Bereich. clip-path schneidet unabhaengig davon zwei Pixel vom linken Rand ab - vom aktuellen Bild fehlen dadurch zwei Pixel, was bei diesen Bildbreiten nicht auffaellt, der Rest der vorherigen Folie ist damit weg. */ clip-path: inset(0 0 0 2px); } .qodef-owl-slider .owl-item, .qodef-ps-image-inner .owl-item, .owl-carousel .owl-item { overflow: hidden; backface-visibility: hidden; transform: translateZ(0); } /* Die aktive Folie liegt oben und verdeckt Reste der Nachbarn. */ .qodef-owl-slider .owl-item.active, .qodef-ps-image-inner .owl-item.active, .owl-carousel .owl-item.active { position: relative; z-index: 2; } .qodef-owl-slider .owl-item img, .qodef-ps-image-inner .owl-item img, .owl-carousel .owl-item img { display: block; width: 100%; backface-visibility: hidden; } /* Hamburger-Menue und Schliessen-X im bestehenden SVG-Rahmen. */ .qodef-side-menu-button-opener svg.ads-menue-icon path, .qodef-mobile-menu-opener svg.ads-menue-icon path, .qodef-close-side-menu svg.ads-menue-icon path { fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round; } .qodef-side-menu-button-opener svg.ads-menue-icon path, .qodef-mobile-menu-opener svg.ads-menue-icon path { stroke: var(--ads-kopf-farbe, #1d1d1b) !important; } .qodef-side-menu-button-opener .ads-menue-kreuz, .qodef-mobile-menu-opener .ads-menue-kreuz { display: none; } .qodef-side-menu-open .qodef-side-menu-button-opener .ads-menue-striche, .qodef-mobile-menu-opened .ads-menue-striche { display: none; } .qodef-side-menu-open .qodef-side-menu-button-opener .ads-menue-kreuz, .qodef-mobile-menu-opened .ads-menue-kreuz { display: inline; } /* Startseite: reduzierte Wirkungseinleitung und buendiger Kontaktabschluss. */ .page-id-113 .arge-block-impact-intro .qodef-st-text, .page-id-113 .arge-cta-brandbar { display: none !important; } .page-id-113 .arge-block-cta .arge-cta-copy { height: auto; padding: 0 !important; } .page-id-113 .arge-block-cta .arge-cta-copy > :last-child { margin-bottom: 0; } .page-id-113 .arge-block-cta .arge-cta-panel { height: auto; min-height: 0; transform: none; } .page-id-113 .arge-cta-panel .arge-kicker { margin-top: 0; } @media (min-width: 768px) { .page-id-113 .arge-block-cta > .elementor-container, .page-id-113 .arge-block-cta > .qodef-elementor-container-inner { align-items: flex-end; } .page-id-113 .arge-block-cta .elementor-widget-wrap { align-content: flex-end; align-items: flex-end; } .page-id-113 .arge-block-cta .elementor-widget-text-editor { margin-bottom: 0; } } /* Leistungen: Markenfarben, lesbare Kompetenzen und offener Referenzstreifen. */ .ads-task-card { border-top: 0; padding-top: 38px; } .ads-task-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(to right, #d02e26 0% 20%, #0067ae 20% 40%, #1d1d1b 40% 60%, #fff 60% 80%, #ffee3b 80% 100%); box-shadow: 0 1px 0 rgba(29,29,27,.15); transform-origin: left; } .ads-task-card, .ads-competence { animation: none; } .ads-task-card { display: flex; flex-direction: column; } .ads-task-card strong { position: static; margin-top: auto; padding-top: 24px; } .ads-task-card svg { flex-shrink: 0; } .ads-competence { display: flex; flex-direction: column; overflow: visible; } .ads-competence__top { margin-bottom: 42px; } .ads-competence__copy { font-size: 16px; line-height: 1.55; margin-bottom: 28px; } .ads-competence ul { position: static; margin-top: auto; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.25); } .ads-competence svg { animation: none; } .ads-competence:hover, .ads-competence:focus-within { transform: translateY(-5px); } .ads-competence:hover svg, .ads-competence:focus-within svg { transform: rotate(5deg) translateY(-3px); } /* Den Slider selbst verbreitern; Owl behaelt seinen hoehenbildenden Rahmen. */ .ads-services-references { overflow: visible; } .ads-services-reference-slider { width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .ads-services-reference-slider .owl-stage-outer { overflow: hidden !important; display: flow-root; } .ads-service-enter { animation: adsServiceEnter .8s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--ads-enter-delay, 0ms); } .ads-task-card.ads-service-enter::before { animation: adsServiceLine .9s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--ads-enter-delay, 0ms); } @keyframes adsServiceEnter { from { opacity: 0; translate: 0 28px; } to { opacity: 1; translate: 0 0; } } @keyframes adsServiceLine { from { transform: scaleX(0); } to { transform: scaleX(1); } } @media (prefers-reduced-motion: reduce) { .ads-task-card, .ads-task-card::before, .ads-task-card::after, .ads-task-card svg, .ads-competence, .ads-competence svg { animation: none !important; transition: none !important; transform: none !important; } } .ads-ohne-bewegung .ads-task-card, .ads-ohne-bewegung .ads-task-card::before, .ads-ohne-bewegung .ads-task-card::after, .ads-ohne-bewegung .ads-task-card svg, .ads-ohne-bewegung .ads-competence, .ads-ohne-bewegung .ads-competence svg { animation: none !important; transition: none !important; transform: none !important; } /* Referenzuebersicht: Einstieg und Filter in Contentbreite, Bilder darueber hinaus. */ .ads-references-page { --ads-reference-content: min(1300px, calc(100vw - 64px)); } .ads-references-page .qodef-section-title-holder { display: block; width: var(--ads-reference-content) !important; max-width: 100%; margin: 0 auto; padding: 125px 0 95px; text-align: left !important; box-sizing: border-box; } .ads-references-page .qodef-section-title-holder .qodef-st-subtitle { margin: 0 0 26px; color: #1d1d1b; font: 700 11px/1.2 Roboto, sans-serif; letter-spacing: .17em; text-transform: uppercase; } .ads-references-page .qodef-section-title-holder .qodef-st-title { max-width: 960px; margin: 0; color: #1d1d1b; font: 700 clamp(62px, 7vw, 110px)/.9 Roboto, sans-serif; letter-spacing: -.058em; } .ads-references-page .qodef-st-title-emphasize { color: #d02e26; } .ads-references-page .qodef-section-title-holder .qodef-st-text { max-width: 820px; margin: 42px 0 0 !important; color: #1d1d1b; font: 400 18px/1.65 Roboto, sans-serif; } .ads-references-page .elementor-section:has(.qodef-portfolio-list-holder) { overflow: visible; } .ads-references-page .qodef-portfolio-list-holder { width: calc(100vw - 40px); max-width: none; margin-left: calc(50% - 50vw + 20px); margin-right: calc(50% - 50vw + 20px); } .ads-references-page .qodef-pl-filter-holder { width: var(--ads-reference-content); max-width: 100%; margin: 0 auto 46px !important; padding: 24px 0; border-top: 2px solid #1d1d1b; border-bottom: 1px solid #d7d7d4; text-align: left; box-sizing: border-box; } .ads-references-page .qodef-pl-filter-holder .qodef-plf-inner { display: block; text-align: center; } .ads-references-page .qodef-pl-filter-toggle { display: none !important; } .ads-references-page .qodef-pl-filter-holder ul { justify-content: center; display: flex !important; flex-wrap: wrap; gap: 10px; width: 100% !important; height: auto !important; overflow: visible; margin: 0; padding: 0; } .ads-references-page .qodef-pl-filter-holder ul li { margin: 0; padding: 12px 18px; border: 1px solid #d7d7d4; transition: background .2s, border-color .2s; } .ads-references-page .qodef-pl-filter-holder ul li span { font: 700 13px/1.4 Roboto, sans-serif; white-space: normal; } .ads-references-page .qodef-pl-filter-holder ul li:hover { border-color: #d02e26; } .ads-references-page .qodef-pl-filter-holder ul li.qodef-pl-current { background: #1d1d1b; border-color: #1d1d1b; } .ads-references-page .qodef-pl-filter-holder ul li.qodef-pl-current span { color: #fff; } .ads-references-page .qodef-pl-filter-holder ul li span::after { display: none !important; } .ads-references-page .qodef-portfolio-list-holder .qodef-pl-inner > .qodef-pl-item { width: 25% !important; } .ads-references-page .qodef-pl-load-more-holder { margin: 45px auto 80px; text-align: center; } .ads-references-page .qodef-pl-load-more a { display: inline-flex; padding: 17px 28px; background: #1d1d1b; color: #fff; } @media (max-width: 1024px) { .ads-references-page .qodef-portfolio-list-holder .qodef-pl-inner > .qodef-pl-item { width: 50% !important; } } @media (max-width: 767px) { .ads-references-page { --ads-reference-content: calc(100vw - 30px); } .ads-references-page .qodef-section-title-holder { padding: 90px 0 70px; } .ads-references-page .qodef-section-title-holder .qodef-st-title { font-size: clamp(45px, 13vw, 52px); line-height: .94; } .ads-references-page .qodef-section-title-holder .qodef-st-text { font-size: 16px; } .ads-references-page .qodef-portfolio-list-holder { width: calc(100vw - 30px); margin-left: calc(50% - 50vw + 15px); margin-right: calc(50% - 50vw + 15px); } .ads-references-page .qodef-pl-filter-holder ul li { padding: 10px 12px; } .ads-references-page .qodef-portfolio-list-holder .qodef-pl-inner > .qodef-pl-item { width: 100% !important; } } /* Referenzeinstieg im gleichen Satzspiegel wie Arbeitsweise und Leistungen. */ .ads-references-page .elementor-top-section:has(.qodef-section-title-holder):not(:has(.qodef-portfolio-list-holder)) > .elementor-container { width: var(--ads-reference-content) !important; max-width: none !important; } .ads-references-page .qodef-section-title-holder { position: relative; isolation: isolate; overflow: hidden; } .ads-references-page .qodef-section-title-holder::before { content: 'ARBEITEN'; position: absolute; z-index: -1; right: -.03em; top: .2em; color: rgba(208,46,38,.055); font: 700 clamp(140px, 20vw, 340px)/.75 Roboto, sans-serif; letter-spacing: -.08em; pointer-events: none; } .ads-references-page .qodef-section-title-holder .qodef-st-inner { position: relative; width: 100%; text-align: left; } .ads-references-page .arge-reference-kicker { display: block !important; margin: 0 0 26px !important; color: #1d1d1b; font: 700 12px/1.2 Roboto, sans-serif; letter-spacing: .17em; text-transform: uppercase; } .ads-references-page .qodef-pl-filter-holder { text-align: center; } @media (max-width: 767px) { .ads-references-page .qodef-section-title-holder::before { font-size: 110px; } .ads-references-page .qodef-section-title-holder .qodef-st-text { margin-top: 30px !important; } } /* Referenzen: den tatsaechlichen Intro-Baustein gestalten. */ .ads-references-page .arge-references-intro { position: relative; overflow: hidden; padding: 125px 0 80px; background: #fff; } .ads-references-page .arge-references-intro::before { content: 'ARBEITEN'; position: absolute; top: .2em; right: -.03em; color: rgba(208,46,38,.055); font: 700 clamp(140px, 20vw, 340px)/.75 Roboto, sans-serif; letter-spacing: -.08em; pointer-events: none; } .ads-references-page .arge-references-intro__inner { position: relative; z-index: 1; width: var(--ads-reference-content) !important; max-width: 100%; margin: 0 auto !important; padding: 0; box-sizing: border-box; text-align: left; } .ads-references-page .arge-references-intro__eyebrow { margin: 0 0 26px; color: #1d1d1b; font: 700 12px/1.2 Roboto, sans-serif; letter-spacing: .17em; } .ads-references-page .arge-references-intro h1 { max-width: 1080px; margin: 0; color: #1d1d1b; font: 700 clamp(58px, 6.3vw, 98px)/.91 Roboto, sans-serif; letter-spacing: -.058em; } .ads-references-page .arge-references-intro h1::first-line { color: #d02e26; } .ads-references-page .arge-references-intro__text { max-width: 820px; margin: 36px 0 0; color: #1d1d1b; font: 400 18px/1.65 Roboto, sans-serif; } /* Das Theme setzt inline-block: auto-Margins zentrieren erst als Block. */ .ads-references-page .qodef-pl-filter-holder { display: block !important; float: none; clear: both; width: var(--ads-reference-content) !important; max-width: 100%; margin: 0 auto 46px !important; } .ads-references-page .qodef-pl-filter-holder .qodef-plf-inner { width: 100%; max-width: none; } .ads-references-page .qodef-pl-filter-holder ul { justify-content: center; align-items: center; } @media (max-width: 767px) { .ads-references-page .arge-references-intro { padding: 85px 0 55px; } .ads-references-page .arge-references-intro::before { font-size: 110px; } .ads-references-page .arge-references-intro h1 { font-size: clamp(34px, 8.8vw, 52px); line-height: .96; overflow-wrap: break-word; } .ads-references-page .arge-references-intro__text { margin-top: 28px; font-size: 16px; } } /* Fachbeitraege: Einstieg im Stil der anderen Zielseiten. */ .page-id-5629 .arge-home-section { position: relative; width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 125px 0 95px; overflow: hidden; background: #fff; color: #1d1d1b; box-sizing: border-box; } .page-id-5629 .arge-home-section::before { content: 'WISSEN'; position: absolute; top: .2em; right: -.03em; color: rgba(208,46,38,.055); font: 700 clamp(140px,20vw,340px)/.75 Roboto,sans-serif; letter-spacing: -.08em; pointer-events: none; } .page-id-5629 .arge-home-inner { position: relative; z-index: 1; width: min(1300px,calc(100% - 64px)); max-width: none; margin: 0 auto; padding: 0; text-align: left; box-sizing: border-box; } .page-id-5629 .arge-home-eyebrow { margin: 0 0 26px; color: #1d1d1b; font: 700 12px/1.2 Roboto,sans-serif; letter-spacing: .17em; text-transform: uppercase; } .page-id-5629 .arge-home-title { max-width: 1040px; margin: 0; color: #1d1d1b; font: 700 clamp(58px,6.3vw,98px)/.91 Roboto,sans-serif; letter-spacing: -.058em; } .page-id-5629 .ads-insights-accent { color: #d02e26; } .page-id-5629 .arge-home-lead { max-width: 820px; margin: 42px 0 0; color: #1d1d1b; font: 400 18px/1.65 Roboto,sans-serif; } @media(max-width:767px) { .page-id-5629 .arge-home-section { padding: 85px 0 65px; } .page-id-5629 .arge-home-section::before { font-size: 110px; } .page-id-5629 .arge-home-inner { width: calc(100% - 30px); } .page-id-5629 .arge-home-title { font-size: clamp(42px,11vw,52px); line-height: .96; } .page-id-5629 .arge-home-lead { margin-top: 30px; font-size: 16px; } } /* Blog-Einzelansichten: breiter Artikelkopf, ruhige Lesespalte. */ .single-post .qodef-content .qodef-container-inner, .single-post .qodef-content .qodef-grid { width: min(1300px,calc(100% - 64px)); max-width: none; padding-top: 0; } .single-post .qodef-blog-single > article { margin-bottom: 55px; } .single-post .ads-article-opening { position: relative; padding: 125px 0 55px; text-align: left; } .single-post .ads-article-kicker { margin: 0 0 26px; font: 700 12px/1.2 Roboto,sans-serif; letter-spacing: .17em; text-transform: uppercase; } .single-post .ads-article-kicker a { color: #d02e26; text-decoration: none; } .single-post .ads-article-opening .qodef-post-title { max-width: 1180px; margin: 0; color: #1d1d1b; font: 700 clamp(58px,6.3vw,98px)/.94 Roboto,sans-serif !important; letter-spacing: -.058em; overflow-wrap: break-word; } .single-post .ads-article-opening .qodef-post-info-top { margin: 28px 0 0; font-size: 13px; line-height: 1.5; color: #666; } .single-post .qodef-blog-single article .qodef-post-heading:empty { display: none; } .single-post .qodef-blog-single article .qodef-post-image { margin: 0 0 48px; } .single-post .qodef-blog-single article .qodef-post-image img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; } .single-post .qodef-blog-single article .qodef-post-text, .single-post .qodef-blog-single article .qodef-post-text-inner { padding: 0; } .single-post .qodef-blog-single article .qodef-post-text-main { width: 100%; max-width: 820px; margin: 0; font-family: Roboto,sans-serif; color: #1d1d1b; } .single-post .qodef-post-text-main h2 { margin: 56px 0 22px; font: 700 clamp(30px,3.2vw,44px)/1.08 Roboto,sans-serif; letter-spacing: -.035em; overflow-wrap: break-word; } .single-post .qodef-post-text-main > h2:first-child, .single-post .qodef-post-text-main > .ads-article-byline + h2 { margin-top: 0; } .single-post .qodef-post-text-main h3 { margin: 36px 0 16px; font-size: 27px; line-height: 1.15; } .single-post .qodef-post-text-main p { margin: 0 0 24px; } .single-post .qodef-post-text-main p, .single-post .qodef-post-text-main li { font-size: 18px; line-height: 1.75; } .single-post .qodef-post-text-main ul, .single-post .qodef-post-text-main ol { margin: 20px 0 30px; padding-left: 24px; list-style-position: outside; } .single-post .qodef-post-text-main li { margin-bottom: 10px; padding-left: 5px; } .single-post .qodef-post-text-main li::marker { color: #0067ae; } .single-post .qodef-post-text-main a { color: #0067ae; text-underline-offset: 3px; overflow-wrap: anywhere; } .single-post .qodef-post-text-main blockquote { margin: 35px 0; padding: 12px 0 12px 25px; border-left: 3px solid #d02e26; } .single-post .qodef-post-text-main img { max-width: 100%; height: auto; } .single-post .ads-article-byline { margin-bottom: 36px; padding: 18px 0; } .single-post .qodef-post-info-bottom { max-width: 820px; margin-top: 40px; } .single-post .qodef-blog-single .qodef-blog-single-navigation { margin-top: 50px; } @media(max-width:767px) { .single-post .qodef-content .qodef-container-inner, .single-post .qodef-content .qodef-grid { width: calc(100% - 30px); } .single-post .ads-article-opening { padding: 85px 0 38px; } .single-post .ads-article-opening .qodef-post-title { font-size: clamp(38px,10vw,52px) !important; line-height: .98 !important; } .single-post .qodef-blog-single article .qodef-post-image { margin-bottom: 32px; } .single-post .qodef-post-text-main p, .single-post .qodef-post-text-main li { font-size: 16px; line-height: 1.7; } .single-post .qodef-post-text-main h2 { margin-top: 40px; font-size: 30px; } .single-post .qodef-post-text-main h3 { font-size: 24px; } .single-post .qodef-post-text-main ul, .single-post .qodef-post-text-main ol { padding-left: 20px; } } /* Artikel: durchgaengige Standard-Contentbreite und eigenstaendige Empfehlungen. */ .single-post .ads-blog-page { width: min(1300px,calc(100% - 64px)); margin: 0 auto; padding-bottom: 90px; } .single-post .ads-blog-page .qodef-post-text-main, .single-post .ads-blog-page .qodef-post-text, .single-post .ads-blog-page .qodef-post-text-inner, .single-post .ads-blog-page .qodef-post-info-bottom { width: 100%; max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .single-post .ads-blog-page .qodef-post-image { margin-bottom: 48px; } .single-post .ads-blog-page .qodef-post-image img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; } .single-post .ads-blog-page .qodef-post-heading:empty { display: none; } .single-post .ads-blog-navigation { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: start; gap: 35px; margin: 70px 0 85px; padding: 28px 0; border-top: 2px solid #1d1d1b; border-bottom: 1px solid #d7d7d4; } .ads-blog-navigation a { color: #1d1d1b; text-decoration: none; } .ads-blog-navigation a:hover, .ads-blog-related a:hover { color: #0067ae; } .ads-blog-navigation span { display: block; margin-bottom: 12px; color: #0067ae; font-size: 12px; font-weight: 700; letter-spacing: .06em; } .ads-blog-navigation strong { display: block; font-size: 22px; line-height: 1.2; letter-spacing: -.025em; } .ads-blog-navigation__previous { grid-column: 1; } .ads-blog-navigation__overview { grid-column: 2; grid-row: 1; font-size: 13px; font-weight: 700; border-bottom: 1px solid currentColor; padding-bottom: 5px; } .ads-blog-navigation__next { grid-column: 3; grid-row: 1; text-align: right; } .ads-blog-related__kicker { margin: 0 0 20px; font-size: 12px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; } .ads-blog-related > h2 { margin: 0 0 38px; color: #1d1d1b; font-size: clamp(38px,4vw,58px); line-height: 1; letter-spacing: -.05em; } .ads-blog-related__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 40px; } .ads-blog-related__card { width: 100%; max-width: 620px; min-width: 0; border-top: 2px solid #1d1d1b; padding-top: 22px; } .ads-blog-related__image { display: block; aspect-ratio: 16/9; overflow: hidden; margin-bottom: 24px; } .ads-blog-related__image img { display: block; width: 100%; height: 100%; object-fit: cover; } .single-post .ads-blog-related__card h3 { margin: 0 0 18px; font: 700 clamp(26px,2.4vw,34px)/1.1 Roboto,sans-serif; letter-spacing: -.035em; overflow-wrap: normal; word-break: normal; } .ads-blog-related__card h3 a { color: #1d1d1b; } .ads-blog-related__card p { font-size: 16px; line-height: 1.6; margin: 0 0 20px; } .ads-blog-related__link { display: inline-flex; gap: 24px; padding-bottom: 5px; border-bottom: 1px solid #1d1d1b; color: #1d1d1b; font-size: 14px; font-weight: 700; } .ads-blog-related__link span { color: #d02e26; } .ads-blog-page a:focus-visible { outline: 3px solid #0067ae; outline-offset: 4px; } @media(max-width:767px) { .single-post .ads-blog-page { width: calc(100% - 30px); padding-bottom: 60px; } .single-post .ads-blog-navigation { grid-template-columns: 1fr 1fr; gap: 26px; margin: 45px 0 60px; } .ads-blog-navigation__overview { grid-column: 1/-1; grid-row: 2; justify-self: center; } .ads-blog-navigation__next { grid-column: 2; } .ads-blog-navigation strong { font-size: 18px; } .ads-blog-related__grid { grid-template-columns: 1fr; gap: 35px; } .ads-blog-related__card { max-width: none; } } /* Fachbeitraege: Navigation direkt unter dem Autorenbereich. */ .single-post .ads-article-byline + .ads-blog-navigation { margin-top: 0; margin-bottom: 40px; } .single-post .qodef-post-text-main .ads-blog-navigation a { color: #1d1d1b; text-decoration: none; } .single-post .qodef-post-text-main .ads-blog-navigation a:hover { color: #0067ae; } .single-post .qodef-post-text-main .ads-blog-navigation + h2 { margin-top: 0; } @media(max-width:767px) { .single-post .ads-article-byline + .ads-blog-navigation { margin-bottom: 30px; } } /* Elementor-Fachbeitraege: bestehende Lesetypografie beibehalten. */ .single-post .ads-elementor-article .elementor-widget-heading .elementor-heading-title { color: #1d1d1b; font-family: Roboto,sans-serif; } .single-post .ads-elementor-article .elementor-widget-heading h2.elementor-heading-title { margin: 56px 0 22px; font-size: clamp(30px,3.2vw,44px); line-height: 1.08; letter-spacing: -.035em; } .single-post .ads-elementor-article .elementor-widget-heading:first-child h2.elementor-heading-title { margin-top: 0; } .single-post .ads-elementor-article .elementor-widget-heading h3.elementor-heading-title { margin: 36px 0 16px; font-size: 27px; line-height: 1.15; } @media(max-width:767px) { .single-post .ads-elementor-article .elementor-widget-heading h2.elementor-heading-title { font-size: 30px; } .single-post .ads-elementor-article .elementor-widget-heading h3.elementor-heading-title { font-size: 24px; } } /* 404: Markenfarben, versetzte Null und klare Wege zurueck. */ .error404 .qodef-content, .error404.admin-bar .qodef-content { height: auto; background: #fff; } .error404 .qodef-content-inner { display: block; height: auto; } .ads-not-found { background: #fff; color: #1d1d1b; font-family: Roboto,sans-serif; padding: 110px 0 60px; } .ads-not-found *, .ads-not-found *::before, .ads-not-found *::after { box-sizing: border-box; } .ads-not-found__width { width: min(1300px,calc(100% - 64px)); margin-inline: auto; } .ads-not-found__kicker { margin: 0 0 62px; font-size: 12px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; } .ads-not-found__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; } .ads-not-found__art { display: flex; align-items: center; justify-content: center; padding: 30px 0 45px; font-size: clamp(140px,19vw,285px); font-weight: 900; line-height: .9; letter-spacing: -.075em; } .ads-not-found__art > span:first-child { color: #d02e26; } .ads-not-found__art > span:last-child { color: #0067ae; } .ads-not-found__zero { position: relative; display: inline-block; transform: translateY(25px) rotate(-12deg); } .ads-not-found__zero i { position: absolute; display: grid; place-items: center; top: 37%; left: 27%; width: .37em; height: .37em; background: #ffee3b; color: #1d1d1b; font: inherit; font-size: .36em; width: 1em; height: 1em; line-height: 1; letter-spacing: 0; font-style: normal; } .ads-not-found h1 { margin: 0; color: #1d1d1b; font-family: inherit; font-size: clamp(44px,4.5vw,70px); line-height: .98; letter-spacing: -.055em; } .ads-not-found h1 span { color: #d02e26; } .ads-not-found__copy > p { max-width: 460px; margin: 28px 0 32px; font-size: 18px; line-height: 1.65; } .ads-not-found__actions { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; } .ads-not-found__actions a { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 48px; color: #1d1d1b; font-size: 14px; font-weight: 700; text-decoration: none; } .ads-not-found__actions .ads-not-found__home { background: #1d1d1b; color: #fff; padding: 14px 22px; } .ads-not-found__actions .ads-not-found__home:hover { background: #0067ae; } .ads-not-found__contact { border-bottom: 1px solid #1d1d1b; } .ads-not-found__contact span { color: #d02e26; } .ads-not-found__actions .ads-not-found__contact:hover { color: #0067ae; border-color: #0067ae; } .ads-not-found__actions a:focus-visible { outline: 3px solid #0067ae; outline-offset: 5px; } .ads-not-found__bottom { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 95px; padding-top: 24px; border-top: 1px solid #d7d7d4; font-size: 13px; } .ads-not-found__colors { display: flex; flex: 0 0 150px; height: 20px; } .ads-not-found__colors i { flex: 1; background: #d02e26; } .ads-not-found__colors i:nth-child(2) { background: #0067ae; } .ads-not-found__colors i:nth-child(3) { background: #1d1d1b; } .ads-not-found__colors i:nth-child(4) { background: #fff; } .ads-not-found__colors i:nth-child(5) { background: #ffee3b; } @media(max-width:1000px) { .ads-not-found__grid { gap: 32px; } .ads-not-found h1 { font-size: 48px; } } @media(max-width:767px) { .ads-not-found { padding: 60px 0 40px; } .ads-not-found__width { width: calc(100% - 30px); } .ads-not-found__kicker { margin-bottom: 30px; } .ads-not-found__grid { grid-template-columns: 1fr; gap: 35px; } .ads-not-found__art { font-size: clamp(140px,45vw,250px); padding: 0 15px 30px; justify-content: flex-start; } .ads-not-found__zero { transform: translateY(12px) rotate(-12deg); } .ads-not-found h1 { font-size: clamp(40px,10vw,64px); } .ads-not-found__copy > p { font-size: 16px; margin: 24px 0; } .ads-not-found__bottom { margin-top: 55px; align-items: flex-start; flex-direction: column; gap: 20px; } .ads-not-found__colors { flex: none; width: 125px; height: 16px; } }