.case-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.case-engine-hero{background:radial-gradient(circle at 88% 18%, #57b8e01a, transparent 24rem), var(--color-background);align-items:flex-end;min-height:min(52rem,84svh);padding-block:clamp(5rem,10vw,9rem);display:flex}.case-engine-hero .breadcrumb{margin-block-end:clamp(3rem,6vw,6rem)}.case-engine-hero__grid,.case-engine-story__grid,.case-module__inner--split{gap:var(--space-4);display:grid}.case-engine-hero__copy{min-width:0}.case-engine-hero__copy .type-display{max-width:11ch;overflow-wrap:anywhere;font-size:calc(clamp(2.75rem, 10vw, var(--type-display-size)) - 1rem);margin-block-start:var(--space-2)}.case-engine-hero__copy .type-lead{margin-block-start:var(--space-3)}.case-engine-overview{border-block-start:1px solid var(--color-line);min-width:0}.case-engine-overview dl{margin:0}.case-engine-overview dl>div{gap:var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--color-line);grid-template-columns:minmax(5rem,.3fr) minmax(0,1fr);display:grid}.case-engine-overview dt{color:var(--color-text-secondary);font-size:var(--type-detail-size);letter-spacing:.12em;text-transform:uppercase;font-weight:720}.case-engine-overview dd{overflow-wrap:anywhere;min-width:0;font-size:var(--type-detail-size);margin:0;line-height:1.55}.case-engine-opening{background:var(--color-surface);padding:clamp(.75rem,2vw,2rem)}.case-engine-opening__frame{border:1px solid var(--color-line);background:var(--color-background);place-items:center;width:min(100%,118rem);margin-inline:auto;display:grid}.case-engine-opening img{object-fit:contain;width:100%;max-height:78svh}.case-engine-opening--product-story{padding:clamp(1rem,4vw,4.5rem)}.case-engine-opening--composed{padding:0}.case-engine-opening__frame--product-story{background:0 0;border:0;width:min(100%,112rem);display:block}.case-engine-opening__frame--composed img{object-fit:contain;width:100%;max-height:none;display:block}.case-product-browser{border:1px solid color-mix(in srgb, var(--color-line) 82%, var(--color-text-primary));background:var(--color-background);border-radius:.35rem;min-width:0;overflow:hidden;box-shadow:0 1px 2px #15232f14,0 2rem 5rem -3rem #15232f4d}.case-product-browser--hero{box-shadow:0 1px 2px #15232f1a,0 3.5rem 8rem -4.5rem #15232f61}.case-product-browser__bar{border-block-end:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface) 78%, var(--color-background));align-items:center;min-height:clamp(2.25rem,3vw,2.9rem);padding-inline:clamp(.8rem,2vw,1.4rem);display:flex}.case-product-browser__bar span{min-width:0;color:var(--color-text-secondary);letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.65rem;font-size:clamp(.6rem,.58rem + .12vw,.72rem);font-weight:680;line-height:1;display:flex;overflow:hidden}.case-product-browser__bar span:before{content:"";opacity:.55;background:currentColor;flex:none;width:clamp(1rem,2vw,1.65rem);height:1px}.case-product-browser__viewport{aspect-ratio:16/10;background:var(--color-surface);position:relative;overflow:hidden}.case-product-browser--hero .case-product-browser__viewport{aspect-ratio:16/9}.case-product-browser__viewport img,.case-engine-opening .case-product-browser__viewport img{object-fit:cover;width:100%;height:100%;max-height:none;display:block}.case-product-browser__viewport[data-product-view=overview] img{object-position:50% 10%}.case-product-browser__viewport[data-product-view=list] img{object-position:50% 14%}.case-product-browser__viewport[data-product-view=timeline] img{object-position:50% 10%}.case-product-browser__viewport[data-product-view=detail] img{object-position:50% 6%}.case-product-browser__viewport[data-product-view=detail-support] img{object-position:50% 100%}.case-product-phone{background:#151b21;border:1px solid #151b21c7;border-radius:clamp(2.25rem,5vw,3.35rem);width:min(100%,31rem);margin-inline:auto;padding:clamp(.35rem,.8vw,.55rem);overflow:hidden;box-shadow:0 1px 2px #15232f14,0 2.25rem 5rem -3.25rem #15232f47}.case-product-phone__screen{aspect-ratio:1179/2556;background:#fff;border-radius:clamp(1.9rem,4.5vw,2.85rem);overflow:hidden}.case-product-phone__screen img{object-fit:contain;width:100%;height:100%;display:block}.case-engine-index{padding-block:var(--space-section-compact) var(--space-section-open)}.case-browser__header{justify-content:space-between;align-items:baseline;gap:var(--space-2);border-block-end:1px solid var(--color-line);flex-wrap:wrap;padding-block-end:var(--space-3);display:flex}.case-browser__count{color:var(--color-text-secondary)}.case-filters{padding-block:var(--space-3);border-block-end:1px solid var(--color-line)}.case-filters fieldset{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.case-filters .field{min-width:0}.case-filters select,.case-filters input[type=search]{width:100%}.case-filters__reset,.case-browser__empty .text-link{cursor:pointer;background:0 0;border:0;justify-self:start;min-height:2.75rem;padding:0}.case-browser__empty{padding-block:var(--space-5);border-block-end:1px solid var(--color-line)}.case-browser__empty>*+*{margin-block-start:var(--space-2)}.case-engine-grid{background:var(--color-line);gap:1px;margin-block-start:var(--space-4);display:grid}.case-engine-card{background:var(--color-background);grid-template-rows:auto 1fr;min-width:0;display:grid}.case-engine-card[hidden]{display:none}.case-engine-card__media{background:var(--color-surface);place-items:center;min-height:clamp(16rem,34vw,34rem);padding:clamp(.75rem,2.4vw,2.5rem);display:grid;overflow:hidden}.case-engine-card__media img{object-fit:contain;width:100%;height:100%;max-height:34rem}.case-engine-card--product-showcase .case-engine-card__media{background:#f3f5f6;padding:0}.case-engine-card--product-showcase .case-engine-card__media img{max-height:none}.case-engine-card__body{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;padding:clamp(1.5rem,3vw,3rem);display:flex}.case-engine-card__body>*{min-width:0;max-width:100%}.case-engine-card__body .type-explanation,.case-related__knowledge .type-explanation{overflow-wrap:anywhere}.case-engine-card__body .type-section{overflow-wrap:anywhere;max-width:18ch}.case-engine-card__body .type-section a,.case-related__knowledge .type-section a{color:inherit;text-underline-offset:.18em;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:.08em}.case-engine-card__body .type-section a:is(:hover,:focus-visible),.case-related__knowledge .type-section a:is(:hover,:focus-visible){text-decoration-color:currentColor}.case-engine-card__services{gap:.35rem var(--space-1);padding:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--type-detail-size);flex-wrap:wrap;margin:auto 0 0;list-style:none;display:flex}.case-engine-card__services li:not(:last-child):after{content:" ·"}.case-engine-story{padding-block:var(--space-section-open)}.case-engine-story__grid{align-items:start}.case-engine-story__grid--condensed{grid-template-columns:minmax(0, var(--measure-reading));justify-content:center}.case-engine-toc{min-width:0;border-block-end:1px solid var(--color-line);padding-block-end:var(--space-3)}.case-engine-toc ol{margin:var(--space-2) 0 0;gap:.2rem;padding:0;list-style:none;display:grid}.case-engine-toc a{align-items:center;gap:var(--space-1);min-height:2.75rem;color:var(--color-text-secondary);font-size:var(--type-detail-size);grid-template-columns:2rem minmax(0,1fr);padding-block:.45rem;line-height:1.4;text-decoration:none;display:grid}.case-engine-toc a span{color:var(--color-brand-blue-deep);font-weight:720}.case-engine-toc a:is(:hover,:focus-visible),.case-engine-toc a[aria-current=location]{color:var(--color-text-primary)}.case-engine-toc a[aria-current=location]{font-weight:720}.case-engine-prose{min-width:0;max-width:var(--measure-reading)}.case-engine-prose>:first-child{margin-block-start:0}.case-engine-prose h2{max-width:18ch;margin:var(--space-5) 0 var(--space-2);font:540 max(1.5rem, calc(var(--type-section-size) - 1rem)) / 1.04 var(--font-display);letter-spacing:-.05em;text-wrap:balance;overflow-wrap:anywhere;scroll-margin-block-start:8rem}.case-engine-prose h2:first-child{margin-block-start:0}.case-engine-prose h3{max-width:28ch;margin:var(--space-4) 0 var(--space-2);font:540 var(--type-lead-size) / 1.2 var(--font-display);letter-spacing:-.035em}.case-engine-prose :is(p,ul,ol,blockquote){max-width:var(--measure-reading);margin-block:0 var(--space-2);font-size:var(--type-body-size);line-height:1.68}.case-engine-prose :is(ul,ol){padding-inline-start:1.25em}.case-engine-prose :is(a,code){overflow-wrap:anywhere}.case-module{padding-block:var(--space-section-open);border-block-start:1px solid var(--color-line);scroll-margin-block-start:7rem}.case-module__inner{width:min(calc(100% - 2 * var(--gutter)), var(--container-content));margin-inline:auto}.case-module .type-section,.case-module .type-lead,.case-module .type-meta{overflow-wrap:anywhere}.case-module__inner>.type-section+*,.case-module__heading-split+*{margin-block-start:var(--space-4)}.case-module__heading-split{gap:var(--space-3);display:grid}.case-module__heading-split .type-section,.case-module__inner--split .type-section{margin-block-start:var(--space-2)}.case-module__inner--split .type-lead{margin-block-start:var(--space-3)}.case-module--media,.case-module--legacy-media,.case-module--evidence,.case-module--metrics{background:var(--color-surface)}.case-module-facts,.case-module-metrics{background:var(--color-line);gap:1px;margin:0;display:grid}.case-module-facts>div,.case-module-metrics>div{min-width:0;padding:var(--space-3);background:var(--color-background)}.case-module-facts dt,.case-module-metrics dt{color:var(--color-text-secondary);font-size:var(--type-detail-size);letter-spacing:.12em;text-transform:uppercase;font-weight:720}.case-module-facts dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-size:var(--type-body-size);line-height:1.6}.case-module-evidence{background:var(--color-line);gap:1px;margin:0;padding:1px;list-style:none;display:grid}.case-module-evidence li{align-content:start;gap:var(--space-2);padding:var(--space-3);background:var(--color-background);display:grid}.case-module-metrics__value{margin:0 0 var(--space-2);overflow-wrap:anywhere;font:520 var(--type-page-size) / 1 var(--font-display);letter-spacing:-.055em}.case-module-metrics .type-caption{margin:var(--space-2) 0 0}.case-module-comparison{background:var(--color-line);gap:1px;display:grid}.case-module-comparison section{min-width:0;padding:var(--space-3);background:var(--color-background)}.case-module-comparison h3,.case-module-decision h3{font:540 var(--type-lead-size) / 1.2 var(--font-display);letter-spacing:-.035em;margin:0}.case-module-comparison ul{margin:var(--space-2) 0 0;padding-inline-start:1.2em}.case-module-comparison .type-caption{max-width:none;padding:var(--space-2) var(--space-3);background:var(--color-background);grid-column:1/-1;margin:0}.case-module-quote{max-width:74rem;margin:0}.case-module-quote>p{font:510 clamp(1.8rem, 1.35rem + 2.1vw, 4.5rem) / 1.08 var(--font-display);letter-spacing:-.055em;margin:0}.case-module-quote footer{color:var(--color-text-secondary);font-size:var(--type-detail-size);gap:.2rem;margin-block-start:var(--space-3);display:grid}.case-module-quote footer strong{color:var(--color-text-primary)}.case-module-decision>.type-lead{margin-block-end:var(--space-3)}.case-module-decision__options{background:var(--color-line);gap:1px;display:grid}.case-module-decision__options article{padding:var(--space-3);background:var(--color-background)}.case-module-decision__options article[data-selected=true]{border-inline-start:.25rem solid var(--color-brand-blue-deep)}.case-module-decision__options p,.case-module-decision__rationale{max-width:var(--measure-explanation);margin:var(--space-2) 0 0;color:var(--color-text-secondary);line-height:1.62}.case-module-decision__rationale{border-block-start:1px solid var(--color-line);padding-block-start:var(--space-3)}.case-module-media>.type-lead{margin-block-end:var(--space-4)}.case-module-media__grid{gap:var(--space-3);display:grid}.case-module-media__grid figure{min-width:0;margin:0}.case-module-media__frame{border:1px solid var(--color-line);background:var(--color-background);place-items:center;min-height:clamp(18rem,50vw,42rem);padding:clamp(.75rem,2.5vw,2.5rem);display:grid}.case-module-media__frame img{object-fit:contain;width:100%;max-height:62rem}.case-media--portrait .case-module-media__frame img{width:auto;max-height:46rem}.case-module-media__grid figcaption{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--type-detail-size);padding-block-start:var(--space-1);line-height:1.55;display:flex}.case-module-media__grid figcaption span{color:var(--color-brand-blue-deep);font-weight:720}.case-module--product-story{background:var(--color-surface);overflow:clip}.case-product-story>.type-lead{margin-block-end:clamp(var(--space-5), 8vw, 8rem)}.case-product-story__sequence{gap:clamp(5rem, 10vw, 11rem) var(--space-4);display:grid}.case-product-story__sequence figure{min-width:0;margin:0}.case-product-story__caption{gap:var(--space-1);max-width:40rem;margin-block-end:clamp(1.25rem,2.5vw,2.5rem);display:grid}.case-product-story__caption .type-meta{align-items:baseline;gap:var(--space-1);color:var(--color-text-secondary);display:flex}.case-product-story__caption .type-meta>span{min-width:2ch;color:var(--color-brand-blue-deep)}.case-product-story__caption strong{font:540 clamp(1.65rem, 1.35rem + 1.25vw, 2.8rem) / 1.08 var(--font-display);letter-spacing:-.045em;text-wrap:balance;display:block}.case-product-story__sequence figure[data-product-role=support] .case-product-story__caption{margin-block-end:var(--space-2)}.case-product-story__sequence figure[data-product-role=support] .case-product-story__caption strong{font-size:clamp(1.25rem,1.08rem + .7vw,1.8rem);line-height:1.14}#mitarbeiterplattform-im-einsatz .case-product-browser__viewport{aspect-ratio:1910/1021;background:#fff}#mitarbeiterplattform-im-einsatz .case-product-browser__viewport img{object-fit:contain;object-position:center}#mitarbeiterplattform-im-einsatz .case-media--portrait .case-product-browser{width:min(100%,32rem);margin-inline:auto}#mitarbeiterplattform-im-einsatz .case-media--portrait .case-product-browser__viewport{aspect-ratio:1179/2556}#gamification-im-produkt .case-product-story__caption{width:min(100%,31rem);margin-inline:auto}#gamification-im-produkt .case-product-story__sequence>figure:nth-child(2n) .case-product-phone,#gamification-im-produkt .case-product-story__sequence>figure:nth-child(2n) .case-product-story__caption{width:min(100%,27rem)}.case-module-architecture>.type-lead{margin-block-end:var(--space-4)}.case-module-architecture ol,.case-architecture-flow{background:var(--color-line);counter-reset:architecture;grid-template-columns:minmax(0,1fr);gap:1px;margin:0;padding:1px;list-style:none;display:grid}.case-module-architecture li,.case-architecture-flow li{justify-content:space-between;gap:var(--space-2);min-width:0;min-height:9rem;padding:var(--space-2);overflow-wrap:anywhere;background:var(--color-background);font:520 var(--type-lead-size) / 1.2 var(--font-display);letter-spacing:-.035em;counter-increment:architecture;flex-direction:column;display:flex}.case-module-architecture li:before,.case-architecture-flow li:before{content:counter(architecture, decimal-leading-zero);color:var(--color-brand-blue-deep);font:720 var(--type-detail-size) / 1 var(--font-body);letter-spacing:.12em}.case-module-callout{max-width:var(--container-compact);padding:var(--space-3);border-inline-start:.25rem solid var(--color-brand-blue-deep);background:var(--color-surface)}.case-module-callout[data-tone=boundary]{border-color:var(--color-warning)}.case-module-callout[data-tone=result]{border-color:var(--color-success)}.case-related{border-block-start:1px solid var(--color-line)}.case-related__heading{gap:var(--space-2);margin-block-end:var(--space-4);display:grid}.case-related__group+.case-related__group{margin-block-start:var(--space-5)}.case-related__group>.type-meta{border-block-end:1px solid var(--color-line);padding-block-end:var(--space-2)}.case-related__cases,.case-related__knowledge{background:var(--color-line);gap:1px;display:grid}.case-related .case-engine-card--text,.case-related__knowledge article{min-width:0;padding:var(--space-3);background:var(--color-background)}.case-related .case-engine-card--text .case-engine-card__body{height:100%;padding:0}.case-related__knowledge article{align-content:start;gap:var(--space-2);display:grid}.case-related__knowledge .type-section{font-size:var(--type-lead-size)}.case-engine-pagination{width:min(calc(100% - 2 * var(--gutter)), var(--container-content));background:var(--color-line);gap:1px;margin-inline:auto;padding-block-end:var(--space-section-compact);display:grid}.case-engine-pagination>span{display:none}.case-engine-pagination__link{justify-content:space-between;gap:var(--space-2);min-width:0;min-height:9rem;padding:var(--space-3);color:var(--color-text-primary);background:var(--color-background);flex-direction:column;text-decoration:none;display:flex}.case-engine-pagination__link strong{overflow-wrap:anywhere;font:520 var(--type-lead-size) / 1.2 var(--font-display);letter-spacing:-.035em}.case-engine-pagination__link--next{text-align:end}.case-engine-pagination__link:is(:hover,:focus-visible){background:var(--color-surface)}@media (width>=48rem){.case-filters fieldset,.case-engine-grid,.case-module-facts,.case-module-metrics,.case-module-comparison,.case-module-evidence,.case-module-decision__options,.case-module-media__grid,.case-related__cases,.case-related__knowledge,.case-engine-pagination{grid-template-columns:repeat(2,minmax(0,1fr))}.case-filters fieldset{align-items:end}.case-filters__reset{align-self:end}.case-engine-card__media{min-height:clamp(18rem,28vw,30rem)}.case-module-media__grid>figure:first-child:not(.case-media--portrait){grid-column:1/-1}.case-module-architecture ol,.case-architecture-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.case-module__heading-split{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:end}.case-engine-pagination>span{background:var(--color-background);min-height:9rem;display:block}}@media (width>=64rem){.case-engine-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);align-items:end}.case-engine-story__grid{gap:var(--space-5);grid-template-columns:minmax(13rem,.65fr) minmax(0,2.35fr)}.case-engine-story__grid--condensed{grid-template-columns:minmax(0, var(--measure-reading))}.case-engine-toc{overscroll-behavior:contain;max-height:calc(100vh - 9rem);position:sticky;top:7.5rem;overflow-y:auto}.case-module__inner--split{grid-template-columns:minmax(0,1fr) minmax(24rem,1fr);align-items:center}.case-filters fieldset{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.case-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-module-facts,.case-module-metrics,.case-module-evidence{grid-template-columns:repeat(3,minmax(0,1fr))}.case-product-story__sequence{grid-template-columns:repeat(12,minmax(0,1fr))}.case-product-story__sequence figure[data-product-role=chapter]{grid-column:1/-1}.case-product-story__sequence>figure:nth-child(5){grid-column:1/8}.case-product-story__sequence>figure:nth-child(6){grid-column:8/-1;margin-block-start:clamp(5rem,9vw,9rem)}.case-product-story__sequence>figure:nth-child(7){grid-column:3/11}#mitarbeiterplattform-im-einsatz .case-product-story__sequence>figure:nth-child(4){grid-column:1/8}#mitarbeiterplattform-im-einsatz .case-product-story__sequence>figure:nth-child(5){grid-column:8/-1;margin-block-start:clamp(5rem,9vw,9rem)}#mitarbeiterplattform-im-einsatz .case-product-story__sequence>figure:nth-child(6){grid-column:3/11;margin-block-start:0}#gamification-im-produkt .case-product-story__sequence>figure:first-child{grid-column:1/8}#gamification-im-produkt .case-product-story__sequence>figure:nth-child(2){grid-column:8/-1;margin-block-start:clamp(5rem,9vw,9rem)}#gamification-im-produkt .case-product-story__sequence>figure:nth-child(3){grid-column:1/9}#gamification-im-produkt .case-product-story__sequence>figure:nth-child(4){grid-column:8/-1;margin-block-start:clamp(4rem,8vw,8rem)}}@media (prefers-reduced-motion:no-preference){.case-engine-card__media img{transition:transform var(--motion-context) var(--motion-ease)}.case-engine-card:hover .case-engine-card__media img{transform:scale(1.008)}.case-engine-card__body .type-section a,.case-related__knowledge .type-section a,.case-engine-pagination__link{transition:color var(--motion-immediate) var(--motion-ease), background-color var(--motion-immediate) var(--motion-ease), text-decoration-color var(--motion-immediate) var(--motion-ease)}}@media (prefers-reduced-motion:reduce){.case-engine-card__media img,.case-engine-card__body .type-section a,.case-related__knowledge .type-section a,.case-engine-pagination__link{transition:none}}
