.start{--section-y:clamp(48px, 7.5vw, 120px)}.start #projekte{padding-top:var(--section-y)}.hero{background:linear-gradient(102deg,#fff 0%,#fbfcff 30%,#e3edfc 56%,#d2e2f8 78%,#c9dbf4 100%);position:relative;overflow:hidden}.hero__grid{column-gap:var(--gap);min-height:clamp(640px, calc(100svh - var(--header-h)), 860px);grid-template-rows:1fr auto auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));padding-block:clamp(32px,4vw,56px);display:grid;position:relative}.hero__copy{z-index:3;grid-column:1/span 6;position:relative}.hero__kopf{grid-row:2}.hero__rest{flex-direction:column;grid-row:3;align-items:flex-start;display:flex}.hero__rest .hero__lede{order:-1}.hero .eyebrow{margin-bottom:clamp(18px,2vw,28px)}.hero__title{letter-spacing:-.045em;text-wrap:balance;max-width:15ch;font-size:clamp(2.6rem,.9rem + 3.5vw,4.5rem);font-weight:640;line-height:.98}.hero__title span{color:var(--accent);display:block}.hero__lede{max-width:31rem;color:var(--ink-2);margin-top:clamp(20px,2vw,28px);font-size:clamp(1.0625rem,.98rem + .3vw,1.25rem)}.hero__actions{margin-top:clamp(24px,2.4vw,34px)}.hero .direkt{margin-top:16px}.hero .btn--ghost{--btn-bg:#fff9}.hero .btn--ghost:hover{--btn-bg:var(--ink)}.hero-robot{--zoom:.92;--ox:.14;--oy:0;--frame-ratio:1.196;z-index:1;width:50%;position:absolute;top:0;bottom:0;right:0;container-type:size}.hero-robot:before{content:"";background:radial-gradient(42% 34% at calc(50% + var(--ox) * 100%) 30%, #ffffffeb 0%, #fff0 100%);pointer-events:none;position:absolute;inset:0}.hero-robot__poster{left:calc(50% + var(--ox) * 100%);bottom:calc(var(--oy) * -100%);height:calc(var(--zoom) * min(100cqh, 100cqw * var(--frame-ratio)));width:auto;max-width:none;aspect-ratio:1 / var(--frame-ratio);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;translate:-50%}.hero-robot canvas{opacity:0;transition:opacity .6s var(--ease)}.hero-robot.is-live canvas{opacity:1}.hero-robot.is-live .hero-robot__poster{opacity:0;transition:opacity 0s .6s}.hero-robot:focus{outline:none}.hero-robot__ring{z-index:5;outline:2px solid var(--accent);outline-offset:2px;opacity:0;pointer-events:none;border-radius:26px;transition:opacity .15s;position:absolute}.hero-robot:focus-visible .hero-robot__ring{opacity:1}.hero-gruss{z-index:4;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;background:var(--surface);opacity:0;transform-origin:0 100%;transition:opacity .5s var(--ease), transform .5s var(--ease);pointer-events:none;border:1px solid #0b1b331f;border-radius:16px 16px 16px 5px;margin:0;padding:9px 15px 10px;font-size:.9375rem;font-weight:560;line-height:1.25;position:absolute;top:0;left:0;transform:translateY(6px)scale(.96);box-shadow:0 1px #0b1b330a,0 16px 32px -20px #102a5280}.hero-gruss:after{content:"";background:var(--surface);border-bottom:1px solid #0b1b331f;border-right:1px solid #0b1b331f;border-radius:0 0 2px;width:11px;height:11px;position:absolute;bottom:-6px;left:13px;transform:rotate(45deg)}.hero-gruss.is-da{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hero-gruss{transition:opacity .3s;transform:none}}@media (width>=1500px){.hero-robot{-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(90deg,#000 93%,#0000 100%);mask-image:linear-gradient(#000,#000),linear-gradient(90deg,#000 93%,#0000 100%);-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% 60%,100% 40%;mask-size:100% 60%,100% 40%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}@media (width>=1100px) and (width<=1299px){.hero__title{font-size:clamp(2.6rem,.6rem + 3.4vw,3.6rem)}.hero__lede{max-width:25rem;font-size:1.0625rem}.hero__actions .btn--lg{min-height:52px;padding:0 20px;font-size:1rem}}@media (width<=1099px){.hero{background:linear-gradient(#fff 0,#eef4fd 130px,#dbe8f9 290px,#d4e4f8 100%)}.hero__grid{flex-direction:column;align-items:stretch;min-height:0;padding-top:clamp(18px,3vw,36px);padding-bottom:32px;display:flex}.hero .eyebrow{margin-bottom:12px}.hero__title{max-width:14ch;font-size:clamp(2.35rem,1.3rem + 4.4vw,4rem)}.hero__rest .hero__lede{order:3;max-width:40rem;margin-top:22px}.hero-robot{--zoom:1.32;--ox:0;--oy:.3;width:auto;height:clamp(280px,38vh,420px);margin-top:4px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.hero-gruss{display:none}.hero__rest{margin-top:18px}.hero__actions{margin-top:0}}@media (width>=640px) and (width<=1099px){.hero-robot{height:clamp(320px,42vh,460px)}}@media (width<=639px){.hero .eyebrow{letter-spacing:.03em;font-size:.6875rem}.hero__actions{align-self:stretch}.hero__actions .btn{justify-content:center;width:100%}.hero__lede{display:none}}@media (width<=380px){.hero-robot{height:clamp(240px,34vh,300px)}}.leistungen{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.2vw,20px);display:grid}.leistung{--f-bg:var(--eis);--f-fg:var(--ink);--f-text:var(--ink-2);--f-akzent:var(--accent);--f-linie:#0b1b332e;background:var(--f-bg);color:var(--f-fg);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:4px;flex-direction:column;padding:clamp(24px,3vw,48px);display:flex;position:relative}.leistung--blau{--f-bg:var(--blau);--f-fg:#fff;--f-text:#fff;--f-akzent:#fff;--f-linie:#ffffff61}.leistung--marine{--f-bg:var(--marine);--f-fg:#fff;--f-text:#dbe4f2;--f-akzent:var(--auf-dunkel);--f-linie:#ffffff38}.leistung:hover{transform:translateY(-3px);box-shadow:0 26px 50px -34px #0b1b338c}.leistung__oben{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:auto;padding-bottom:32px;display:flex}.leistung__no{font-family:var(--font-mono);letter-spacing:.06em;color:var(--f-akzent);font-size:.875rem;font-weight:600}.leistung__schema{flex:none;width:clamp(170px,15vw,236px)}.leistung__titel{letter-spacing:-.042em;color:var(--f-fg);font-size:clamp(2rem,1.15rem + 2.1vw,3.25rem);font-weight:640;line-height:1}.leistung__satz{max-width:32ch;color:var(--f-text);margin-top:14px;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.45}.leistung__punkte{max-width:30rem;margin-top:22px}.leistung__punkte li{border-top:1px solid var(--f-linie);font-size:var(--fs-small);color:var(--f-fg);padding:9px 0 9px 20px;font-weight:520;line-height:1.4;position:relative}.leistung__punkte li:before{content:"";background:var(--f-akzent);width:6px;height:6px;position:absolute;top:calc(9px + .5em);left:0}.leistung__link{color:var(--f-fg);border-bottom:1.5px solid;align-self:flex-start;align-items:center;gap:.5em;margin-top:22px;padding-bottom:3px;font-weight:620;display:inline-flex}.leistung__link .ico{transition:transform var(--dur) var(--ease)}.leistung__link:after{content:"";border-radius:4px;position:absolute;inset:0}.leistung:hover .leistung__link .ico{transform:translate(4px)}.leistung__link:focus-visible{outline:none}.leistung__link:focus-visible:after{outline:2px solid var(--accent);outline-offset:3px}@media (width>=761px){.leistung{grid-row:span 5;grid-template-rows:subgrid;align-content:start;row-gap:0;display:grid}.leistung__oben{margin-bottom:0;padding-bottom:clamp(48px,5vw,88px)}.leistung__satz,.leistung__punkte{align-self:start}.leistung__link{place-self:end start}}.leistung .schema .ln{stroke:var(--f-linie)}.leistung .schema .ln-strong{stroke:var(--f-fg);stroke-opacity:.75}.leistung:hover .schema .ln-strong{stroke:var(--f-fg);stroke-opacity:1}.leistung .schema .ln-blue{stroke:var(--f-akzent)}.leistung .schema .paper{fill:var(--f-bg)}.leistung .schema .fill-ink{fill:var(--f-fg);fill-opacity:.85}.leistung .schema .fill-soft{fill:var(--f-linie)}.leistung .schema .fill-blue{fill:var(--f-akzent)}.leistung .schema .lbl{fill:var(--f-text)}.leistung .schema .lbl-strong{fill:var(--f-fg)}.leistung .schema .hatch{fill:url(#dw-schraffur-eis)}.leistung--blau .schema .hatch,.leistung--marine .schema .hatch{fill:url(#dw-schraffur-hell)}.leistung--blau .schema .fill-blue{fill:var(--marine)}.leistung--blau .schema .ln-blue{stroke:var(--marine)}@media (width<=900px){.leistung__schema{width:150px}}@media (width<=760px){.leistungen{grid-template-columns:1fr}.leistung{padding:22px 20px 24px}.leistung:hover{box-shadow:none;transform:none}.leistung__schema{display:none}.leistung__oben{padding:0;position:absolute;top:26px;right:20px}.leistung__titel{font-size:2rem}.leistung__satz{margin-top:10px;font-size:1.0625rem}.leistung__punkte{margin-top:16px}.leistung__punkte li{padding:7px 0 7px 20px}.leistung__punkte li:before{top:calc(7px + .5em)}.leistung__link{margin-top:16px}}.projekt{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:28px;display:grid}.projekt+.projekt{margin-top:clamp(64px,7vw,112px)}.projekt--gross .projekt__text{grid-column:1/span 4}.projekt--gross .projekt__bild{grid-column:5/span 8}.projekt--rechts .projekt__text{grid-area:1/9/auto/span 4}.projekt--rechts .projekt__bild{grid-area:1/1/auto/span 8}.projekt__tag{border-top:2px solid var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);padding-top:14px;font-size:.75rem;font-weight:560;display:inline-block}.projekt__titel{letter-spacing:-.038em;text-wrap:balance;margin-top:16px;font-size:clamp(1.75rem,1.15rem + 1.6vw,2.65rem);font-weight:640;line-height:1.04}.projekt__satz{color:var(--ink-2);max-width:34rem;margin-top:14px}.projekt__daten{gap:14px 36px;margin-top:22px}.projekt__daten dd{font-weight:580}.projekt__punkte{margin-top:20px}.projekt__punkte li{border-top:1px solid var(--line);font-size:var(--fs-small);padding:9px 0 9px 20px;font-weight:520;position:relative}.projekt__punkte li:last-child{border-bottom:1px solid var(--line)}.projekt__punkte li:before{content:"";background:var(--accent);width:6px;height:6px;position:absolute;top:calc(9px + .55em);left:0}.projekt__links{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:26px;display:flex}.projekt--klein .link-arrow{margin-top:22px}.projekt--rechts .buehne__browser img{aspect-ratio:1500/1060}.projekt--klein{border-top:1px solid var(--line);align-items:start;padding-top:clamp(28px,3vw,40px)}.projekt--klein .projekt__text{grid-column:1/span 5}.projekt--klein .projekt__bild{grid-column:7/span 6}.projekt--klein .projekt__tag{border-top:0;padding-top:0}.projekt__skizze figcaption{color:var(--ink-3);margin-top:12px;font-size:.6875rem}.projekt__skizze .sketch{border-color:#1f5eff47;box-shadow:0 24px 48px -36px #0b1b3373}@media (width<=1100px){.projekt--gross .projekt__text,.projekt--rechts .projekt__text{grid-area:auto/1/auto/span 5}.projekt--gross .projekt__bild,.projekt--rechts .projekt__bild{grid-area:auto/6/auto/span 7}}@media (width<=900px){.projekt--gross .projekt__text,.projekt--rechts .projekt__text,.projekt--gross .projekt__bild,.projekt--rechts .projekt__bild,.projekt--klein .projekt__text,.projekt--klein .projekt__bild{grid-area:auto/1/auto/-1}.projekt--rechts .projekt__text{order:-1}}@media (width<=640px){.projekt+.projekt{margin-top:56px}.projekt__skizze{display:none}}#ablauf .steps{row-gap:36px}#fragen .sec-head--side .sec-intro{margin-top:18px}#kontakt .contact{row-gap:40px}#kontakt .contact__direct{scroll-margin-top:calc(var(--header-h) + 24px);grid-column:1/span 5}#kontakt .form{grid-column:7/span 6}#kontakt .contact__lead{margin-bottom:32px}#kontakt .contact__list a{font-weight:560}#kontakt .contact__big{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.6rem);line-height:1.1;font-weight:640!important}#kontakt .contact__list address{font-size:var(--fs-body)}@media (width<=900px){#kontakt .contact__direct,#kontakt .form{grid-column:1/-1}}@media (width<=639px){.start .sec-head{margin-bottom:28px}#leistungen .sec-intro{display:none}.leistung__titel{padding-right:40px;font-size:1.875rem}.leistung__satz{font-size:1rem}.projekt{row-gap:22px}.projekt__satz{font-size:1rem}.projekt__titel{margin-top:12px}.projekt__punkte li{padding:7px 0 7px 20px}.projekt__punkte li:before{top:calc(7px + .55em)}.projekt__daten{margin-top:16px}.projekt__links{gap:12px 18px;margin-top:18px}.projekt__links .btn{min-height:44px;padding:0 14px;font-size:.9375rem}.projekt__links .link-arrow{font-size:.9375rem}#kontakt .contact{row-gap:32px}#kontakt .contact__lead{margin-bottom:20px}#kontakt .contact__list li{padding:11px 0}#kontakt .contact__list li+li{grid-template-columns:6.25rem 1fr;align-items:baseline;gap:10px}#kontakt .contact__list li+li .contact__k{font-size:.6875rem}#kontakt .form{gap:18px;padding:20px 18px 22px}#kontakt .form__row--2{gap:18px}#kontakt .form__row--2+.form__row--2{grid-template-columns:1fr 1fr;gap:12px}#kontakt .field textarea{min-height:120px}}