/* Original Offline: shared editorial design for Leistungen and Montagetechnik. */
.expertise-page .expertise-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);min-height:clamp(620px,25vw,860px);background:var(--ink);color:#fff}
.expertise-page .expertise-hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#142126 0%,#142126 14%,rgba(20,33,38,.98) 22%,rgba(20,33,38,.91) 36%,rgba(20,33,38,.56) 51.4%,rgba(20,33,38,.12) 69%,rgba(20,33,38,0) 80%)}
.expertise-page .expertise-hero-copy{position:relative;z-index:2;padding:clamp(36px,5vw,76px);padding-top:clamp(96px,6.25vw,200px);min-width:0;align-self:start}
.expertise-page .expertise-hero .breadcrumbs{color:#d5dfe2;font-size:.8rem;margin:0 0 38px}
.expertise-page .expertise-hero .eyebrow{color:#d5dfe2}
.expertise-page .expertise-hero h1{font-size:clamp(2.5rem,4.1vw,4.35rem);font-weight:800;line-height:1.06;letter-spacing:-.045em;margin:0 0 28px;overflow-wrap:break-word;hyphens:auto}
.expertise-page .expertise-hero .expertise-lead{font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.75;max-width:33em;color:#d5dfe2;margin:0}
.expertise-page .expertise-hero-media{position:absolute;inset:0;z-index:0;margin:0;min-width:0;overflow:hidden}
.expertise-page .expertise-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 55%}
.expertise-page.equipment-page .expertise-hero-media img{object-position:58% 52%}
.expertise-page .expertise-hero a:focus-visible{outline-color:#fff}
.expertise-page .expertise-section{padding:clamp(60px,7vw,104px) 0}
.expertise-page .expertise-introduction{background:#fff}
.expertise-page .expertise-section-heading h2,.expertise-page .expertise-gallery-heading h2,.expertise-page .expertise-evidence h2{font-size:clamp(2.2rem,3.4vw,3.3rem);line-height:1.1;margin:0;letter-spacing:-.035em}
.expertise-page .expertise-intro-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(35px,7vw,100px);align-items:start}
.expertise-page .expertise-intro-heading .lead{font-size:clamp(1.2rem,1.6vw,1.55rem);line-height:1.5;margin:0;max-width:36em;padding-top:36px}
.expertise-page .expertise-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 60px;margin-top:48px}
.expertise-page .expertise-principle{min-width:0;border-top:1px solid var(--line);padding-top:24px}
.expertise-page .expertise-principle h3{font-size:clamp(1.25rem,1.75vw,1.6rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 15px}
.expertise-page .expertise-principle p{font-size:1rem;line-height:1.7;color:var(--muted);margin:0;max-width:38em}
.expertise-page .expertise-note{margin:38px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;line-height:1.6}
.expertise-page .expertise-gallery-section{background:var(--paper)}
.expertise-page .expertise-gallery-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);align-items:end;gap:36px}
.expertise-page .expertise-gallery-heading p{margin:0;color:var(--muted);max-width:30em}
.expertise-page .expertise-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 44px;margin-top:44px}
.expertise-page .expertise-card{min-width:0;scroll-margin-top:140px}
.expertise-page .expertise-photo{aspect-ratio:3/2;overflow:hidden;background:#d9dfe0}
.expertise-page .expertise-photo img{display:block;width:100%;height:100%;object-fit:cover}
.expertise-page .expertise-photo-link{display:block}
.expertise-page .expertise-photo-link img{transition:transform 550ms cubic-bezier(.22,.61,.36,1)}
.expertise-page .expertise-card h3{font-size:clamp(1.3rem,2.1vw,1.9rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:22px 0 12px;overflow-wrap:break-word;hyphens:auto}
.expertise-page .expertise-card h3 a,.expertise-page .expertise-card h3 a:hover{color:var(--ink);font-weight:inherit;text-decoration:none}
.expertise-page .expertise-card>p{color:var(--muted);font-size:1rem;line-height:1.7;margin:0;max-width:39em}
.expertise-page .expertise-card a:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.expertise-page .expertise-values{background:var(--ink);color:#fff;padding:clamp(60px,7vw,104px) 0}
.expertise-page .expertise-values-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:clamp(40px,6vw,96px)}
.expertise-page .expertise-values .eyebrow{color:#d5dfe2}
.expertise-page .expertise-value-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;list-style:none;padding:0;margin:0}
.expertise-page .expertise-value-list li{min-width:0;border-top:2px solid #c83746;padding-top:22px}
.expertise-page .expertise-value-list h3{font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.25;letter-spacing:-.015em;margin:0 0 14px;overflow-wrap:break-word;hyphens:auto}
.expertise-page .expertise-value-list p{font-size:1rem;line-height:1.65;color:#d5dfe2;margin:0}
.expertise-page .expertise-evidence{padding:clamp(60px,7vw,104px) 0;background:var(--ink);color:#fff}
.expertise-page .expertise-evidence-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,80px);align-items:start}
.expertise-page .expertise-evidence .eyebrow{color:#d5dfe2}
.expertise-page .expertise-evidence h2{margin-bottom:28px}
.expertise-page .expertise-evidence p{color:#d5dfe2;max-width:39em}
.expertise-page .expertise-evidence .btn{margin-top:12px}
.expertise-page .expertise-evidence-note{padding:30px 0 0;border-top:2px solid #c83746;color:#d5dfe2;line-height:1.75}
.expertise-page .expertise-evidence-note p:first-child{margin-top:0}
.expertise-page .expertise-evidence-note a{color:#fff}
.expertise-page .expertise-evidence a:focus-visible{outline-color:#fff}
@media(hover:hover) and (pointer:fine){
 .expertise-page .expertise-card:hover .expertise-photo-link img{transform:scale(1.045)}
}
@media(min-width:1101px){
 .expertise-page .expertise-hero-media{left:30%}
 .expertise-page .expertise-hero:before{background:linear-gradient(90deg,#142126 0%,#142126 32%,rgba(20,33,38,.98) 36%,rgba(20,33,38,.91) 42%,rgba(20,33,38,.56) 57%,rgba(20,33,38,.12) 73%,rgba(20,33,38,0) 84%)}
}
@media(max-width:1100px){
 .expertise-page .expertise-hero-copy{padding:96px 28px 38px}
 .expertise-page .expertise-hero h1{font-size:clamp(2.35rem,4vw,2.8rem)}
 .expertise-page .expertise-hero{min-height:580px}
 .expertise-page .expertise-gallery{gap:40px 32px}
}
@media(max-width:1000px){
 .expertise-page .expertise-values-layout{grid-template-columns:1fr;gap:36px}
}
@media(max-width:850px){
 .expertise-page .expertise-hero{grid-template-columns:1fr;min-height:0}
 .expertise-page .expertise-hero:before{display:none}
 .expertise-page .expertise-hero-copy{padding:36px 28px 42px}
 .expertise-page .expertise-hero h1{font-size:clamp(2.5rem,6.2vw,3.5rem);max-width:14em}
 .expertise-page .expertise-hero .expertise-lead{max-width:45em}
 .expertise-page .expertise-hero .breadcrumbs{margin-bottom:30px}
 .expertise-page .expertise-hero-media{position:relative;min-height:0}
 .expertise-page .expertise-hero-media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#142126 0%,rgba(20,33,38,.72) 9%,rgba(20,33,38,.18) 26%,rgba(20,33,38,0) 42%)}
 .expertise-page .expertise-hero-media img{position:static;height:auto;aspect-ratio:3/2;object-fit:contain}
 .expertise-page .expertise-intro-heading,.expertise-page .expertise-gallery-heading{grid-template-columns:1fr;gap:26px}
 .expertise-page .expertise-intro-heading .lead{padding-top:0}
 .expertise-page .expertise-principles{gap:30px 32px;margin-top:36px}
 .expertise-page .expertise-gallery{gap:36px 32px;margin-top:34px}
 .expertise-page .expertise-evidence-layout{grid-template-columns:1fr;gap:34px}
}
@media(max-width:600px){
 .expertise-page .expertise-principles,.expertise-page .expertise-gallery,.expertise-page .expertise-value-list{grid-template-columns:1fr}
 .expertise-page .expertise-card h3{font-size:1.5rem;margin-top:18px}
 .expertise-page .expertise-value-list h3{font-size:1.35rem}
}
@media(max-width:540px){
 .expertise-page .expertise-hero-copy{padding:28px 20px 36px}
 .expertise-page .expertise-hero h1{font-size:clamp(2.35rem,8.5vw,3rem)}
 .expertise-page .expertise-hero .expertise-lead{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 .expertise-page .expertise-photo-link img{transition:none}
 .expertise-page .expertise-card:hover .expertise-photo-link img{transform:none}
}

/* Wider photo framing, Original Offline, 19.10.2026. */
@media(min-width:1101px){
 .expertise-page.services-page .expertise-hero-media{left:38%}
 .expertise-page.services-page .expertise-hero:before{background:linear-gradient(90deg,#142126 0%,#142126 40%,rgba(20,33,38,.98) 44%,rgba(20,33,38,.91) 49%,rgba(20,33,38,.56) 62%,rgba(20,33,38,.12) 77%,rgba(20,33,38,0) 87%)}
}
@media(min-width:851px){
 .expertise-page.services-page .expertise-hero-media img{object-position:58% 100%}
}

/* Hero text aligned to the homepage's centered content frame. */
@media(min-width:1101px){
 .expertise-page.services-page .expertise-hero-copy{grid-column:1/-1;width:min(var(--max),calc(100% - 96px));margin-inline:auto;padding-inline:0}
 .expertise-page.services-page .expertise-hero h1{max-width:min(780px,60%)}
 .expertise-page.services-page .expertise-hero .expertise-lead{max-width:min(470px,60%)}
}

/* Leistungen: selected Schwenk photo; retain the upper steel ring and lift platforms. */
#main.services-page .expertise-hero .expertise-hero-media img{object-position:88% 0%}
@media(min-width:851px){
 #main.services-page .expertise-hero:before{background:linear-gradient(90deg,#142126 0%,#142126 40%,rgba(20,33,38,.98) 44%,rgba(20,33,38,.90) 50%,rgba(20,33,38,.58) 58%,rgba(20,33,38,.12) 68%,rgba(20,33,38,0) 78%)}
}
@media(max-width:850px){
 #main.services-page .expertise-hero .expertise-hero-media:after{background:linear-gradient(180deg,#142126 0%,rgba(20,33,38,.35) 10%,rgba(20,33,38,0) 25%)}
}