/* A personal, image-led company story within the HI-PRO visual identity. */
.subpage-unternehmen{--company-space:clamp(24px,6vw,100px)}
.subpage-unternehmen main{overflow:clip}
.company-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:6%;padding:32px var(--company-space) 72px;background:#f0f4f7;align-items:center}
.company-welcome{padding-bottom:18px}
.company-welcome .breadcrumb{margin:0 0 45px}
.company-welcome .eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:24px}
.company-welcome h1{font-size:clamp(44px,5.2vw,76px);line-height:1.04;letter-spacing:-2.8px;margin:0 0 30px;font-weight:500}
.company-welcome h1 span{color:#3175a6}
.company-welcome .lead{font-size:18px;line-height:1.7;max-width:490px;color:#405b74}
.company-intro-note{margin:28px 0 0;padding-left:17px;border-left:2px solid #367faf;color:#536b80;font-size:14px;line-height:1.65}
.company-team{margin:15px 0 0;position:relative;max-width:520px;width:100%;justify-self:end}
.company-team>img{width:100%;height:auto;aspect-ratio:1083/1370;object-fit:cover;object-position:50% 25%;border-radius:4px}
.company-team figcaption{background:var(--navy);color:#ccdcea;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 25px;font-size:12px;line-height:1.7;border-radius:0 0 4px 4px}
.company-team strong{display:block;font-size:17px;line-height:1.4;font-weight:500;color:#fff;margin-bottom:4px}
.company-section{padding:90px var(--company-space)}
.company-section-heading{margin-bottom:48px}
.company-section h2,.company-place h2{font-size:clamp(32px,3.5vw,50px);line-height:1.14;letter-spacing:-1.6px;text-wrap:balance}
.company-section .eyebrow,.company-place .eyebrow{font-size:12px;margin-bottom:22px}
.company-history{background:var(--navy);color:#fff}
.company-history .eyebrow{color:#a6c9e7}
.company-timeline{display:grid;grid-template-columns:1fr 1fr;gap:7%}
.company-timeline article{display:grid;grid-template-columns:1fr;gap:25px;border-top:1px solid #ffffff36;padding-top:30px}
.company-year{font-size:clamp(64px,6.7vw,94px);line-height:1;letter-spacing:-4px;color:#93bfdf;font-weight:400}
.company-timeline h3{font-size:24px;line-height:1.25;margin:0 0 15px}
.company-timeline p{font-size:16px;line-height:1.8;color:#ccdbe8;margin:0;max-width:520px}
.company-history-note{border-top:1px solid #ffffff26;margin:44px 0 0;padding-top:25px;font-size:17px;color:#dce7f0;max-width:100%}
.company-heading-row{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end}
.company-heading-row>p{margin:0;font-size:17px;color:#536b80;line-height:1.75;max-width:470px}
.company-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.company-services article{min-width:0}
.company-services img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;background:#f3f5f7;border-radius:4px}
.company-services article:nth-child(2){padding-top:36px}
.company-services article:nth-child(3){padding-top:72px}
.company-services article>div{padding-top:25px}
.company-step{font-size:12px;letter-spacing:1.2px;color:#456d90}
.company-services h3{font-size:27px;line-height:1.2;margin:14px 0 15px;letter-spacing:-.6px}
.company-services p{font-size:16px;color:#536b80;line-height:1.75;margin:0}
.company-portfolio-note{font-size:13px;color:#62788d;margin:30px 0 0}
.company-joy{display:grid;grid-template-columns:1.3fr 1fr;background:#eaf0f5}
.company-joy>figure{margin:0;background:#edf0f1;position:relative;display:flex;align-items:center;padding:25px 0 50px}
.company-joy img{width:100%;height:auto}
.company-joy figcaption{position:absolute;bottom:20px;left:7%;right:7%;font-size:12px;color:#526678}
.company-joy-copy{padding:65px 12%;background:#143c60;color:#fff;align-content:center}
.company-joy-copy .eyebrow{color:#b1d0ea;margin-bottom:24px}
.company-joy-copy h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-1.5px}
.company-joy-copy blockquote{margin:32px 0 0;padding-top:27px;border-top:1px solid #ffffff36;font-size:19px;line-height:1.7;color:#dde9f3}
.company-quote-source{font-size:13px;color:#b4cce0;margin:20px 0 0}
.company-care{display:grid;grid-template-columns:1.1fr .8fr;gap:12%;align-items:center}
.company-care>div{max-width:575px}
.company-care p:not(.eyebrow){font-size:17px;color:#536b80;line-height:1.8;margin:25px 0}
.company-care figure{margin:0;max-width:415px;justify-self:end;width:100%}
.company-care img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:4px}
.company-care figcaption{font-size:13px;color:#536b80;margin-top:16px;padding-left:15px;border-left:2px solid #aec5d8}
.company-care .underlink{font-size:14px}
.company-place{background:#eff4f8}
.company-place-copy{padding:64px var(--company-space) 50px}
.company-place figure{margin:0}
.company-place img{width:100%;height:auto}
.company-place figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 35px;padding:20px var(--company-space) 28px;font-size:12px;line-height:1.8;color:#50677b}
.company-place figcaption>span:first-child{font-size:14px;color:var(--ink)}
.company-place figcaption a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1500px){.company-hero{gap:10%}.company-team{max-width:590px}.company-welcome h1{font-size:80px}}
@media(max-width:1000px){.company-hero{gap:5%;padding-bottom:50px}.company-welcome h1{font-size:52px;letter-spacing:-2px}.company-welcome .breadcrumb{margin-bottom:30px}.company-welcome .lead{font-size:17px}.company-team figcaption{gap:14px;padding:20px 16px}.company-team strong{font-size:16px}.company-heading-row{gap:6%;grid-template-columns:1.1fr 1fr}.company-services{gap:22px}.company-services h3{font-size:24px}.company-joy-copy{padding:45px 10%}.company-care{gap:8%}}
@media(max-width:760px){.subpage-unternehmen{--company-space:6%}.company-hero{grid-template-columns:1fr;gap:28px;padding-top:25px;padding-bottom:38px}.company-welcome{padding:0}.company-welcome .breadcrumb{margin-bottom:30px}.company-welcome .eyebrow{font-size:11px;letter-spacing:1.1px;margin-bottom:22px}.company-welcome h1{font-size:clamp(42px,11.5vw,66px);line-height:1.04;letter-spacing:-1.8px;margin-bottom:24px}.company-welcome .lead{font-size:17px}.company-intro-note{margin-top:23px;font-size:14px}.company-team{max-width:100%;margin:0}.company-team>img{aspect-ratio:1/1.05;object-position:50% 28%}.company-team figcaption{padding:20px;gap:18px;font-size:12px}.company-team strong{font-size:16px}.company-section{padding:56px var(--company-space)}.company-section h2,.company-place h2{font-size:clamp(31px,8.5vw,43px);letter-spacing:-1px}.company-section-heading{margin-bottom:32px}.company-section .eyebrow,.company-place .eyebrow{font-size:11px;margin-bottom:19px}.company-timeline{grid-template-columns:1fr;gap:30px}.company-timeline article{gap:22px;padding-top:26px}.company-year{font-size:64px;letter-spacing:-3px}.company-timeline h3{font-size:24px;margin-bottom:13px}.company-timeline p{font-size:16px}.company-history-note{margin-top:30px;font-size:16px;line-height:1.75;padding-top:25px}.company-heading-row{grid-template-columns:1fr;gap:23px}.company-heading-row>p{font-size:16px}.company-services{grid-template-columns:1fr;gap:37px}.company-services article:nth-child(2),.company-services article:nth-child(3){padding-top:0}.company-services img{aspect-ratio:4/3;object-fit:cover}.company-services article>div{padding-top:22px}.company-services h3{font-size:28px;margin:13px 0}.company-services p{font-size:16px}.company-portfolio-note{font-size:12px;margin-top:28px}.company-joy{grid-template-columns:1fr}.company-joy>figure{padding:12px 0 48px}.company-joy figcaption{left:6%;right:6%;bottom:17px;font-size:12px}.company-joy-copy{padding:45px var(--company-space)}.company-joy-copy h2{font-size:39px}.company-joy-copy .eyebrow{font-size:11px}.company-joy-copy blockquote{font-size:19px;margin-top:27px;padding-top:25px}.company-care{grid-template-columns:1fr;gap:33px}.company-care p:not(.eyebrow){font-size:16px;margin:24px 0}.company-care figure{max-width:100%}.company-care img{aspect-ratio:1/1.05}.company-care figcaption{font-size:13px}.company-place-copy{padding:49px var(--company-space) 34px}.company-place figcaption{padding:19px var(--company-space) 25px;gap:11px}.company-place figcaption>span:last-child{font-size:12px}.subpage-unternehmen .cta .button{font-size:14px;gap:18px;padding:16px 19px}.subpage-unternehmen .cta h2{font-size:37px}}
@media(max-width:360px){.company-team figcaption{padding:17px 13px;gap:12px}.company-team strong{font-size:15px}.company-team figcaption span{font-size:12px}.company-welcome h1{font-size:40px;letter-spacing:-1.6px}.subpage-unternehmen .cta .button{font-size:13px;padding:15px;gap:12px}}
.company-services article:nth-child(2) img,.company-services article:nth-child(3) img{object-fit:contain;background:#fafbfc}
.company-care img{aspect-ratio:1024/1535;object-fit:contain;background:#fafbfc}
@media(max-width:760px){.subpage-unternehmen .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 24px}.subpage-unternehmen .footer-main>.brand{grid-column:1/-1}.subpage-unternehmen .footer-main>div:not(.footer-links){grid-column:1/-1}}
/* A shared story across Switzerland, Germany and Europe. */
.company-history{background:linear-gradient(125deg,#0c2340,#123959)}
.company-history-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:8%;margin-bottom:54px}
.company-history-heading h2{max-width:740px}
.company-history-heading h2 span{color:#a4cce9}
.company-history-heading>p{color:#c5d8e9;font-size:17px;line-height:1.8;margin:0 0 5px;max-width:400px}
.company-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}
.company-journey li{position:relative;padding:30px 28px 34px;border:1px solid #81b1d644;border-radius:14px;background:#ffffff06}
.company-journey li:nth-child(2){background:#ffffff0c;border-color:#81b1d677}
.journey-marker{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:26px;border-bottom:1px solid #ffffff25;margin-bottom:30px}
.journey-symbol{font-size:30px;line-height:1;display:block}
.journey-year{font-size:18px;line-height:1.3;color:#accfea;font-weight:500}
.company-journey h3{font-size:clamp(28px,3vw,43px);line-height:1.1;letter-spacing:-1.2px;color:#fff;margin:0 0 18px}
.company-journey .journey-title{font-size:16px;line-height:1.5;font-weight:600;color:#fff;margin:0 0 15px}
.company-journey .journey-copy{font-size:16px;line-height:1.8;color:#cbdcea;margin:0}
.company-history .company-history-note{font-size:22px;letter-spacing:-.3px;line-height:1.5;color:#dceafa;margin-top:38px;padding-top:29px;border-top:1px solid #ffffff26}
@media(max-width:1100px){.company-journey{gap:18px}.company-journey li{padding:25px 22px}.company-history-heading{grid-template-columns:1fr;gap:25px}.company-history-heading>p{max-width:650px}.journey-year{font-size:16px}.company-journey h3{font-size:30px}}
@media(max-width:760px){.company-history-heading{gap:24px;margin-bottom:32px}.company-history-heading h2{font-size:clamp(29px,8vw,40px);line-height:1.17;letter-spacing:-1px}.company-history-heading>p{font-size:16px}.company-journey{grid-template-columns:1fr;gap:20px}.company-journey li{padding:25px 24px}.journey-marker{padding-bottom:20px;margin-bottom:24px}.company-journey h3{font-size:35px}.company-history .company-history-note{font-size:21px;margin-top:30px;padding-top:25px}}