@font-face{font-family:Graphik;src:url(/wp-content/uploads/2021/10/graphik-regular-web-drehmomente.de.woff2)format("woff2");font-weight:300 500;font-display:swap}body.dm-case-page{--font:"Graphik",-apple-system,"Helvetica Neue",Arial,sans-serif;--text:#161614;--t2:#6b6a65;--t3:#9e9d99;--border:#1414121a;--border2:#14141233;--s2:#ededeb;--surface:#fff;--dark:#111;--dark2:#161614;--r:2px;--gap:4px;--pad:60px;--sec-pad:96px;--max:1580px;--nav-h:64px;--ease:cubic-bezier(.25,.6,.2,1);--weight-display:300;--weight-medium:500;--h-display:clamp(26px,2.3vw,34px);--h-card:clamp(16px,1.3vw,21px)}body.dm-case-page *,body.dm-case-page :before,body.dm-case-page :after{box-sizing:border-box}html:has(body.dm-case-page){-webkit-text-size-adjust:100%}body.dm-case-page{background:var(--surface);color:var(--text);font-family:var(--font);margin:0;font-size:15px;font-weight:300;line-height:1.65}.case-page img{max-width:100%;display:block}.case-page a{color:var(--text)}.case-page a:hover{color:var(--t2)}.case-page .wrap{max-width:var(--max);padding-inline:var(--pad);margin:0 auto}.case-page .display{font-weight:var(--weight-display);font-size:var(--h-display);letter-spacing:-.02em;margin:0;line-height:1.1}.case-page .btn{border-radius:var(--r);min-height:47px;font:var(--weight-medium) 13px/1.65 var(--font);justify-content:center;align-items:center;padding:13px 28px;text-decoration:none;display:inline-flex}.case-page .btn-light{color:var(--text);background:#fff}.case-page .btn-light:hover{background:var(--s2);color:var(--text)}.case-page .btn-ghost{color:#fff;border:1px solid #ffffff59}.case-page .btn-ghost:hover{color:#fff;border-color:#fff}.case-page .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.case-kv{background:var(--dark)}.case-kv a{width:100%;aspect-ratio:var(--kv-ar,2.687);background:var(--dark);cursor:zoom-in;min-height:min(420px,max(0px,100vh - 220px));max-height:calc(100vh - 220px);display:block;overflow:hidden}.case-kv img{object-fit:cover;object-position:var(--kv-focus,50% 50%);width:100%;height:100%}.case-strip{background:var(--dark);color:#fff;padding-block:52px 56px}.case-strip .grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:16px 24px;display:grid}.case-strip .head{grid-column:1/span 7}.case-strip .eyebrow{color:var(--t3);letter-spacing:.02em;margin:0 0 14px;font-size:12px;font-weight:400}.case-strip h1{font-weight:var(--weight-display);letter-spacing:-.025em;margin:0;font-size:clamp(26px,2.5vw,38px);line-height:1.15}.case-strip .intro{color:#ffffffb3;grid-column:8/span 5;margin:0;font-size:14px;line-height:1.65}.case-gallery{gap:var(--gap);flex-direction:column;display:flex}.case-gallery.is-first{padding-top:56px}.case-gallery.is-last{padding-bottom:120px}.g-row{gap:var(--gap);display:flex}.g-cell{flex:var(--ar) 1 0;min-width:0;aspect-ratio:var(--ar)}.g-offset{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.g-offset .g-cell{flex:none}.g-offset .small{grid-column:1/span 4;align-self:end}.g-offset .big{grid-column:5/span 8}.g-offset.is-flipped .small{grid-area:1/9/auto/span 4}.g-offset.is-flipped .big{grid-area:1/1/auto/span 8}.zoom{background:var(--s2);cursor:zoom-in;width:100%;height:100%;display:block;overflow:hidden}.zoom img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.zoom:hover img{transform:scale(1.025)}.zoom:focus-visible{outline:2px solid var(--text);outline-offset:2px}.case-split{padding-block:var(--sec-pad)}.case-split .grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 24px;display:grid}.case-split h2{grid-column:1/span 5}.case-split .body{color:var(--t2);grid-column:7/span 6;margin:0;font-size:16px;line-height:1.7}.facts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:0;display:grid}.facts>div{border-top:1px solid var(--border);padding:22px 24px 22px 0}.facts .wide{grid-column:1/-1}.facts dt{color:var(--t3);margin-bottom:6px;font-size:12px;font-weight:400}.facts dd{color:var(--text);margin:0;font-size:15px;font-weight:400}.facts dd .sub{color:var(--t2);font-weight:300;display:block}.chips{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.chips :is(a,span){border:1px solid var(--border2);border-radius:var(--r);padding:5px 10px;font-size:12px;font-weight:400;text-decoration:none}.chips a:hover{border-color:var(--text);color:var(--text)}.ph{outline:1px dashed var(--t3);outline-offset:3px}.case-cta{background:var(--dark2);color:#fff;padding-block:88px}.case-cta .grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:28px 24px;display:grid}.case-cta .text{grid-column:1/span 6}.case-cta p{color:#ffffffa6;max-width:520px;margin:20px 0 0}.case-cta .actions{flex-wrap:wrap;grid-column:8/span 5;justify-content:flex-end;gap:12px;display:flex}.lb{z-index:2000;color:#fff;background:#0c0c0bf5;flex-direction:column;display:none;position:fixed;inset:0}.lb.is-open{display:flex}.lb .bar{color:#ffffffb3;justify-content:space-between;align-items:center;height:80px;padding:16px 24px;font-size:13px;display:flex;position:absolute;inset:0 0 auto}.lb .stage{justify-content:center;align-items:center;min-height:0;display:flex;position:absolute;inset:80px 96px 24px}.lb .stage img{object-fit:contain;width:100%;height:100%}.lb #lb-prev,.lb #lb-next{z-index:1;position:fixed;top:50%;transform:translateY(-50%)}.lb #lb-prev{left:24px}.lb #lb-next{right:24px}.lb .mobile-count{display:none}.lb button{border-radius:var(--r);color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.lb button:hover{border-color:#fff}.lb button:focus-visible{outline-offset:2px;outline:2px solid #fff}body.lb-lock{overflow:hidden}.case-strip .eyebrow{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.case-strip .back-link{color:#fff;align-items:center;gap:8px;font-weight:400;text-decoration:none;display:inline-flex}.back-link svg{transition:transform .3s var(--ease);flex:none}.case-strip .back-link:hover{color:#fff}.back-link:hover svg{transform:translate(-3px)}.back-link:focus-visible{outline-offset:4px;outline:2px solid}.eyebrow-cat{color:var(--t3)}@media (width<=950px){body.dm-case-page{--pad:24px;--sec-pad:72px}.case-strip .head,.case-strip .intro,.case-split h2,.case-split .body,.case-cta .text,.case-cta .actions{grid-column:1/-1}.case-cta .actions{justify-content:flex-start}}@media (width<=780px){.case-kv a{aspect-ratio:4/3;min-height:0}.case-strip{padding-block:36px 40px}.g-row{flex-direction:column}.g-cell{flex:none;width:100%}.g-offset{row-gap:var(--gap);grid-template-columns:1fr}.g-offset .small,.g-offset .big,.g-offset.is-flipped .small,.g-offset.is-flipped .big{grid-area:auto/1/auto/-1}.facts{grid-template-columns:1fr}.lb .bar #lb-count{visibility:hidden}.lb .stage{inset:80px 0 calc(80px + env(safe-area-inset-bottom))}.lb #lb-prev,.lb #lb-next{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));transform:none}.lb .mobile-count{left:80px;right:80px;bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:center;height:48px;font-size:13px;display:flex;position:fixed}}@media (prefers-reduced-motion:reduce){.zoom img,.back-link svg{transition:none}}.case-page{padding-top:64px}.case-page .depth-projects{padding-block:var(--sec-pad)}.case-page .block-head{margin-bottom:40px}.case-page .lead{max-width:600px;color:var(--t2);margin:14px 0 0;font-size:16px}.case-page .case-related-back{max-width:600px;margin-top:20px}.case-page .case-bottom-back{padding-bottom:48px}.case-page .case-related-back .back-link,.case-page .case-bottom-back .back-link{color:var(--text);font-size:12px;font-weight:400}.case-page .case-related-back .back-link:hover,.case-page .case-bottom-back .back-link:hover{color:var(--t2)}main.case-page .case-strip h1{font-size:clamp(26px,2.5vw,38px)!important}main.case-page h2.display{font-size:var(--h-display)!important}main.case-page p.eyebrow{font-size:12px!important;line-height:1.65!important}main.case-page p.intro{font-size:14px!important;line-height:1.65!important}main.case-page .case-split p{font-size:16px!important;line-height:1.7!important}main.case-page .btn{font-size:13px!important}.case-kv picture,.zoom picture{display:contents}.case-page .chips span{border:1px solid var(--border2);border-radius:var(--r);color:var(--t2);align-items:center;padding:7px 12px;font-size:12px;line-height:1.3;display:inline-flex}main.case-page .depth-tiles__copy h3{font-weight:400;font-size:var(--h-card)!important}main.case-page .depth-tiles__copy p{font-size:14px!important}main.case-page .depth-tiles__cta{font-weight:500}.case-close{right:24px;top:calc(var(--nav-height,64px) + 16px);z-index:1100;color:#fff;backdrop-filter:blur(10px);border-radius:var(--r);background:#1111118c;border:1px solid #ffffff38;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:background .2s,border-color .2s;display:flex;position:fixed}.case-close[hidden]{display:none}.case-close:hover{color:#fff;background:#111c;border-color:#fff}.case-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.case-close .hint{white-space:nowrap;color:#fff;border-radius:var(--r);opacity:0;pointer-events:none;background:#111c;padding:6px 10px;font-size:12px;font-weight:400;transition:opacity .2s,transform .2s;position:absolute;right:calc(100% + 10px);transform:translate(4px)}.case-close:hover .hint,.case-close:focus-visible .hint{opacity:1;transform:none}@media (width<=780px){.case-close{width:44px;height:44px;right:12px}.case-close .hint{display:none}}