/* Editorial rhythm for the inner pages; the home page keeps its established layout. */
.subpage{--page-space:clamp(24px,6vw,100px);--photo-radius:5px}
.subpage main{overflow:clip}
.subpage .section{padding:90px var(--page-space)}
.subpage .eyebrow{font-size:12px;letter-spacing:1.5px}
.editorial-hero{position:relative;background:var(--navy);color:#fff;padding:40px var(--page-space) 64px}
.editorial-hero--visual{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:6%;align-items:center;min-height:590px}
.editorial-hero .hero-story{min-width:0;padding:0 0 24px}
.editorial-hero nav.breadcrumb{color:#b5c9dd;margin-bottom:48px;font-size:12px}
.editorial-hero nav.breadcrumb a{font-size:12px}
.editorial-hero .eyebrow{color:#a5cbee;margin-bottom:23px}
.editorial-hero h1,.editorial-hero.with-image h1{font-size:clamp(36px,4.3vw,66px);line-height:1.09;letter-spacing:-2.1px;max-width:800px;margin-bottom:25px;text-wrap:balance;overflow-wrap:break-word}
.editorial-hero h1 .title-accent{color:#9fc9ef}
.editorial-hero .lead,.editorial-hero.with-image .lead{color:#d3e0ed;font-size:17px;line-height:1.75;max-width:580px}
.hero-media{min-width:0;margin:18px 0 0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-bottom:32px}
.hero-media img{width:100%;height:100%;min-height:380px;max-height:520px;aspect-ratio:1.14;object-fit:cover;border-radius:var(--photo-radius);position:relative;z-index:1}
.hero-media::before{content:'';position:absolute;inset:20px -14px 12px 18px;border:1px solid #87b6df54;border-radius:var(--photo-radius);pointer-events:none}
.hero-media figcaption{position:absolute;z-index:2;bottom:12px;left:20px;right:20px;background:#fff;color:var(--ink);box-shadow:0 8px 24px #04122416;padding:15px 18px;font-size:12px;line-height:1.5;border-radius:3px}
.hero-media--portrait{max-width:460px;margin-left:auto;width:100%}
.hero-media--portrait img{aspect-ratio:4/5;object-position:center 28%;min-height:480px;max-height:550px}
.subpage-merchandise .hero-media--portrait img{object-fit:contain;background:#eef2f6}
.subpage-kunden .editorial-hero{min-height:560px}
.subpage-kunden .editorial-hero h1{font-size:clamp(35px,3.8vw,57px)}
.subpage-kunden .hero-media img{object-fit:contain;background:#edf0f5}
.subpage .benefits-section{padding-top:38px;padding-bottom:88px}
.subpage nav.category-nav{display:flex;position:static;flex-direction:row;align-items:center;flex-wrap:wrap;margin:0 0 60px;padding:0 0 28px;gap:10px;background:transparent;border-bottom:1px solid var(--line);box-shadow:none}
.subpage .category-nav a{font-size:14px;padding:10px 18px;line-height:1.4;background:#f5f8fb;transition:background .2s,color .2s,border-color .2s}
.subpage .category-nav a::after{display:none}
.subpage .category-nav a.active{background:var(--navy);color:white;border-color:var(--navy)}
.subpage .category-nav a:hover{border-color:var(--blue);background:#e8f2fa;color:var(--navy)}
.subpage .service-grid{gap:0;border-top:1px solid var(--line)}
.subpage .service-grid article{border:0;padding:30px 32px 10px 0;position:relative}
.subpage .service-grid article+article{border-left:1px solid var(--line);padding-left:32px}
.subpage .service-grid .num{font-size:46px;line-height:1.1;letter-spacing:-2px;color:#7c9ebc;display:block;margin-bottom:40px}
.subpage .service-grid h3{font-size:25px;letter-spacing:-.6px;margin:0 0 16px}
.subpage .service-grid p{font-size:16px;margin:0;line-height:1.7}
.subpage .showcase-section{background:#eaf0f5;padding-top:80px;padding-bottom:80px}
.subpage .showcase-section>h2{max-width:690px}
.subpage .gallery{gap:25px;align-items:start;margin-top:46px}
.subpage .gallery figure{position:relative}
.subpage .gallery figure:nth-child(2){padding-top:56px}
.subpage .gallery figure:nth-child(3){padding-top:112px}
.subpage .gallery img{height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--photo-radius)}
.subpage .gallery figcaption{display:flex;align-items:baseline;gap:15px;font-size:14px;color:var(--ink);padding-top:20px}
.caption-index{color:var(--muted);font-size:12px;letter-spacing:1px}
.subpage .split{padding:85px var(--page-space);gap:8%;background:#eef3f7}
.subpage .split>div>img{width:100%;border-radius:var(--photo-radius);height:auto}
.subpage .split .button{margin-top:10px}
.subpage .section-top>div{max-width:420px}
.subpage .section-top>div>p{color:var(--muted);margin-top:0}
.subpage .story-dates{border-left:1px solid #aabfd1;padding-left:32px}
.story-date{position:relative;padding:10px 0 35px}
.story-date+.story-date{padding-top:24px;border-top:1px solid var(--line)}
.story-year{font-size:clamp(65px,8vw,108px);font-weight:400;line-height:1.1;letter-spacing:-5px;color:var(--navy)}
.subpage .story-date p{font-size:14px;margin:12px 0 0}
.subpage-unternehmen .two-grid{margin-top:35px;gap:5%}
.subpage-unternehmen .two-grid p{font-size:17px;color:var(--muted);margin:0}
.subpage .quote-section{position:relative;border-top:1px solid var(--line);padding-top:100px;padding-bottom:100px}
.subpage .quote{font-size:clamp(30px,3.3vw,48px);line-height:1.4;color:var(--ink);text-wrap:balance}
.subpage .quote small{font-size:14px;margin-top:30px}
.subpage-produkte .product-grid{grid-template-columns:1fr 1fr;gap:65px 36px}
.subpage-produkte .product-card:nth-child(even){padding-top:62px}
.subpage-produkte .picture{border-radius:var(--photo-radius);background:#edf2f7}
.subpage-produkte .picture img{height:370px;object-fit:cover}
.subpage-produkte .product-copy{padding:0 4px}
.subpage-produkte .product-copy .eyebrow{font-size:12px;margin-top:26px}
.subpage-produkte .product-copy h2{font-size:34px;line-height:1.15;margin-bottom:16px}
.subpage-produkte .product-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:480px}
.subpage-produkte .product-copy .underlink{font-size:14px}
.subpage-produkte .round-arrow{width:44px;height:44px;bottom:20px;right:20px;transition:transform .25s}
.subpage-produkte .product-card:hover .round-arrow{transform:rotate(45deg)}
.subpage .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 36px;align-items:start}
.subpage .projects-grid article{min-width:0}
.subpage .projects-grid article:nth-child(4n+1){grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:0;align-items:stretch;background:var(--light);border-radius:var(--photo-radius);overflow:hidden}
.subpage .project-photo{overflow:hidden;border-radius:var(--photo-radius)}
.subpage .projects-grid img{height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.subpage .projects-grid article:nth-child(4n+1) img{height:100%;min-height:380px;aspect-ratio:auto}
.subpage .project-story{position:relative;padding:24px 0 0 42px}
.subpage .projects-grid article:nth-child(4n+1) .project-story{padding:45px 36px 35px 70px;align-self:center}
.project-index{position:absolute;left:0;top:29px;color:#7b9dbb;font-size:12px;letter-spacing:1px}
.subpage .projects-grid article:nth-child(4n+1) .project-index{left:30px;top:49px}
.subpage .projects-grid .eyebrow{margin:0 0 15px;font-size:11px;color:var(--blue)}
.subpage .projects-grid h2{font-size:29px;margin:0 0 14px;line-height:1.18}
.subpage .projects-grid p:not(.eyebrow){font-size:16px;margin:0}
.subpage .partner-section{padding-top:64px;padding-bottom:72px}
.subpage .partner-tile{transition:background .3s}
.subpage .partner-tile:hover{background:#f6faff}
.subpage-shop .catalog-block--text{display:block;padding:80px var(--page-space);max-width:980px;margin:auto}
.subpage-shop .catalog-block--text>div{border-left:2px solid #99bad8;padding-left:36px}
.subpage-shop .catalog-block--text p{font-size:17px;max-width:650px}
.subpage-promotion .catalog-view{border-radius:5px;box-shadow:0 15px 45px #183e6812}
.subpage-promotion .note{font-size:14px;margin-top:25px}
.subpage .contact-layout{padding:80px var(--page-space);gap:7%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.subpage .contact-layout aside{padding:26px 0}
.subpage .contact-layout aside .email{overflow-wrap:anywhere}
.subpage #inquiry{border:1px solid var(--line);border-radius:6px;padding:32px;background:#fff;box-shadow:0 16px 50px #0c234007}
.subpage #inquiry label{font-size:14px}
.subpage #inquiry input,.subpage #inquiry select,.subpage #inquiry textarea{font-size:16px;border:1px solid #ccd8e3;background:#f5f8fa;padding:13px 12px;transition:border-color .2s,background .2s}
.subpage #inquiry input:focus,.subpage #inquiry select:focus,.subpage #inquiry textarea:focus{background:#fff;border-color:var(--blue)}
.subpage .form-note,.subpage #form-status{font-size:13px;line-height:1.7}
.subpage .people{gap:25px}
.subpage .people article{padding:26px 28px 30px;border:1px solid #dce5ee;background:#fff;border-radius:5px}
.subpage .people h3{margin-top:0;font-size:26px}
.subpage .people a{font-size:15px;overflow-wrap:anywhere;line-height:1.9}
.subpage .people p{font-size:14px;margin-bottom:22px}
.subpage .cta{position:relative;isolation:isolate;overflow:hidden;padding:75px var(--page-space);background:#0c2340}
.subpage .cta::before{content:'';position:absolute;inset:0 3% 0 auto;width:250px;background:url('/assets/hi-pro-logo-blue-transparent.png') no-repeat center/contain;opacity:.1;z-index:-1;transform:rotate(8deg)}
.subpage .cta h2{font-size:clamp(38px,4.5vw,62px);max-width:690px}
.subpage .cta .button{background:#fff;color:var(--navy);border-color:white;padding:17px 25px}
.subpage .cta .eyebrow{color:#b5d2ef;font-size:12px}
.subpage .related-links{padding:30px var(--page-space);font-size:14px;gap:20px 32px}
.editorial-hero--quiet{background:#eef3f7;color:var(--ink);padding:38px var(--page-space) 60px}
.editorial-hero--quiet .eyebrow{color:var(--blue)}
.editorial-hero--quiet h1{font-size:clamp(36px,4.5vw,64px)}
.editorial-hero--quiet .lead,.editorial-hero--quiet nav.breadcrumb{color:var(--muted)}
.subpage-impressum .reading{max-width:1000px;padding:60px var(--page-space)}
.subpage-impressum .reading h2{border-top:1px solid var(--line);padding-top:28px;margin-top:48px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.subpage .projects-grid article:hover .project-photo img{transform:scale(1.025)}}
@media(min-width:1500px){.editorial-hero--visual{gap:8%}.hero-media img{max-height:570px}.subpage-produkte .picture img{height:430px}}
@media(max-width:1100px){.editorial-hero--visual{gap:5%;min-height:530px}.editorial-hero h1,.editorial-hero.with-image h1{font-size:46px;letter-spacing:-1.8px}.hero-media img{min-height:360px}.hero-media--portrait img{min-height:460px}.subpage .service-grid article{padding-right:22px}.subpage .service-grid article+article{padding-left:22px}.subpage .service-grid h3{font-size:23px}.subpage #inquiry{padding:26px}.subpage .contact-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:5%}.subpage .form-row{grid-template-columns:1fr;gap:0}.subpage-produkte .picture img{height:310px}.subpage .gallery{gap:20px}.subpage .gallery figure:nth-child(3){padding-top:80px}}
@media(max-width:820px){.editorial-hero--visual{grid-template-columns:1fr 1fr;gap:5%}.editorial-hero h1,.editorial-hero.with-image h1{font-size:40px}.editorial-hero .lead,.editorial-hero.with-image .lead{font-size:16px}.subpage .contact-layout{grid-template-columns:1fr}.subpage .contact-layout aside{padding:0}.subpage .projects-grid article:nth-child(4n+1){grid-template-columns:1fr 1fr}.subpage .projects-grid article:nth-child(4n+1) .project-story{padding:35px 24px 30px}.subpage .projects-grid article:nth-child(4n+1) .project-index{position:static;display:block;margin-bottom:18px}.subpage .projects-grid article:nth-child(4n+1) img{min-height:320px}}
@media(max-width:760px){.subpage{--page-space:6%}.subpage .section{padding:55px var(--page-space)}.editorial-hero,.editorial-hero.partners-intro{padding:27px var(--page-space) 38px}.editorial-hero--visual{grid-template-columns:1fr;gap:16px;min-height:0}.editorial-hero .hero-story{padding-bottom:4px}.editorial-hero nav.breadcrumb,.editorial-hero.partners-intro nav.breadcrumb{margin-bottom:35px;font-size:12px;line-height:1.6}.editorial-hero nav.breadcrumb a{font-size:12px}.editorial-hero h1,.editorial-hero.with-image h1,.subpage-kunden .editorial-hero h1{font-size:clamp(34px,9vw,48px);line-height:1.12;letter-spacing:-1.5px;margin-bottom:23px}.editorial-hero .lead{line-height:1.7}.editorial-hero .eyebrow{font-size:11px;letter-spacing:1.1px;line-height:1.6;margin-bottom:20px}.hero-media,.hero-media--portrait{width:100%;max-width:100%;margin:17px 0 0;padding-bottom:30px}.hero-media img{min-height:0;max-height:none;height:auto;aspect-ratio:4/3;object-fit:cover}.hero-media--portrait img{aspect-ratio:1/1.05;object-position:50% 30%;min-height:0;max-height:none}.subpage-merchandise .hero-media--portrait img{aspect-ratio:1/1;object-fit:contain}.hero-media::before{inset:12px -7px 17px 12px}.hero-media figcaption{font-size:12px;padding:12px 14px;left:12px;right:12px;bottom:12px}.subpage-kunden .editorial-hero{min-height:0}.subpage .benefits-section{padding-top:28px}.subpage nav.category-nav{gap:8px;padding-bottom:26px;margin-bottom:30px}.subpage .category-nav a{font-size:13px;padding:9px 12px}.subpage .service-grid{grid-template-columns:1fr;border-top:0;gap:0}.subpage .service-grid article,.subpage .service-grid article+article{padding:25px 0 25px 55px;border-left:0;border-top:1px solid var(--line)}.subpage .service-grid .num{position:absolute;top:28px;left:0;font-size:29px;letter-spacing:-1px;margin:0}.subpage .service-grid h3{font-size:24px;margin-bottom:12px}.subpage .service-grid p{font-size:16px}.subpage .gallery{grid-template-columns:1fr 1fr;gap:26px 16px;margin-top:32px}.subpage .gallery figure:nth-child(2){padding-top:30px}.subpage .gallery figure:nth-child(3){padding-top:0}.subpage .gallery figure:last-child:nth-child(odd){grid-column:1/-1;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.subpage .gallery img{height:auto;aspect-ratio:2/3}.subpage .gallery figcaption{font-size:13px;gap:10px;flex-wrap:wrap;padding-top:14px}.subpage .gallery figure:last-child:nth-child(odd) figcaption{display:block;padding-bottom:18px}.subpage .gallery figure:last-child:nth-child(odd) .caption-index{display:block;margin-bottom:12px}.subpage .split{padding:55px var(--page-space);gap:30px}.subpage .story-dates{display:grid;grid-template-columns:1fr 1fr;padding-left:20px;gap:22px}.story-date,.story-date+.story-date{padding:0;border:0}.story-year{font-size:62px;letter-spacing:-3px}.subpage .story-date p{font-size:13px;line-height:1.5}.subpage-unternehmen .two-grid{gap:22px}.subpage .quote-section{padding:65px var(--page-space)}.subpage .quote{font-size:29px}.subpage-produkte .product-grid{grid-template-columns:1fr;gap:45px}.subpage-produkte .product-card:nth-child(even){padding-top:0}.subpage-produkte .picture img{height:auto;aspect-ratio:4/3}.subpage-produkte .product-copy h2{font-size:32px}.subpage-produkte .product-copy .eyebrow{margin-top:24px;font-size:11px}.subpage .projects-grid{grid-template-columns:1fr;gap:40px}.subpage .projects-grid article:nth-child(4n+1){grid-column:auto;display:block}.subpage .projects-grid article:nth-child(4n+1) img{aspect-ratio:3/2;height:auto;min-height:0}.subpage .projects-grid h2{font-size:26px}.subpage .projects-grid article:nth-child(4n+1) .project-story{padding:24px}.subpage .projects-grid article:nth-child(4n+1) .project-index{display:none}.subpage .partner-section{padding-top:36px;padding-bottom:44px}.subpage-shop .catalog-block--text{padding:55px var(--page-space)}.subpage-shop .catalog-block--text>div{padding-left:22px}.subpage .contact-layout{padding:45px var(--page-space);gap:36px}.subpage #inquiry{padding:24px 18px}.subpage #inquiry .button{width:100%;gap:10px;text-align:left;font-size:13px}.subpage .people{gap:18px}.subpage .people article{padding:24px}.subpage .cta{padding:52px var(--page-space)}.subpage .cta h2{font-size:38px}.subpage .cta .button{margin-top:28px}.subpage .cta::before{width:180px;right:-30px;opacity:.08}.subpage .related-links{font-size:13px;gap:17px}.subpage-impressum .reading{padding:35px var(--page-space)}}
@media(prefers-reduced-motion:reduce){.subpage *,.subpage *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.subpage .reading h2,.subpage .reading h3{overflow-wrap:anywhere;hyphens:auto}