.st{--fo-card: var(--dc-paper);--fo-fg: var(--dc-ink);--fo-fg-2: var(--dc-ink-2);--fo-cap: var(--dc-paper);--fo-go: var(--dc-ink);--fo-go-fg: var(--dc-paper);--fo-face: var(--dc-night-2)}.st--white{--fo-card: var(--dc-ground);--fo-cap: var(--dc-ground)}.st--dark{--fo-card: var(--dc-night-2);--fo-fg: var(--dc-paper);--fo-fg-2: color-mix(in srgb, var(--dc-paper) 64%, transparent);--fo-cap: var(--dc-night-2);--fo-go: var(--dc-paper);--fo-go-fg: var(--dc-ink);--fo-face: var(--dc-night)}.dc-fo-part{padding-top:clamp(64px,8vw,128px)}.dc-fo-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 32px;margin-bottom:clamp(20px,2.6vw,36px)}.st .dc-fo-head__title{font-size:calc(clamp(1.75rem,1rem + 2.4vw,3.25rem) * var(--dc-fs-k, 1));line-height:var(--dc-lh-display);max-width:18ch}.dc-fo-head__text{margin:0;max-width:40ch;font-size:clamp(.9375rem,.9rem + .2vw,1.0625rem);line-height:1.45;color:var(--st-fg-2)}.dc-fo-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(150px,16vw,260px);grid-auto-flow:row dense;gap:clamp(12px,1.6vw,24px)}.dc-fo-cell{grid-column:span var(--span, 4);grid-row:span 2;min-width:0;min-height:0}.dc-fo-cell:empty{display:none}.dc-fo-tile{height:100%}.dc-fo-tile__link{position:relative;display:block;height:100%;border-radius:var(--dc-r-card);overflow:hidden;isolation:isolate;background:var(--dc-night-2);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.dc-fo-tile .st-media.dc-fo-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;aspect-ratio:auto;border-radius:0;background:var(--dc-night-2)}.dc-fo-tile__media :is(img,video){transition:scale .9s var(--dc-ease-out)}.dc-fo-tile__cap{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:clamp(16px,1.8vw,24px);color:var(--fo-fg)}.dc-fo-tile:not(.dc-fo-tile--nomedia) .dc-fo-tile__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,#000 64%,transparent),transparent 56%);opacity:.85;transition:opacity .45s var(--dc-ease-out)}.dc-fo-tile__cap{--fo-fg: var(--dc-paper);--fo-fg-2: color-mix(in srgb, var(--dc-paper) 76%, transparent)}.dc-fo-tile__text{display:grid;gap:4px;min-width:0}.dc-fo-tile__title{font-family:var(--st-head);font-weight:var(--st-weight-head, 900);font-stretch:var(--dc-wide);font-size:clamp(1.0625rem,.9rem + .5vw,1.5rem);line-height:.95;text-transform:var(--heading-text-transform, uppercase);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.dc-fo-tile__kind{justify-self:start;display:inline-flex;align-items:center;min-height:calc(var(--fo-kind-fs, 10px) * 2);padding:0 calc(var(--fo-kind-fs, 10px) * .8);margin-bottom:2px;border-radius:var(--dc-r-pill);box-shadow:inset 0 0 0 1.5px currentColor;font:700 var(--fo-kind-fs, 10px)/1 var(--st-text);letter-spacing:.04em;text-transform:uppercase;color:var(--fo-fg-2)}.dc-fo-tile__kind[data-kind=kundenprojekt]{box-shadow:none;background:var(--dc-blue);color:var(--dc-on-blue, #fff)}.dc-sc-feat__kicker .dc-fo-tile__kind{margin:0 8px 0 0;vertical-align:1px}.dc-fo-tile__meta{font-size:.8125rem;font-weight:600;line-height:1.25;color:var(--fo-fg-2)}.dc-fo-tile__go{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--dc-paper);color:var(--dc-ink)}.dc-fo-tile__go svg{width:14px;height:14px}.dc-fo-tile--nomedia .dc-fo-tile__link{background:var(--dc-night-2)}.dc-fo-tile--feature .dc-fo-tile__link{width:100%;height:auto;aspect-ratio:5 / 2;max-height:min(62svh,520px)}.dc-fo-tile--feature .dc-fo-tile__cap{padding:clamp(20px,2.6vw,40px)}.dc-fo-tile--feature .dc-fo-tile__title{font-size:calc(clamp(1.5rem,1rem + 1.8vw,2.75rem) * var(--dc-fs-k, 1))}.dc-fo-tile--feature .dc-fo-tile__meta{font-size:.9375rem}.dc-fo-tile--feature .dc-fo-tile__go{width:48px;height:48px}.dc-fo-tile__link:focus-visible{outline:3px solid var(--dc-paper);outline-offset:3px}@media(hover:hover)and (pointer:fine){.dc-fo-tile__link:hover .dc-fo-tile__media :is(img,video){scale:1.03}.dc-fo-tile__link:hover:after{opacity:1}}.dc-fo-artists{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:var(--dc-gap, 12px)}.dc-fo-artist{display:grid;grid-template-columns:clamp(104px,11vw,168px) minmax(0,1fr);align-items:center;gap:clamp(16px,2vw,28px);padding:12px clamp(16px,2vw,24px) 22px 12px;border-radius:var(--dc-r-card);background:var(--fo-card);color:var(--fo-fg)}.dc-fo-artist__face{position:relative;aspect-ratio:1}.dc-fo-artist__face img,.dc-fo-artist__ini{width:100%;height:100%;border-radius:16px;object-fit:cover;display:block;background:var(--fo-face)}.dc-fo-artist__ini{display:grid;place-items:center;color:var(--dc-paper);font-family:var(--st-head);font-weight:900;font-stretch:var(--dc-wide);font-size:clamp(2rem,1.6rem + 1.6vw,3.5rem);line-height:1}.dc-fo-artist__count{position:absolute;left:50%;bottom:-10px;translate:-50% 0;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:var(--dc-r-pill);background:var(--acc, var(--dc-blue));color:var(--on-acc, var(--dc-on-blue));font:700 .75rem/1 var(--st-text);white-space:nowrap}.dc-fo-artist__count b{font-family:var(--st-head);font-weight:900;font-stretch:var(--dc-wide)}.dc-fo-artist__body{display:grid;justify-items:start;gap:8px;min-width:0}.st .dc-fo-artist__name{width:100%;font-family:var(--st-head);font-weight:var(--st-weight-head, 900);font-stretch:var(--dc-wide);font-size:clamp(1.375rem,1rem + 1.1vw,2.125rem);line-height:.92;text-transform:var(--heading-text-transform, uppercase);color:var(--fo-fg);overflow-wrap:normal}.dc-fo-artist__name a{color:inherit;text-decoration:none}.dc-fo-artist__role{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--fo-fg-2)}.dc-fo-artist .st-btn.dc-fo-artist__btn{margin-top:6px;min-height:46px}.dc-fo-card{position:relative;border-radius:var(--dc-r-card);padding:clamp(18px,2.2vw,32px);min-width:0}:where(.dc-fo-card,.dc-sc-feat__card,.dc-pj__info,.dc-pj__block,.dc-pj__steps,.dc-pj__who,.dc-pj__with,.dc-ap__info,.dc-ap__block){grid-template-columns:minmax(0,1fr)}.dc-fo-card--ground,.dc-fo-card--paper{background:var(--fo-card);color:var(--fo-fg)}.dc-fo-card--blue{background:var(--acc, var(--dc-blue));color:var(--on-acc, var(--dc-on-blue))}.dc-fo-card--night{background:var(--dc-night-2);color:var(--dc-paper)}.dc-fo-card :is(h2,h3){margin:0}.dc-fo-card__label{margin:0 0 14px;font-family:var(--st-head);font-weight:var(--st-weight-head, 900);font-stretch:var(--dc-wide);font-size:.9375rem;line-height:1;text-transform:var(--heading-text-transform, uppercase);letter-spacing:.01em}.dc-fo-face{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--fo-face)}.dc-fo-face img{width:100%;height:100%;object-fit:cover;display:block}.dc-fo-face__ini{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dc-paper);font-family:var(--st-head);font-weight:900;font-stretch:var(--dc-wide);font-size:clamp(2.5rem,2rem + 2.4vw,5rem);line-height:1}.dc-fo-sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 8px;margin:0;padding:0;list-style:none}.dc-fo-sw__item{display:grid;justify-items:center;align-content:start;gap:6px;min-width:0}.dc-fo-sw__mark{display:grid;place-items:center;width:100%;max-width:72px;aspect-ratio:1;border-radius:var(--dc-r-tile);box-shadow:inset 0 0 0 2px currentColor;font-family:var(--st-head);font-weight:900;font-stretch:var(--dc-wide);font-size:clamp(1rem,.9rem + .4vw,1.375rem);line-height:1;transition:background-color .2s ease,color .2s ease,translate .35s var(--dc-ease-pop)}.dc-fo-sw__mark.has-logo svg{width:52%;height:52%;display:block}.dc-fo-sw__name{font-size:.75rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.dc-fo-sw__item:hover .dc-fo-sw__mark{background:var(--_sw-fg, var(--fo-fg));color:var(--_sw-bg, var(--fo-card));translate:0 -3px}}.dc-fo-card--blue{--_sw-fg: var(--on-acc, var(--dc-on-blue));--_sw-bg: var(--acc, var(--dc-blue))}.dc-fo-links{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.dc-fo-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:var(--dc-r-pill);background:color-mix(in srgb,currentColor 9%,transparent);color:inherit;font:700 .8125rem/1 var(--st-text);text-decoration:none;transition:background-color .2s ease,translate .3s var(--dc-ease-pop)}.dc-fo-link svg{width:11px;height:11px}.dc-fo-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(hover:hover)and (pointer:fine){.dc-fo-link:hover{background:color-mix(in srgb,currentColor 16%,transparent);translate:0 -2px}}.dc-fo-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0}.dc-fo-facts dt{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--fo-fg-2)}.dc-fo-facts dd{margin:4px 0 0;font-weight:800;font-size:.9375rem;line-height:1.3}@media screen and (max-width:999px){.dc-fo-bento{grid-auto-rows:clamp(120px,20vw,190px)}.dc-fo-cell{grid-column:span 6}.dc-fo-cell:nth-child(3n+1){grid-column:span 12}}@media screen and (max-width:699px){.dc-fo-head{justify-content:center;text-align:center}.st .dc-fo-head__title{max-width:none}.dc-fo-head__text{display:none}.dc-fo-bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.dc-fo-cell,.dc-fo-cell:nth-child(3n+1){grid-column:auto;grid-row:auto;aspect-ratio:4 / 5}.dc-fo-tile__cap{justify-content:center;text-align:center}.dc-fo-tile__title{font-size:min(1.25rem,4.6vw);font-stretch:100%}.dc-fo-tile__text{justify-items:center}.dc-fo-tile__kind{justify-self:center}.dc-fo-tile__go{display:none}.dc-fo-tile--feature .dc-fo-tile__link{aspect-ratio:4 / 5;max-height:72svh}.dc-fo-tile--feature .dc-fo-tile__title{font-size:min(1.25rem,4.6vw)}.dc-fo-facts{grid-template-columns:minmax(0,1fr)}.dc-fo-artist{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:10px 14px 20px 10px}.st .dc-fo-artist__name{font-size:1.375rem}.dc-fo-artist__role{font-size:.875rem}.dc-fo-artist__count{min-height:26px;padding:0 10px;font-size:.6875rem}.dc-fo-artist .st-btn.dc-fo-artist__btn{min-height:42px;font-size:.875rem}}@media(prefers-reduced-motion:reduce){.dc-fo-tile__media :is(img,video),.dc-fo-tile__link:after,.dc-fo-tile__go,.dc-fo-sw__mark,.dc-fo-link{transition:none}}.st:not(.st--dark) .dc-fo-tile__link:focus-visible{outline-color:var(--dc-ink)}
/*# sourceMappingURL=/cdn/shop/t/118/assets/dc-folio.css.map */
