/* Separate colour study. Brand colours remain literal; semantic tokens change. */
:root{color-scheme:dark;--surface:#242725;--raised:#30342f;--ink:#f2f0e9;--muted:#bec1b8;--line:#555b52;--accent-text:#ff9368}
body.werk-site.dark-site{background:#242725!important;color:#f2f0e9!important}
.dark-site main,.dark-site .brand-surface{background:#242725!important;color:#f2f0e9}
.dark-site main>section:not(#home),.dark-site main>section:first-child:not(#home){background:#242725!important;color:#f2f0e9!important}
.dark-site main>.werk-services,.dark-site main>.werk-about,.dark-site main>#faq{background:#2d312d!important}
.dark-site [data-brand-dark]{--surface:#202320;--raised:#30342f;--ink:#f2f0e9;--muted:#bec1b8;--line:#555b52;--accent-text:#ff9368}
.werk-site.dark-site .brand-header,.dark-site #brandMenu{background:#242725!important;border-color:#555b52!important;color:#f2f0e9}
/* The supplied dark wordmark stays unchanged on a chalk plaque. */
.dark-site .brand-logo{background:#f2f0e9!important}.dark-site .brand-logo img{mix-blend-mode:multiply}
.dark-site .brand-nav a,.dark-site #brandMenu a,.dark-site .brand-menu-toggle{color:#f2f0e9}
.werk-site.dark-site .brand-button,.werk-site.dark-site .header-cta{background:#e85a24!important;color:#242725!important}
.werk-site.dark-site main h1,.werk-site.dark-site main h2,.werk-site.dark-site main h3,.werk-site.dark-site main h4,.werk-site.dark-site main h5{color:#f2f0e9!important}
.dark-site .brand-ink{color:#f2f0e9!important}.dark-site .brand-muted{color:#bec1b8!important}
.dark-site .werk-section-head>p,.dark-site .werk-service summary,.dark-site .werk-service-text,.dark-site .werk-service-text h3,.dark-site .werk-service-text p,.dark-site .werk-service-text a,.dark-site .werk-person,.dark-site .werk-person a,.dark-site .werk-gallery-head,.dark-site .werk-about-copy,.dark-site .werk-about-caption,.dark-site .werk-result,.dark-site .werk-job summary,.dark-site .werk-job-body,.dark-site .werk-project-heading{color:#f2f0e9!important}
.dark-site .werk-service-number,.dark-site .werk-about-proof,.dark-site figcaption{color:#bec1b8!important}
.dark-site .werk-service-stage.is-enhanced .werk-service-text{color:#f2f0e9!important}
.dark-site .werk-service-stage.is-enhanced .werk-service-panel figure,.werk-site.dark-site #referenzen .gallery-item-premium>.audit-gallery-image{background:#363b35!important}
.dark-site .werk-service-panel figcaption{background:#242725!important;color:#d0d1c8!important}
.dark-site .werk-hotspot>span:last-child{background:#242725!important;color:#f2f0e9!important}
.werk-site.dark-site #referenzen .gallery-item-premium{background:transparent!important}.dark-site .audit-gallery-copy{color:#f2f0e9}
.dark-site .filter-btn{background:transparent!important;color:#c7cbc0!important;border-color:#62685d!important}.dark-site .filter-btn.active{background:#f2f0e9!important;color:#242725!important;border-color:#f2f0e9!important}
.dark-site .werk-view-switch button{color:#f2f0e9!important}
.werk-site.dark-site a:hover,.werk-site.dark-site a:focus-visible{color:#ff9368!important}
.werk-site.dark-site a.werk-button,.werk-site.dark-site a.brand-button{color:#242725!important}.werk-site.dark-site a.werk-button:hover,.werk-site.dark-site a.brand-button:hover{background:#f2f0e9!important;color:#242725!important}
.werk-site.dark-site footer{background:#202320!important;color:#f2f0e9!important;border-color:#555b52!important}.dark-site footer a,.dark-site footer h4{color:#f2f0e9}.dark-site footer .brand-muted{color:#bec1b8!important}
.werk-site.dark-site a[href*='instagram.com']:hover,.werk-site.dark-site a[href*='instagram.com']:focus-visible{background:#833ab4!important;color:white!important}
.dark-site input:not([type=checkbox]):not([type=radio]),.dark-site textarea,.dark-site select{background:#30342f!important;color:#f2f0e9!important;border-color:#727a6c!important}.dark-site label{color:#f2f0e9!important}.dark-site input::placeholder,.dark-site textarea::placeholder{color:#a5a7a1!important}
.dark-site .error-message,.dark-site [role=alert]{color:#ffb59c!important}
.werk-site.dark-site #applicationModalInner,.werk-site.dark-site #applicationModalInner .sticky{background:#242725!important;color:#f2f0e9!important}
.dark-site .lightbox-content{background:#242725!important}.dark-site .lightbox-caption{color:#f2f0e9!important}
.dark-site main .prose,.dark-site main .prose p,.dark-site main .prose li{color:#d0d1c8!important}
.werk-site.dark-site .wizard{--wz-surface:#242725;--wz-surface-raised:#30342f;--wz-border:#555b52;--wz-border-strong:#a5a7a1;--wz-primary:#ff9368;--wz-primary-soft:#40362e;--wz-text:#f2f0e9;--wz-text-muted:#bec1b8;--wz-text-faint:#a5a7a1;--wz-danger:#ffb59c;background:#242725!important;color:#f2f0e9!important}
.dark-site .wizard>.border-b,.werk-site.dark-site .wizard .wz-progress,.dark-site .wizard .wz-actions{background:#242725!important;border-color:#555b52!important}
.dark-site .audit-step-number{background:#242725;color:#bec1b8;border-color:#727a6c}.dark-site .audit-stepper li{color:#bec1b8}.dark-site .audit-stepper .is-complete .audit-step-number{background:#f2f0e9;color:#242725;border-color:#f2f0e9}.dark-site .audit-stepper .is-current{color:#f2f0e9}.dark-site .audit-stepper .is-current .audit-step-number{background:#e85a24;color:#242725}
.dark-site .wizard [class*='next'],.dark-site .wizard [type=submit]{color:#242725!important}
.dark-site .werk-subpage>section .grid>div,.dark-site .timeline-step-content{border-color:#555b52!important}.dark-site .werk-ablauf .timeline-step-content:hover,.dark-site .werk-ablauf .timeline-step-content:focus-within{background:#30342f!important;border-color:#e85a24!important}
.dark-site .skip-link{background:#f2f0e9!important;color:#242725!important}
/* Resolve inherited light-only compositions, including nested subpage sections. */
.werk-site.dark-site .werk-subpage>section,.werk-site.dark-site .werk-subpage>section:first-child{background:#242725!important;color:#f2f0e9!important}
.werk-site.dark-site .werk-subpage>section:nth-child(even){background:#2d312d!important}
.werk-site.dark-site main h1 span,.werk-site.dark-site main h2 span,.werk-site.dark-site main h3 span{color:inherit!important;-webkit-text-fill-color:currentColor!important}
.werk-site.dark-site #kontakt .grid.lg\:grid-cols-2>div:last-child{background:#30342f!important;border:1px solid #555b52!important}
.werk-site.dark-site #kontakt a,.werk-site.dark-site footer a{color:#f2f0e9!important}
.werk-site.dark-site #kontakt a:hover,.werk-site.dark-site footer a:hover{color:#ff9368!important}
.werk-site.dark-site #kontakt a[class*='bg-primary-']{color:#242725!important}
.werk-site.dark-site [class*='text-primary-'],.werk-site.dark-site [class*='text-accent-']{color:#ff9368!important}
.werk-site.dark-site .wizard [class*='text-primary-']{color:#ff9368!important}
.werk-site.dark-site #kontakt [class*='bg-dark-'],.werk-site.dark-site #applicationModal [class*='bg-dark-'],.werk-site.dark-site .captcha-container,.werk-site.dark-site .captcha-box{background:#30342f!important;color:#f2f0e9!important;border-color:#62685d!important}
.werk-site.dark-site main .werk-section-head>p:first-child,.werk-site.dark-site main .werk-project-heading>p:first-child{color:#bec1b8!important}
.werk-site.dark-site .werk-service[open] summary{border-color:#e85a24!important}
.werk-site.dark-site a[href*='instagram.com']:hover{color:white!important}
.werk-site.dark-site #kontakt [data-captcha],.werk-site.dark-site #applicationModal [data-captcha]{background:#30342f!important;color:#f2f0e9!important}
.werk-site.dark-site .wz-tile.is-selected{background:#40362e!important;border-color:#e85a24!important;color:#f2f0e9!important}
.werk-site.dark-site main :is(#kontakt,#faq,#stellenangebote,#bewertungen,#referenzen,#about) h2 span{color:#f2f0e9!important;-webkit-text-fill-color:#f2f0e9!important}
.werk-site.dark-site main [class*='bg-gray-'],.werk-site.dark-site main [class*='bg-slate-']{background:#30342f!important}
.werk-site.dark-site main [class*='text-dark-'],.werk-site.dark-site main [class*='text-gray-']{color:#f2f0e9!important}
.werk-site.dark-site footer a[class]{color:#bec1b8!important}.werk-site.dark-site footer a[class]:hover,.werk-site.dark-site footer a[class]:focus-visible{color:#ff9368!important}
.werk-site.dark-site footer a[href*='instagram.com']:hover{color:white!important}
.werk-site.dark-site main a[class*='bg-primary-']{color:#242725!important}
/* Bauorange invitation + graphite choices: the closing section owns the palette. */
.werk-site.dark-site main>#projekt-starten.werk-request{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0!important;background:#242725!important;overflow:hidden}
.werk-site.dark-site #projekt-starten .werk-request-title{background:#e85a24;padding:clamp(38px,5vw,90px) var(--gutter);position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}
.werk-site.dark-site #projekt-starten .werk-request-title h2{font-size:clamp(65px,6.5vw,116px)!important;line-height:1.02!important;color:#242725!important;margin:30px 0 32px!important;letter-spacing:-.065em!important}
.werk-site.dark-site #projekt-starten .werk-request-title p{color:#242725!important;font-size:16px;line-height:1.65;max-width:32ch}
.werk-site.dark-site #projekt-starten .werk-request-title>p:first-child{font-size:13px;margin:0}
.werk-site.dark-site #projekt-starten .werk-request-mark{display:block;position:static;width:76px;height:76px;border:0;border-left:9px solid #f2f0e9;border-bottom:9px solid #f2f0e9;margin:55px 0 0;transform:none}
.werk-site.dark-site #projekt-starten .werk-request-options{padding:clamp(38px,5vw,90px) var(--gutter);background:#242725;margin:0}
.werk-site.dark-site #projekt-starten .werk-request-options>p{font-size:20px;color:#f2f0e9!important;margin:0 0 25px}
.werk-site.dark-site #projekt-starten .werk-request-grid{gap:0;grid-template-columns:1fr}
.werk-site.dark-site #projekt-starten .werk-request-grid>a{color:#f2f0e9!important;border-color:#646b60!important;min-height:62px;font-size:17px;padding:16px 8px;transition:background-color .18s,color .18s,padding .18s}
.werk-site.dark-site #projekt-starten .werk-request-grid>a span{color:inherit!important}
.werk-site.dark-site #projekt-starten .werk-request-grid>a>span:last-child{color:#e85a24!important}
.werk-site.dark-site #projekt-starten .werk-request-grid>a:hover,.werk-site.dark-site #projekt-starten .werk-request-grid>a:focus-visible{background:#e85a24!important;color:#242725!important;padding-inline:18px;outline:2px solid #f2f0e9!important;outline-offset:-2px}
.werk-site.dark-site #projekt-starten .werk-request-grid>a:hover span,.werk-site.dark-site #projekt-starten .werk-request-grid>a:focus-visible span{color:#242725!important}
.werk-site.dark-site #projekt-starten .werk-request-bottom{border-color:#646b60!important;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:25px;margin-top:30px}
.werk-site.dark-site #projekt-starten .werk-request-bottom span{color:#a5a7a1!important;font-size:12px}
.werk-site.dark-site #projekt-starten .werk-request-bottom a{color:#f2f0e9!important;font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:5px}
.werk-site.dark-site #projekt-starten .werk-request-bottom a:hover{color:#ff9368!important}
@media(max-width:1000px) and (min-width:701px){.werk-site.dark-site #projekt-starten .werk-request-title,.werk-site.dark-site #projekt-starten .werk-request-options{padding:45px 28px}.werk-site.dark-site #projekt-starten .werk-request-title h2{font-size:60px!important}.werk-site.dark-site #projekt-starten .werk-request-grid>a{font-size:15px}}
@media(max-width:700px){.werk-site.dark-site main>#projekt-starten.werk-request{grid-template-columns:1fr}.werk-site.dark-site #projekt-starten .werk-request-title,.werk-site.dark-site #projekt-starten .werk-request-options{padding:38px 22px}.werk-site.dark-site #projekt-starten .werk-request-title h2{font-size:clamp(54px,15vw,82px)!important;margin:24px 0!important}.werk-site.dark-site #projekt-starten .werk-request-title p{font-size:15px;max-width:34ch}.werk-site.dark-site #projekt-starten .werk-request-mark{width:42px;height:42px;border-width:0 0 6px 6px;margin-top:28px}.werk-site.dark-site #projekt-starten .werk-request-grid>a{font-size:16px}.werk-site.dark-site #projekt-starten .werk-request-options>p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.werk-site.dark-site #projekt-starten .werk-request-grid>a{transition:none}}
.werk-site.dark-site #projekt-starten .werk-request-title p{color:#171a18!important}
.werk-site.dark-site #projekt-starten .werk-request-grid>a:hover,.werk-site.dark-site #projekt-starten .werk-request-grid>a:focus-visible,.werk-site.dark-site #projekt-starten .werk-request-grid>a:hover span,.werk-site.dark-site #projekt-starten .werk-request-grid>a:focus-visible span{color:#171a18!important}
/* Explain the work in customer terms; no arbitrary magnification or fake comparison. */
.customer-work-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center;margin:0 var(--gutter)}
.customer-work-finished{position:relative;margin:0}.customer-work-finished:before{content:'';position:absolute;left:-12px;top:-12px;width:60px;height:60px;border-top:6px solid #e85a24;border-left:6px solid #e85a24;pointer-events:none}
.customer-work-finished img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#30342f}
.customer-work figure figcaption{font-size:11px;line-height:1.5;padding-top:12px;color:#bec1b8}
.customer-work-type{font-size:13px;color:#ff9368;margin:0 0 22px}
.werk-site.dark-site .customer-work-copy h3{font:600 clamp(34px,3.3vw,57px)/1.08 Outfit,sans-serif!important;letter-spacing:-.04em!important;margin:0 0 26px;color:#f2f0e9!important}
.customer-work-copy>p:not(.customer-work-type){font-size:16px;line-height:1.7;color:#d0d1c8;max-width:42ch;margin:0 0 20px}
.customer-work-copy .werk-button{margin-top:10px;font-size:15px;gap:25px}.customer-work-copy .customer-work-help{font-size:12px!important;max-width:38ch!important;margin-top:15px!important}
.customer-work-process{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,90px);max-width:1000px;margin:75px var(--gutter) 90px auto;padding-top:32px;border-top:1px solid #555b52}
.customer-work-process figure{margin:0}.customer-work-process img{width:100%;height:auto;display:block}.customer-work-process h3{font-size:25px!important;margin:0 0 17px}.customer-work-process p{font-size:15px;line-height:1.7;max-width:45ch;color:#d0d1c8;margin:0 0 18px}.customer-work-process .werk-link{font-size:14px}
@media(max-width:1000px){.customer-work-feature{grid-template-columns:1fr 1fr;gap:30px}.customer-work-process{margin-left:var(--gutter)}.customer-work-copy .werk-button{font-size:13px;padding:14px;gap:12px}}
@media(max-width:700px){.customer-work-feature{display:flex;flex-direction:column;align-items:stretch;gap:28px}.customer-work-finished:before{width:38px;height:38px;left:-7px;top:-7px;border-width:4px 0 0 4px}.werk-site.dark-site .customer-work-copy h3{font-size:39px!important}.customer-work-copy>p:not(.customer-work-type){font-size:15px}.customer-work-copy .werk-button{font-size:14px}.customer-work-process{display:flex;flex-direction:column;align-items:stretch;gap:25px;margin:45px var(--gutter) 55px;padding-top:25px}.customer-work-process figure{width:76%}.customer-work-process h3{font-size:23px!important}}
/* A readable route through six real steps, instead of alternating empty columns. */
.werk-site.dark-site .werk-ablauf>.process-route{background:#242725!important;padding:70px var(--gutter) 90px!important;overflow:visible}
.process-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(50px,8vw,150px);align-items:start}
.process-overview{position:sticky;top:calc(var(--header) + 35px)}.process-overview>p{font-size:12px;color:#bec1b8;margin:0 0 20px}
.werk-site.dark-site .process-overview h2{font:600 clamp(36px,3.7vw,62px)/1.08 Outfit,sans-serif!important;letter-spacing:-.045em!important;margin:0 0 35px}
.process-overview nav{display:grid;gap:0;margin-bottom:32px}.process-overview nav a{display:flex;gap:16px;align-items:center;min-height:46px;border-bottom:1px solid #555b52;font-size:14px;color:#bec1b8;padding:8px 0}.process-overview nav a span{font-size:10px;color:#a5a7a1}.process-overview nav a[aria-current=step]{color:#f2f0e9;border-color:#e85a24}.process-overview nav a[aria-current=step] span{color:#ff9368}.process-overview .werk-button{font-size:14px;gap:20px}
.process-steps{list-style:none;margin:0;padding:0;position:relative}.process-steps:before{content:'';position:absolute;left:25px;top:32px;bottom:80px;width:1px;background:#62685d}
.process-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:28px;padding:0 0 48px;margin:0;position:relative;scroll-margin-top:calc(var(--header) + 30px)}
.process-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #72796b;background:#242725;color:#f2f0e9;font-size:18px;font-variant-numeric:tabular-nums;transition:background-color .2s,border-color .2s,color .2s}
.process-step-copy{padding:7px 0 35px;border-bottom:1px solid #555b52}.process-phase{color:#ff9368!important;font-size:12px!important;margin:0 0 12px!important}
.werk-site.dark-site .process-step h3{font:600 clamp(25px,2.3vw,37px)/1.18 Outfit,sans-serif!important;letter-spacing:-.03em!important;margin:0 0 18px}
.process-step-copy>p:not(.process-phase){font-size:16px;line-height:1.75;color:#d0d1c8;max-width:49ch;margin:0}.process-step-copy .werk-link{margin-top:18px;font-size:14px}
.process-step.is-current .process-number,.process-step:target .process-number{background:#e85a24;border-color:#e85a24;color:#171a18}.process-step.is-current .process-step-copy{border-color:#e85a24}.process-step:last-child{padding-bottom:0}
.werk-site.dark-site #referenzen a.references-cta{background:#f2f0e9!important;color:#242725!important;border-color:#f2f0e9!important;min-height:52px}.werk-site.dark-site #referenzen a.references-cta span,.werk-site.dark-site #referenzen a.references-cta svg{color:inherit!important;fill:none}.werk-site.dark-site #referenzen a.references-cta:hover,.werk-site.dark-site #referenzen a.references-cta:focus-visible{background:#e85a24!important;color:#171a18!important;border-color:#e85a24!important}
@media(max-width:1000px){.process-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:38px}.process-step{gap:18px}.process-overview .werk-button{font-size:12px;padding:14px;gap:10px}}
@media(max-width:700px){.werk-site.dark-site .werk-ablauf>.process-route{padding:42px 22px 55px!important}.process-layout{display:block}.process-overview{position:static;margin-bottom:42px}.werk-site.dark-site .process-overview h2{font-size:40px!important;margin-bottom:24px}.process-overview nav{grid-template-columns:1fr 1fr;gap:0 16px;margin-bottom:24px}.process-overview nav a{font-size:11px;gap:9px;line-height:1.4;min-height:50px}.process-overview .werk-button{font-size:14px}.process-step{grid-template-columns:38px minmax(0,1fr);gap:17px;padding-bottom:30px}.process-number{width:38px;height:38px;font-size:14px}.process-steps:before{left:18px;top:20px;bottom:80px}.process-step-copy{padding:3px 0 27px}.werk-site.dark-site .process-step h3{font-size:25px!important}.process-step-copy>p:not(.process-phase){font-size:15px;line-height:1.7}.process-phase{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.process-number{transition:none}}
.werk-site.dark-site #stellenangebote button[onclick*='openApplicationModal'],.werk-site.dark-site .werk-job-body>button,.werk-site.dark-site #stellenangebote button[onclick*='openApplicationModal'] span,.werk-site.dark-site .werk-job-body>button span{color:#000!important;-webkit-text-fill-color:#000!important}
@media(max-width:700px){.process-overview nav a{font-size:13px;min-height:56px}.werk-site.dark-site .customer-work .werk-button{min-height:52px}.werk-site.dark-site .references-cta{width:100%;justify-content:center}.werk-site.dark-site #brandMenu a{min-height:48px}.werk-site.dark-site .lightbox-close,.werk-site.dark-site .lightbox-next,.werk-site.dark-site .lightbox-prev{min-width:48px;min-height:48px}}
/* Preserve the complete original wordmark with equal clear space on its plaque. */
.werk-site.dark-site .brand-logo{width:230px;height:72px;overflow:hidden;flex:0 0 auto}
.werk-site.dark-site .brand-logo img{position:absolute;left:0;top:50%;width:100%;height:auto;max-width:none;transform:translateY(-49.5%);object-fit:contain}
@media(max-width:1150px){.werk-site.dark-site .brand-logo{width:204px;height:64px}}
@media(max-width:700px){.werk-site.dark-site .brand-logo{width:190px;height:60px}.werk-site.dark-site .brand-header{gap:12px}.werk-site.dark-site .brand-menu-toggle{min-width:68px;justify-content:flex-end}}
@media(max-width:359px){.werk-site.dark-site .brand-logo{width:174px;height:56px}}