/* Fachkräfte: shared editorial scale, cuts and section rhythm. */
.workers-page { --workers-blue:#37afff; --workers-readable:#37afff; --workers-tint:#eaf6ff; }
.workers-page :is(h1,h2,h3) { text-wrap:balance; }
.workers-page p { text-wrap:pretty; }
.workers-page .workers-accent { color:var(--workers-readable); }
.workers-page .header:not(.is-scrolled) { background:#fff; color:#050607; border-color:#e1e6e9; }
.workers-page .workers-brand-light { display:none; }
.workers-page .header.is-scrolled .workers-brand-dark { display:none; }
.workers-page .header.is-scrolled .workers-brand-light { display:block; }
.workers-page .header:not(.is-scrolled) .nav-link { color:#52616c; }
.workers-page .header:not(.is-scrolled) .nav-link:is(:hover,:focus-visible),.workers-page .header:not(.is-scrolled) .services-nav.is-open>.services-trigger { color:#050607; background:#f1f4f6; }
.workers-page .header:not(.is-scrolled) .services-menu { background:#24272a; backdrop-filter:none; }
.workers-page .header:not(.is-scrolled) .header-language { color:#626f79; border-color:#cbd4da; background:#fff; }
.workers-page .header:not(.is-scrolled) .language-option:is(:hover,:focus-visible) { color:#050607; background:#f1f4f6; }
.workers-page .header:not(.is-scrolled) .language-option.is-active { color:#fff; background:#050607; }
.workers-page .header:not(.is-scrolled) .menu-toggle { color:#050607; }
.workers-page .header:not(.is-scrolled) .header-contact { --button-base-bg:#050607; --button-base-fg:#fff; --button-base-border:#050607; --button-hover-bg:#fff; --button-hover-fg:#050607; --button-hover-border:#050607; }
.workers-page main .cut-button:not(:disabled) { --button-base-bg:var(--workers-blue); --button-base-fg:#050607; --button-base-border:var(--workers-blue); --button-hover-bg:#050607; --button-hover-fg:#fff; --button-hover-border:#050607; }
.workers-page main .cut-button .button-stroke path { fill:none; stroke:var(--button-border); stroke-width:1; stroke-linejoin:miter; vector-effect:non-scaling-stroke; }
.workers-page main .cut-button:not(:disabled) { transition:color .32s ease,background-color 0s,transform .36s cubic-bezier(.16,1,.3,1); }
.workers-page main .cut-button:not(:disabled):is(:hover,:focus-visible) { background:var(--button-hover-bg); transition:color .32s ease,background-color 0s .46s,transform .36s cubic-bezier(.16,1,.3,1); }
.workers-trust { margin-top:24px; color:#52616c; font-size:16px; }
/* The whole Workers hero is one interleaved mosaic. Contact supplies its outer rhythm and type. */
.workers-page .workers-hero.page-hero { --mosaic-cut:clamp(26px,2.4vw,44px); --mosaic-padding:clamp(28px,3vw,56px); grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:auto auto minmax(190px,auto); grid-template-areas:"heading heading heading heading heading heading heading carpentry carpentry carpentry carpentry carpentry" "mechanic mechanic mechanic note note note note carpentry carpentry carpentry carpentry carpentry" "mechanic mechanic mechanic action action action action action kitchen kitchen kitchen kitchen"; align-items:stretch; gap:clamp(14px,1.2vw,24px); }
.workers-page .workers-hero-tile { min-width:0; padding:var(--mosaic-padding); }
.workers-page .workers-hero-heading { grid-area:heading; max-width:none; background:#f1f4f6; clip-path:polygon(0 0,calc(100% - var(--mosaic-cut)) 0,100% var(--mosaic-cut),100% 100%,0 100%); }
.workers-page .workers-hero-note { display:flex; align-items:center; grid-area:note; background:var(--workers-tint); clip-path:polygon(var(--mosaic-cut) 0,100% 0,100% 100%,0 100%,0 var(--mosaic-cut)); }
.workers-page .workers-hero .workers-hero-note .page-hero-lead { margin:0; max-width:48ch; }
.workers-page .workers-hero-action { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; grid-area:action; background:var(--workers-blue); clip-path:polygon(0 0,100% 0,100% 100%,var(--mosaic-cut) 100%,0 calc(100% - var(--mosaic-cut))); }
.workers-page .workers-hero .workers-hero-action .page-hero-actions { margin:0; width:100%; }
.workers-page .workers-hero .workers-hero-action .cut-button { --button-base-bg:#050607; --button-base-fg:#fff; --button-base-border:#050607; --button-hover-bg:#fff; --button-hover-fg:#050607; --button-hover-border:#050607; }
.workers-page .workers-hero-action .workers-trust { margin-top:20px; color:#050607; }
.workers-page .workers-photo { margin:0; min-width:0; min-height:0; position:relative; overflow:hidden; background:var(--workers-tint); }
.workers-page .workers-photo img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:0; }
.workers-page .workers-photo--carpentry { grid-area:carpentry; clip-path:polygon(var(--mosaic-cut) 0,100% 0,100% 100%,0 100%,0 var(--mosaic-cut)); }
.workers-page .workers-photo--carpentry img { object-position:62% 50%; }
.workers-page .workers-photo--kitchen { grid-area:kitchen; clip-path:polygon(0 0,100% 0,100% calc(100% - var(--mosaic-cut)),calc(100% - var(--mosaic-cut)) 100%,0 100%); }
.workers-page .workers-photo--kitchen img { object-position:70% 20%; }
.workers-page .workers-photo--mechanic { grid-area:mechanic; clip-path:polygon(0 0,100% 0,100% 100%,var(--mosaic-cut) 100%,0 calc(100% - var(--mosaic-cut))); }
.workers-page .workers-photo--mechanic img { object-position:50% 35%; }
.workers-page .workers-section { padding:var(--section-space) var(--gutter); background:#fff; scroll-margin-top:88px; }
.workers-page .workers-section h2 { font-size:clamp(48px,3.4vw,72px); line-height:1.07; letter-spacing:-.05em; }
.workers-section-head { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr); gap:clamp(40px,5vw,96px); margin-bottom:clamp(48px,4vw,72px); }
.workers-section-head .about-label { margin-top:8px; }
.workers-body { font-size:clamp(18px,1.35vw,24px); line-height:1.5; color:#52616c; }
.workers-step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; }
.workers-step,.workers-benefit { --cut:clamp(30px,2.5vw,48px); min-width:0; padding:clamp(28px,2.6vw,48px); background:#f1f4f6; clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%); }
.workers-step--1 { background:var(--workers-tint); }
.workers-step--2 { clip-path:polygon(0 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut))); }
.workers-step--3 { clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut)); }
.workers-number { display:block; margin-bottom:40px; color:var(--workers-readable); font:600 clamp(64px,5vw,96px)/1 'DM Sans',sans-serif; letter-spacing:-.05em; }
.workers-page :is(.workers-step,.workers-benefit) h3 { font-size:clamp(25px,2.05vw,38px); font-weight:600; line-height:1.15; letter-spacing:-.035em; }
.workers-page :is(.workers-step,.workers-benefit) p { margin-top:24px; color:#3a454e; font-size:clamp(18px,1.25vw,22px); line-height:1.5; }
.workers-section-actions { display:flex; margin-top:40px; }
.workers-page .workers-registration { background:var(--workers-tint); padding-block:var(--section-contact-start) var(--section-contact-end); }
.workers-registration-grid { align-items:center; }
.workers-registration-copy { grid-column:1; grid-row:1; min-width:0; }
.workers-registration-copy h2 { margin-top:32px; }
.workers-registration-copy > .workers-body { max-width:40ch; margin-top:28px; }
.workers-registration-grid > .workers-registration-form { grid-column:2; grid-row:1; min-width:0; }
.workers-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.workers-benefit-number { display:block; margin-bottom:32px; color:var(--workers-readable); font-size:20px; font-weight:600; }
.workers-benefit--1,.workers-benefit--6 { background:var(--workers-tint); }
.workers-benefit--2,.workers-benefit--5 { clip-path:polygon(0 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut))); }
.workers-benefit--3 { clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut)); }
.workers-benefit--4 { clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%); }
.workers-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; width:fit-content; max-width:100%; padding:12px 0; border-bottom:1px solid #cbd2d8; font-size:clamp(18px,1.35vw,24px); line-height:1.3; }
.workers-text-link:is(:hover,:focus-visible) { color:var(--workers-readable); border-color:var(--workers-readable); }
.workers-text-link .icon { transition:transform .32s cubic-bezier(.16,1,.3,1); }
.workers-text-link:is(:hover,:focus-visible) .icon { transform:translate(3px,-3px); }
@media (max-width:1100px) {
 .workers-page .workers-section h2 { font-size:var(--compact-h2); line-height:1.1; }
 .workers-page :is(.workers-step,.workers-benefit) h3 { font-size:var(--compact-h3); }
 .workers-page :is(.workers-step,.workers-benefit) p,.workers-body { font-size:var(--compact-body); }
 .workers-section-head { grid-template-columns:1fr; gap:22px; margin-bottom:var(--compact-gap); }
 .workers-section-head .about-label { margin-top:0; }
 .workers-step,.workers-benefit { padding:var(--compact-padding); }
 .workers-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .workers-registration-copy,.workers-registration-grid > .workers-registration-form { grid-column:1; grid-row:auto; }
 .workers-registration-copy { max-width:680px; padding-top:0; }
 .workers-registration-copy h2 { margin-top:22px; }
 .workers-number { font-size:64px; margin-bottom:28px; }
 .workers-page .workers-hero.page-hero { --mosaic-padding:var(--compact-padding); --mosaic-cut:30px; grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:auto auto auto; grid-template-areas:"heading heading heading heading kitchen kitchen" "carpentry carpentry note note note note" "action action action mechanic mechanic mechanic"; gap:16px; }
 .workers-page .workers-photo--mechanic img { object-position:50% 22%; }
 .workers-page .workers-hero-heading { max-width:none; }
 .workers-page .workers-hero-note,.workers-page .workers-hero-action { min-height:210px; }
}
@media (max-width:760px) {
 .workers-page .workers-hero.page-hero { --mosaic-cut:24px; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto 190px auto auto 210px; grid-template-areas:"heading heading" "carpentry carpentry" "note note" "action action" "mechanic kitchen"; gap:12px; }
 .workers-page .workers-hero-note,.workers-page .workers-hero-action { min-height:0; }
 .workers-page .workers-hero-heading h1 { max-width:none; }
 .workers-step-grid,.workers-benefit-grid { grid-template-columns:1fr; }
 .workers-page main .cut-button { width:100%; font-size:16px; }
 .workers-section-actions { margin-top:32px; }
 .workers-trust { font-size:14px; }
}
/* Keep the short headline on two lines in the narrowest hero tiles. */
@media (max-width:390px) {
 .workers-page .workers-hero.page-hero h1 { font-size:clamp(35px,10vw,39px); }
}
@media (min-width:1921px) and (min-aspect-ratio:21/10) {
 .workers-page .workers-section h2 { font-size:64px; }
 .workers-page :is(.workers-step,.workers-benefit) h3 { font-size:34px; }
 .workers-page :is(.workers-step,.workers-benefit) p,.workers-body { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) {
 .workers-page main .cut-button,.workers-text-link .icon { transition:none; }
}
