img[data-click-zoom],[data-click-zoom] img,[data-click-zoom-article] img{cursor:zoom-in}[data-click-zoom][tabindex]:focus-visible{outline:var(--focus-width,2px) solid var(--brand-500);outline-offset:.25rem}[data-click-zoom-lightbox]>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:var(--radius-card,.75em);max-width:100%;max-height:100%;display:block}.click-zoom__lightbox{z-index:200;cursor:zoom-out;background-color:color-mix(in lab, var(--dark-950) 92%, transparent);justify-content:center;align-items:center;padding:3em;display:none;position:fixed;inset:0%}@layer components{.project_wrap{--project-hairline:color-mix(in lab, var(--text) 11%, transparent);--project-surface:color-mix(in lab, var(--background) 82%, black);width:100%;max-width:80rem;padding:calc(var(--nav-height) + var(--nav-inset) * 2 + var(--space-6)) var(--site-margin) var(--space-8);margin-inline:auto}.project_back{color:var(--text-2);transition:color var(--hover-duration) var(--hover-ease);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.875rem;text-decoration:none;display:inline-flex}.project_back svg{transition:transform var(--hover-duration) var(--hover-ease)}@media (hover:hover){.project_back:hover{color:var(--text)}.project_back:hover svg{transform:translate(-.1875rem)}}.project_head-grid{gap:2rem;display:grid}@media (min-width:64rem){.project_head-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4.5rem}}.project_band{--project-hairline:color-mix(in lab, var(--text) 11%, transparent);--project-surface:var(--surface)}.project_grid{gap:var(--space-7);display:grid}@media (min-width:64rem){.project_grid{grid-template-columns:19rem minmax(0,1fr);align-items:start;gap:4.5rem}}.project_side{flex-direction:column;gap:2rem;display:flex}@media (min-width:64rem){.project_side{top:calc(var(--nav-height) + var(--nav-inset) * 2 + 1.5rem);position:sticky}}.project_intro{flex-direction:column;gap:1rem;display:flex}.project_category{font-size:.875rem;font-weight:var(--primary-medium);color:var(--accent-text);margin:0}.project_title{font-family:var(--heading-family);font-size:var(--h1-article);font-weight:var(--heading-weight);line-height:var(--heading-leading-small);letter-spacing:var(--heading-tracking);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;margin:0}.project_teaser{color:var(--text-2);text-wrap:pretty;margin:.75rem 0 0;line-height:1.55}.project_label{font-size:.75rem;font-weight:var(--primary-medium);letter-spacing:.02em;color:var(--text-2);margin:0 0 .75rem}.project_facts{border-top:var(--border-width) solid var(--project-hairline);gap:.875rem;margin:0;padding-top:1.75rem;display:grid}@media (min-width:40rem) and (not (min-width:64rem)){.project_facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.project_facts dt{color:var(--text-2);font-size:.75rem}.project_facts dd{margin:.125rem 0 0;font-size:.9375rem;line-height:1.45}.project_facts a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--project-hairline);text-decoration-color:var(--project-hairline);text-underline-offset:.2em;transition:text-decoration-color var(--hover-duration) var(--hover-ease);align-items:center;gap:.25rem;display:inline-flex}.project_facts a:hover{-webkit-text-decoration-color:var(--brand-500);text-decoration-color:var(--brand-500)}.project_tools{border-top:var(--border-width) solid var(--project-hairline);padding-top:1.75rem}.project_tools ul{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.project_tools li{border:var(--border-width) solid var(--project-hairline);border-radius:.5rem;align-items:center;gap:.45em;padding:.35em .7em;font-size:.8125rem;line-height:1.3;display:inline-flex}.project_tools svg{flex:none;width:1.05em;height:1.05em}@supports (timeline-scope:--a) and (animation-timeline:view()){.project_wrap{timeline-scope:--project-ausgangslage, --project-vorgehen, --project-ergebnis}.project_section{view-timeline-inset:40% 59%}.project_section[id=ausgangslage]{view-timeline-name:--project-ausgangslage}.project_section[id=vorgehen]{view-timeline-name:--project-vorgehen}.project_section[id=ergebnis]{view-timeline-name:--project-ergebnis}.project_toc a{position:relative}.project_toc a:before{content:"";background-color:var(--brand-500);border-radius:50%;width:.3125rem;height:.3125rem;margin-top:-.15625rem;position:absolute;top:50%;left:-.875rem;scale:0}.project_toc li:first-child a,.project_toc li:first-child a:before{animation-timeline:--project-ausgangslage}.project_toc li:nth-child(2) a,.project_toc li:nth-child(2) a:before{animation-timeline:--project-vorgehen}.project_toc li:nth-child(3) a,.project_toc li:nth-child(3) a:before{animation-timeline:--project-ergebnis}.project_toc a{animation:linear project-toc-on;animation-range:cover}.project_toc a:before{animation:linear project-toc-dot;animation-range:cover}@keyframes project-toc-on{0%,to{color:var(--text)}}@keyframes project-toc-dot{0%,to{scale:1}}}.project_toc{border-top:var(--border-width) solid var(--project-hairline);padding-top:1.75rem;display:none}@media (min-width:64rem){.project_toc{display:block}}.project_toc ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.project_toc a{color:var(--text-2);transition:color var(--hover-duration) var(--hover-ease);font-size:.9375rem;text-decoration:none}.project_toc a:hover{color:var(--text)}.project_main{gap:var(--space-7);flex-direction:column;min-width:0;display:flex}.project_cover{border:var(--border-width) solid var(--project-hairline);border-radius:var(--radius-card);background:var(--project-surface);margin:0;padding:.5rem}.project_cover img{aspect-ratio:16/10;object-fit:cover;border-radius:.5rem;width:100%;height:auto;display:block}.project_highlights{gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.project_highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.project_highlights li{border-top:var(--border-width) solid var(--project-hairline);flex-direction:column;gap:1.125rem;min-width:0;padding-top:1.25rem;display:flex}.project_icon{border:var(--border-width) solid var(--project-hairline);width:2.25rem;height:2.25rem;color:color-mix(in lab, var(--brand-500) 55%, white);border-radius:.625rem;place-items:center;margin-bottom:.25rem;display:grid}.project_highlight-title{font-size:1.0625rem;font-weight:var(--primary-medium);margin:0;line-height:1.3}.project_highlight-text{overflow-wrap:break-word;color:var(--text-2);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.55}.project_section{min-width:0;scroll-margin-top:calc(var(--nav-height) + var(--nav-inset) * 2 + 1.5rem);flex-direction:column;align-items:flex-start;gap:2rem;display:flex}.project_section h2{font-family:var(--heading-family);font-size:var(--h3);font-weight:var(--heading-weight);line-height:var(--heading-leading-small);letter-spacing:var(--heading-tracking-small);margin:0}.project_prose{flex-direction:column;gap:1.5rem;min-width:0;max-width:40rem;display:flex}.project_prose p{color:color-mix(in lab, var(--text) 82%, transparent);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.65}.project_steps{border-top:var(--border-width) solid var(--project-hairline);width:100%;margin:0;padding:0;list-style:none}.project_steps li{border-bottom:var(--border-width) solid var(--project-hairline);grid-template-columns:2.5rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding:1.75rem 0;display:grid}@media (min-width:48rem){.project_steps li{grid-template-columns:3.5rem minmax(0,1fr)}}.project_steps h3{font-size:1.1875rem;font-weight:var(--primary-medium);letter-spacing:-.01em;margin:0 0 1.25rem;line-height:1.3}.project_steps p{overflow-wrap:break-word;max-width:40rem;color:var(--text-2);text-wrap:pretty;margin:0;line-height:1.6}.project_step-num{font-family:var(--primary-family);font-variant-numeric:tabular-nums;color:var(--text-2);font-size:.75rem}.rv.project_result-visual{align-self:stretch;width:100%;max-width:36rem;height:18rem}.project_quote{border-left:.125rem solid var(--brand-500);flex-direction:column;gap:1.25rem;max-width:40rem;margin:0;padding-left:1.25rem;display:flex}.project_quote blockquote{margin:0}.project_quote blockquote p{letter-spacing:-.005em;color:var(--text);font-size:1.125rem;line-height:1.5}.project_quote figcaption{flex-direction:column;gap:.5rem;display:flex}.project_quote-name{font-size:.9375rem;font-weight:500}.project_quote-role{color:var(--text-2);font-size:.875rem}.project_visit{border-radius:var(--radius-cta);background:var(--text);color:var(--background);font-size:.9375rem;font-weight:var(--primary-medium);transition:background-color var(--hover-duration) var(--hover-ease);align-items:center;gap:.45em;margin-top:.25rem;padding:.8em 1.2em;text-decoration:none;display:inline-flex}.project_visit svg{transition:transform var(--hover-duration) var(--hover-ease)}.project_visit:hover{background:color-mix(in lab, var(--text) 85%, var(--background))}.project_visit:hover svg{transform:translate(.125rem,-.125rem)}.project_next{margin-top:var(--space-8);border:var(--border-width) solid var(--project-hairline);border-radius:var(--radius-card);background:var(--project-surface);color:var(--text);transition:border-color var(--hover-duration) var(--hover-ease);align-items:center;gap:1.25rem;padding:.5rem;text-decoration:none;display:grid}@media (min-width:48rem){.project_next{grid-template-columns:minmax(0,1fr) 20rem;gap:2rem}}.project_next:hover{border-color:color-mix(in lab, var(--text) 24%, transparent)}.project_next:hover .project_next-arrow{background:var(--brand-500);color:#fff}.project_next-text{flex-direction:column;gap:.75rem;padding:.75rem .75rem 1rem;display:flex}@media (min-width:48rem){.project_next-text{padding:1.5rem 1.5rem 1.5rem 1.75rem}}.project_next-text .project_label{margin:0}.project_next-client{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:var(--primary-medium);letter-spacing:-.03em;line-height:1.05}.project_next-title{color:var(--text-2);line-height:1.45}.project_next-img{aspect-ratio:16/10;object-fit:cover;border-radius:.5rem;width:100%;height:auto;display:block}@media not (min-width:48rem){.project_next-img{order:-1}}.project_next-arrow{border:var(--border-width) solid var(--project-hairline);width:2.25rem;height:2.25rem;color:var(--text-2);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);border-radius:50%;place-items:center;margin-top:.75rem;display:grid}}