@font-face{font-family: "Adventor";src: url("../fonts/texgyreadventor-bold.woff") format("woff");font-weight: 700;font-display: swap}@font-face{font-family: "Adventor";src: url("../fonts/texgyreadventor-regular.woff") format("woff");font-weight: 400;font-display: swap}@font-face{font-family: "Heros";src: url("../fonts/texgyreheros-regular.woff") format("woff");font-weight: 400;font-display: swap}@font-face{font-family: "Heros";src: url("../fonts/texgyreheros-italic.woff") format("woff");font-weight: 400;font-style: italic;font-display: swap}@font-face{font-family: "Heros";src: url("../fonts/texgyreheros-bold.woff") format("woff");font-weight: 700;font-display: swap}:root{--kobalt: #2236e0;--kobalt-tief: #1727b3;--tinte: #10142e;--papier: #f2f3f7;--weiss: #ffffff;--linie: #dadde8;--grau: #555a73;--signal: #ffc21a;--display: "Adventor","Avant Garde","Century Gothic","Futura",sans-serif;--text: "Heros","Helvetica Neue",Helvetica,Arial,sans-serif;--max: 1240px;--gutter: clamp(16px,4vw,40px);--section: clamp(72px,10vw,140px);--radius: 14px}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 90px}body{margin: 0;font-family: var(--text);font-size: 1.0625rem;line-height: 1.6;color: var(--tinte);background: var(--weiss);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,svg{display: block;max-width: 100%}a{color: inherit}p{margin: 0 0 1em}h1,h2,h3,h4{overflow-wrap: break-word;hyphens: auto;font-family: var(--display);font-weight: 700;margin: 0;letter-spacing: -0.03em;line-height: 1.02}:focus-visible{outline: 3px solid var(--signal);outline-offset: 3px;border-radius: 4px}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: 12px;top: -60px;background: var(--signal);color: var(--tinte);padding: 10px 16px;z-index: 100;font-weight: 700;border-radius: 8px}.skip:focus{top: 12px}.wrap{width: 100%;max-width: var(--max);margin: 0 auto;padding: 0 var(--gutter)}.section{padding: var(--section) 0}.section--papier{background: var(--papier)}.section--tinte{background: var(--tinte);color: var(--weiss)}.h1{font-size: clamp(2.6rem,7.6vw,7rem);letter-spacing: -0.045em;line-height: 0.96}.h2{font-size: clamp(2rem,4.6vw,3.75rem);letter-spacing: -0.04em}.h3{font-size: clamp(1.25rem,1.8vw,1.5rem);letter-spacing: -0.02em;line-height: 1.15}.lead{font-size: clamp(1.125rem,1.6vw,1.3rem);line-height: 1.55;max-width: 38em}.muted{color: var(--grau)}.measure{max-width: 64ch}.section-head{display: grid;grid-template-columns: 1fr;gap: 20px;margin-bottom: clamp(40px,6vw,72px)}.section-head p{margin: 0;color: var(--grau);max-width: 36em;font-size: 1.125rem}@media (min-width: 900px){.section-head{grid-template-columns: 1.1fr 0.9fr;align-items: end;gap: 48px}}.btn{display: inline-flex;align-items: center;gap: 10px;font-family: var(--display);font-weight: 700;font-size: 1rem;letter-spacing: -0.01em;padding: 16px 26px;border-radius: 999px;text-decoration: none;border: 2px solid transparent;transition: background-color .2s,color .2s,border-color .2s;cursor: pointer;line-height: 1.1}.btn--signal{background: var(--signal);color: var(--tinte)}.btn--signal:hover{background: var(--weiss)}.btn--kobalt{background: var(--kobalt);color: var(--weiss)}.btn--kobalt:hover{background: var(--kobalt-tief)}.btn--ghost{border-color: currentColor;color: inherit;background: transparent}.btn--ghost:hover{background: var(--weiss);color: var(--tinte);border-color: var(--weiss)}.section .btn--ghost:hover{background: var(--tinte);color: var(--weiss);border-color: var(--tinte)}.btn-row{display: flex;flex-wrap: wrap;gap: 12px}.btn svg{width: 18px;height: 18px}.site-header{position: sticky;top: 0;z-index: 50;background: var(--kobalt);color: var(--weiss);transition: box-shadow .2s}.site-header.is-scrolled{box-shadow: 0 1px 0 rgba(255,255,255,.15)}.header-inner{display: flex;align-items: center;justify-content: space-between;height: 76px;gap: 24px}.logo{display: inline-flex;align-items: center;flex: none;border-radius: 6px}.logo img{height: 48px;width: auto}.logo--foot img{height: 60px}@media (max-width: 480px){.logo img{height: 42px}}.nav{display: flex;align-items: center;gap: 4px}.nav>a,.nav-drop>button{font-family: var(--display);font-weight: 700;font-size: .98rem;letter-spacing: -0.01em;text-decoration: none;color: inherit;padding: 10px 14px;border-radius: 999px;background: none;border: 0;cursor: pointer}.nav>a:hover,.nav-drop>button:hover,.nav>a[aria-current="page"]{background: rgba(255,255,255,.14)}.nav .btn{margin-left: 10px;padding: 12px 20px}.nav>a.btn--signal,.nav>a.btn--signal:hover{background: var(--signal);color: var(--tinte)}.nav>a.btn--signal:hover{background: var(--weiss)}.nav-drop{position: relative}.nav-drop>button::after{content: "";display: inline-block;width: 7px;height: 7px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg) translate(-2px,-2px);margin-left: 9px}.drop{position: absolute;top: calc(100% + 8px);left: -8px;min-width: 300px;background: var(--weiss);color: var(--tinte);border-radius: var(--radius);padding: 10px;box-shadow: 0 24px 60px rgba(16,20,46,.22);opacity: 0;visibility: hidden;transform: translateY(-4px);transition: opacity .15s,transform .15s,visibility .15s}.drop::before{content: "";position: absolute;top: -10px;left: 0;right: 0;height: 10px}.nav-drop:hover .drop,.nav-drop:focus-within .drop,.nav-drop.is-open .drop{opacity: 1;visibility: visible;transform: none}.drop a{display: block;padding: 10px 14px;border-radius: 10px;text-decoration: none}.drop a strong{display: block;font-family: var(--display);font-size: 1rem;letter-spacing: -0.01em}.drop a span{display: block;font-size: .875rem;color: var(--grau);line-height: 1.35}.drop a:hover{background: var(--papier)}.drop a.drop-all{border-top: 1px solid var(--linie);border-radius: 0 0 10px 10px;margin-top: 6px;font-family: var(--display);font-weight: 700;font-size: .95rem;color: var(--kobalt)}.menu-btn{display: none;background: none;border: 2px solid rgba(255,255,255,.5);color: inherit;border-radius: 999px;padding: 9px 16px;font-family: var(--display);font-weight: 700;font-size: .95rem;cursor: pointer}@media (max-width: 1100px){.menu-btn{display: inline-flex}.nav{position: fixed;inset: 76px 0 0 0;background: var(--kobalt);flex-direction: column;align-items: stretch;gap: 0;padding: 12px var(--gutter) 40px;overflow-y: auto;display: none}.nav.is-open{display: flex}.nav>a,.nav-drop>button{font-size: 1.6rem;padding: 14px 0;border-radius: 0;border-bottom: 1px solid rgba(255,255,255,.18);text-align: left;width: 100%}.nav>a:hover,.nav-drop>button:hover{background: none}.nav-drop>button::after{display: none}.drop{position: static;opacity: 1;visibility: visible;transform: none;background: none;color: inherit;box-shadow: none;padding: 4px 0 12px;min-width: 0}.drop a{padding: 8px 0}.drop a span{color: rgba(255,255,255,.72)}.drop a:hover{background: none;text-decoration: underline}.drop a.drop-all{color: var(--signal);border-top: 0}.nav .btn{margin: 24px 0 0;justify-content: center;font-size: 1.1rem}body.menu-open{overflow: hidden}}.hero{background: var(--kobalt);color: var(--weiss);padding: clamp(48px,8vw,110px) 0 0;overflow: hidden}.hero .h1{max-width: 11.5em}.hero-bottom{display: grid;gap: 32px;margin-top: clamp(32px,4vw,56px)}.hero-bottom .lead{margin: 0;color: rgba(255,255,255,.88)}@media (min-width: 900px){.hero-bottom{grid-template-columns: 1fr auto;align-items: end}}.live{margin-top: clamp(64px,9vw,120px);padding-bottom: clamp(40px,6vw,80px);position: relative}.live-label{display: flex;align-items: center;gap: 10px;font-family: var(--display);font-weight: 700;font-size: 1rem;margin-bottom: 16px;color: rgba(255,255,255,.8)}.dot{width: 10px;height: 10px;border-radius: 50%;background: var(--signal);box-shadow: 0 0 0 4px rgba(255,194,26,.25);flex: none}.live-list{list-style: none;margin: 0;padding: 0;border-top: 1px solid rgba(255,255,255,.25)}.live-list li{border-bottom: 1px solid rgba(255,255,255,.25)}.live-row{display: grid;grid-template-columns: 1fr auto;gap: 4px 24px;align-items: center;padding: 18px 0;text-decoration: none;color: inherit;position: relative}.live-row .domain{font-family: var(--display);font-weight: 700;font-size: clamp(1.35rem,3.6vw,2.9rem);letter-spacing: -0.045em;line-height: 1.05;transition: color .2s;overflow-wrap: anywhere}.live-row .branche{color: rgba(255,255,255,.75);font-size: .98rem;grid-column: 1}.live-row .arrow{grid-row: 1 / span 2;grid-column: 2;width: 44px;height: 44px;border-radius: 50%;border: 2px solid rgba(255,255,255,.45);display: grid;place-items: center;transition: background-color .2s,border-color .2s,color .2s}.live-row .arrow svg{width: 18px;height: 18px}.live-row:hover .domain,.live-row:focus-visible .domain{color: var(--signal)}.live-row:hover .arrow{background: var(--signal);border-color: var(--signal);color: var(--tinte)}@media (min-width: 760px){.live-row{grid-template-columns: 1fr minmax(180px,280px) auto}.live-row .branche{grid-column: 2;grid-row: 1}.live-row .arrow{grid-row: 1;grid-column: 3}}.peek{position: fixed;left: 0;top: 0;width: 360px;pointer-events: none;z-index: 40;opacity: 0;transform: translate(var(--x,0),var(--y,0)) scale(.96);transition: opacity .18s,transform .08s linear}.peek.is-on{opacity: 1;transform: translate(var(--x,0),var(--y,0)) scale(1)}.peek .mock{box-shadow: 0 30px 80px rgba(8,12,40,.45)}@media (hover: none),(max-width: 900px){.peek{display: none}}.page-hero{background: var(--kobalt);color: var(--weiss);padding: clamp(40px,7vw,96px) 0 clamp(56px,8vw,110px)}.crumbs{display: flex;flex-wrap: wrap;gap: 8px;font-size: .95rem;color: rgba(255,255,255,.75);margin-bottom: 28px;padding: 0;list-style: none}.crumbs a{text-decoration: none}.crumbs a:hover{text-decoration: underline}.crumbs li + li::before{content: "/";margin-right: 8px;opacity: .6}.page-hero .h1{font-size: clamp(2.5rem,6.4vw,5.8rem);max-width: 12em}.page-hero .lead{margin: 28px 0 36px;color: rgba(255,255,255,.88)}.mock{--m-bg: #333;--m-fg: #fff;--m-ac: #ffc21a;--m-page: #fff;--m-ink: #1a1a1a;container-type: inline-size;position: relative;border-radius: 12px;overflow: hidden;background: var(--m-page);box-shadow: 0 1px 0 rgba(16,20,46,.06),0 18px 50px rgba(16,20,46,.14);aspect-ratio: 16 / 10}.mock-bar{height: 7cqw;min-height: 22px;background: #e9ebf1;display: flex;align-items: center;gap: 1.2cqw;padding: 0 3cqw}.mock-bar i{width: 1.9cqw;height: 1.9cqw;min-width: 7px;min-height: 7px;border-radius: 50%;background: #c9ccd8}.mock-bar span{flex: 1;margin-left: 2cqw;height: 4cqw;min-height: 14px;background: #fff;border-radius: 99px;font-family: var(--text);font-size: max(2.3cqw,8px);line-height: 1;color: #6b6f85;display: flex;align-items: center;padding: 0 2.4cqw;white-space: nowrap;overflow: hidden}.mock-screen{position: absolute;inset: 7cqw 0 0;display: flex;flex-direction: column}.mock-nav{display: flex;align-items: center;gap: 2.4cqw;padding: 2.4cqw 4cqw;background: var(--m-nav,var(--m-page));color: var(--m-navfg,var(--m-ink));font-size: 2.4cqw}.mock-nav b{font-family: var(--m-font,var(--display));font-size: 2.8cqw;letter-spacing: -0.02em;margin-right: auto;white-space: nowrap}.mock-nav span{width: 6cqw;height: .8cqw;border-radius: 9px;background: currentColor;opacity: .35}.mock-nav em{font-style: normal;font-family: var(--text);font-weight: 700;font-size: 2cqw;padding: 1cqw 2cqw;border-radius: var(--m-r,99px);background: var(--m-ac);color: var(--m-acfg,#111);white-space: nowrap}.mock-hero{flex: 1;background: var(--m-bg);color: var(--m-fg);display: grid;grid-template-columns: 1.15fr .85fr;align-items: center;gap: 3cqw;padding: 4cqw 4cqw;position: relative;overflow: hidden}.mock-hero small{display: block;font-family: var(--text);font-size: 2cqw;opacity: .8;margin-bottom: 1.4cqw}.mock-hero strong{display: block;font-family: var(--m-font,var(--display));font-size: var(--m-h,4.6cqw);line-height: 1.04;letter-spacing: -0.03em;text-transform: var(--m-case,none)}.mock-lines{display: grid;gap: 1cqw;margin: 2.4cqw 0 2.6cqw}.mock-lines i{display: block;height: .9cqw;border-radius: 9px;background: currentColor;opacity: .28}.mock-lines i:nth-child(2){width: 82%}.mock-lines i:nth-child(3){width: 58%}.mock-btns{display: flex;gap: 1.4cqw}.mock-btns span{display: block;width: 14cqw;height: 4.4cqw;border-radius: var(--m-r,99px);background: var(--m-ac)}.mock-btns span + span{background: transparent;border: .35cqw solid currentColor;opacity: .7;width: 11cqw}.mock-visual{align-self: stretch;position: relative}.mock-visual svg{position: absolute;inset: 0;width: 100%;height: 100%}.mock-cards{display: grid;grid-template-columns: repeat(3,1fr);gap: 2cqw;padding: 2.6cqw 4cqw 3cqw;background: var(--m-page)}.mock-cards span{height: 7cqw;border-radius: 1.2cqw;background: var(--m-card,rgba(0,0,0,.06));position: relative}.mock-cards span::after{content: "";position: absolute;left: 1.6cqw;top: 1.6cqw;width: 3cqw;height: 3cqw;border-radius: 50%;background: var(--m-ac);opacity: .9}.mock>img{position: absolute;inset: 7cqw 0 0;width: 100%;height: calc(100% - 7cqw);object-fit: cover;object-position: top}.work-grid{display: grid;grid-template-columns: minmax(0,1fr);gap: clamp(40px,5vw,64px) clamp(24px,3vw,40px)}@media (min-width: 760px){.work-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.work-card{display: flex;flex-direction: column;gap: 22px;min-width: 0}.case>*,.split>*,.about>*{min-width: 0}.work-card .mock{transition: transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.work-card a.work-shot:hover .mock,.work-card a.work-shot:focus-visible .mock{transform: translateY(-6px);box-shadow: 0 1px 0 rgba(16,20,46,.06),0 30px 70px rgba(16,20,46,.22)}.work-shot{display: block;text-decoration: none;border-radius: 12px}.work-meta{display: grid;grid-template-columns: 1fr auto;gap: 8px 16px;align-items: start}.work-meta h3{grid-column: 1}.work-meta .where{grid-column: 1;color: var(--grau);margin: 0}.work-meta .visit{grid-column: 2;grid-row: 1 / span 2;font-family: var(--display);font-weight: 700;font-size: .95rem;color: var(--kobalt);text-decoration: none;white-space: nowrap;padding-top: 4px}.work-meta .visit:hover{text-decoration: underline}@media (max-width: 600px){.work-meta{grid-template-columns: 1fr}.work-meta .visit{grid-column: 1;grid-row: auto;padding-top: 0}}.tags{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;margin: 0;padding: 0}.tags li{font-size: .875rem;padding: 6px 12px;border-radius: 999px;background: var(--weiss);border: 1px solid var(--linie)}.section:not(.section--papier) .tags li{background: var(--papier);border-color: transparent}.work-card p.desc{margin: 0;max-width: 40em}.case{display: grid;gap: clamp(28px,4vw,64px);padding: clamp(48px,7vw,96px) 0;border-top: 1px solid var(--linie)}.case:first-child{border-top: 0;padding-top: 0}@media (min-width: 900px){.case{grid-template-columns: 1.15fr .85fr;align-items: center}.case:nth-child(even) .case-shot{order: 2}}.case-body h2{font-size: clamp(1.8rem,3.4vw,2.75rem);letter-spacing: -0.04em;margin-bottom: 10px}.case-body .where{color: var(--grau);margin-bottom: 20px}.case-body dl{display: grid;grid-template-columns: auto 1fr;gap: 10px 20px;margin: 24px 0 28px;padding: 20px 0;border-top: 1px solid var(--linie);border-bottom: 1px solid var(--linie);font-size: .98rem}.case-body dt{font-family: var(--display);font-weight: 700}.case-body dd{margin: 0;color: var(--grau)}.svc-list{list-style: none;margin: 0;padding: 0;border-top: 2px solid var(--tinte)}.svc-list li{border-bottom: 1px solid var(--linie)}.svc-row{display: grid;grid-template-columns: 1fr auto;gap: 10px 24px;padding: clamp(22px,3vw,34px) 0;text-decoration: none;color: inherit;align-items: center}.svc-row h3{font-size: clamp(1.5rem,3.2vw,2.6rem);letter-spacing: -0.045em;line-height: 1.05;transition: color .2s}.svc-row p{margin: 0;color: var(--grau);grid-column: 1;max-width: 34em}.svc-row .arrow{grid-column: 2;grid-row: 1 / span 2;width: 52px;height: 52px;border-radius: 50%;display: grid;place-items: center;background: var(--papier);transition: background-color .2s,color .2s}.svc-row .arrow svg{width: 20px;height: 20px}.svc-row:hover h3{color: var(--kobalt)}.svc-row:hover .arrow{background: var(--kobalt);color: var(--weiss)}@media (min-width: 900px){.svc-row{grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto}.svc-row p{grid-column: 2;grid-row: 1}.svc-row .arrow{grid-row: 1;grid-column: 3}}.steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 2px;counter-reset: step;background: var(--linie);border: 2px solid var(--linie);border-radius: var(--radius);overflow: hidden}@media (min-width: 700px){.steps{grid-template-columns: 1fr 1fr}}@media (min-width: 1100px){.steps{grid-template-columns: repeat(4,1fr)}}.steps li{background: var(--weiss);padding: clamp(24px,3vw,36px);counter-increment: step;display: flex;flex-direction: column;gap: 12px}.section--papier .steps li{background: var(--papier)}.steps li::before{content: counter(step);font-family: var(--display);font-weight: 700;font-size: 3.4rem;line-height: 1;color: var(--kobalt);letter-spacing: -0.05em;margin-bottom: 18px}.steps h3{font-size: 1.3rem}.steps p{margin: 0;color: var(--grau);font-size: 1rem}.about{display: grid;gap: clamp(32px,5vw,72px);align-items: start}@media (min-width: 900px){.about{grid-template-columns: .8fr 1.2fr}}.portrait{position: relative;aspect-ratio: 4 / 5;border-radius: var(--radius);overflow: hidden;background: var(--kobalt);color: var(--weiss);display: grid;place-items: center;padding: 28px}.portrait .portrait-signet{width: 62%;height: auto}.portrait .portrait-foto{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.facts{list-style: none;padding: 0;margin: 32px 0 0;display: grid;gap: 0;border-top: 1px solid var(--linie)}.facts li{display: grid;grid-template-columns: 28px 1fr;gap: 12px;padding: 16px 0;border-bottom: 1px solid var(--linie)}.facts li svg{width: 22px;height: 22px;color: var(--kobalt);margin-top: 2px}.facts strong{font-family: var(--display);letter-spacing: -0.01em}.split{display: grid;gap: clamp(32px,5vw,72px)}@media (min-width: 900px){.split{grid-template-columns: .9fr 1.1fr}.split--top{align-items: start}}.checks{list-style: none;margin: 0;padding: 0;display: grid;gap: 0}@media (min-width: 620px){.checks--2{grid-template-columns: 1fr 1fr;column-gap: 32px}}.checks li{display: grid;grid-template-columns: 26px 1fr;gap: 12px;padding: 16px 0;border-bottom: 1px solid var(--linie)}.checks li svg{width: 22px;height: 22px;color: var(--kobalt);margin-top: 1px}.checks strong{display: block;font-family: var(--display);letter-spacing: -0.01em}.checks span{display: block;color: var(--grau);font-size: .98rem;margin-top: 2px}.plans{display: grid;gap: 20px}@media (min-width: 900px){.plans{grid-template-columns: repeat(3,1fr)}}.plan{border: 2px solid var(--linie);border-radius: var(--radius);padding: clamp(24px,3vw,34px);background: var(--weiss);display: flex;flex-direction: column;gap: 14px}.plan--hl{border-color: var(--kobalt);box-shadow: 0 0 0 4px rgba(34,54,224,.1)}.plan h3{font-size: 1.6rem}.plan .for{color: var(--grau);margin: 0}.plan ul{list-style: none;margin: 8px 0 0;padding: 0;display: grid;gap: 10px}.plan li{display: grid;grid-template-columns: 22px 1fr;gap: 10px;font-size: 1rem}.plan li svg{width: 18px;height: 18px;color: var(--kobalt);margin-top: 3px}.plan .tag{align-self: flex-start;font-family: var(--display);font-weight: 700;font-size: .85rem;background: var(--kobalt);color: var(--weiss);padding: 5px 12px;border-radius: 999px}.uses{display: grid;gap: 28px}@media (min-width: 760px){.uses{grid-template-columns: repeat(2,1fr)}}.faq{border-top: 2px solid var(--tinte)}.faq details{border-bottom: 1px solid var(--linie)}.faq summary{list-style: none;cursor: pointer;display: grid;grid-template-columns: 1fr 32px;gap: 20px;align-items: center;padding: 24px 0;font-family: var(--display);font-weight: 700;font-size: clamp(1.15rem,1.8vw,1.4rem);letter-spacing: -0.02em;line-height: 1.25}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";width: 32px;height: 32px;border-radius: 50%;background: var(--papier) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310142e' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 16px no-repeat;transition: transform .2s}.section--papier .faq summary::after{background-color: var(--weiss)}.faq details[open] summary::after{transform: rotate(45deg)}.faq details p{margin: 0 0 26px;color: var(--grau);max-width: 60ch}.cta{background: var(--kobalt);color: var(--weiss);padding: clamp(72px,10vw,140px) 0}.cta .h2{font-size: clamp(2.3rem,6vw,5.2rem);max-width: 12em}.cta p{color: rgba(255,255,255,.88);max-width: 36em;font-size: 1.15rem;margin: 24px 0 36px}.contact{display: grid;gap: clamp(40px,6vw,80px)}@media (min-width: 960px){.contact{grid-template-columns: 1.25fr .75fr}}.form{display: grid;gap: 18px}@media (min-width: 620px){.form .two{display: grid;grid-template-columns: 1fr 1fr;gap: 18px}}.form .two{display: grid;gap: 18px}.field label{display: block;font-family: var(--display);font-weight: 700;font-size: .95rem;margin-bottom: 8px}.field label small{font-family: var(--text);font-weight: 400;color: var(--grau)}.field input,.field select,.field textarea{width: 100%;font: inherit;color: var(--tinte);background: var(--weiss);border: 2px solid var(--linie);border-radius: 12px;padding: 14px 16px;transition: border-color .15s}.field textarea{min-height: 170px;resize: vertical}.field input:focus,.field select:focus,.field textarea:focus{outline: none;border-color: var(--kobalt);box-shadow: 0 0 0 4px rgba(34,54,224,.12)}.chips{display: flex;flex-wrap: wrap;gap: 8px;border: 0;padding: 0;margin: 0}.chips legend{font-family: var(--display);font-weight: 700;font-size: .95rem;margin-bottom: 10px;padding: 0}.chips label{position: relative}.chips input{position: absolute;opacity: 0}.chips span{display: inline-block;padding: 10px 16px;border-radius: 999px;border: 2px solid var(--linie);cursor: pointer;font-size: .98rem;background: var(--weiss);transition: background-color .15s,border-color .15s,color .15s}.chips input:checked + span{background: var(--kobalt);border-color: var(--kobalt);color: var(--weiss)}.chips input:focus-visible + span{outline: 3px solid var(--signal);outline-offset: 2px}.consent{display: grid;grid-template-columns: 22px 1fr;gap: 12px;font-size: .95rem;color: var(--grau)}.consent input{width: 20px;height: 20px;margin-top: 2px;accent-color: var(--kobalt)}.hp{position: absolute;left: -9999px}.direct{display: grid;gap: 12px;align-content: start}.direct a{display: grid;grid-template-columns: 48px 1fr;gap: 16px;align-items: center;padding: 18px;border-radius: var(--radius);background: var(--papier);text-decoration: none;transition: background-color .2s}.direct a:hover{background: #e6e8f1}.direct a>span:first-child{width: 48px;height: 48px;border-radius: 50%;background: var(--kobalt);color: var(--weiss);display: grid;place-items: center}.direct svg{width: 20px;height: 20px}.direct strong{display: block;font-family: var(--display)}.direct small{color: var(--grau);font-size: .95rem}.legal{max-width: 72ch}.legal h2{font-size: 1.6rem;margin: 2.2em 0 .6em}.legal h3{font-size: 1.2rem;margin: 1.6em 0 .5em}.note{background: #fff6dc;border-left: 4px solid var(--signal);padding: 16px 20px;border-radius: 8px;margin-bottom: 32px}.site-footer{background: var(--tinte);color: rgba(255,255,255,.78);padding: clamp(56px,8vw,96px) 0 32px;font-size: .98rem}.foot-grid{display: grid;gap: 40px}@media (min-width: 760px){.foot-grid{grid-template-columns: 1.4fr 1fr 1fr 1fr}}.site-footer h4{font-size: 1rem;color: var(--weiss);margin-bottom: 14px;letter-spacing: -0.01em}.site-footer ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.site-footer a{text-decoration: none}.site-footer a:hover{color: var(--weiss);text-decoration: underline}.foot-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 16px;margin-top: 56px;padding-top: 24px;border-top: 1px solid rgba(255,255,255,.14);font-size: .9rem}.marquee{background: var(--signal);color: var(--tinte);overflow: hidden;padding: clamp(18px,2.4vw,28px) 0}.marquee-track{display: flex;width: max-content;animation: marquee 42s linear infinite}.marquee:hover .marquee-track{animation-play-state: paused}.marquee-group{display: flex;align-items: center;gap: clamp(22px,3vw,40px);padding-right: clamp(22px,3vw,40px)}.marquee-group span{font-family: var(--display);font-weight: 700;font-size: clamp(1.5rem,3.2vw,2.6rem);letter-spacing: -0.04em;line-height: 1;white-space: nowrap}.marquee-group img{width: clamp(34px,3.4vw,48px);height: auto;flex: none}@keyframes marquee{to{transform: translateX(-50%)}}.statement{padding: clamp(80px,12vw,170px) 0}.statement p{font-family: var(--display);font-weight: 700;font-size: clamp(1.75rem,3.9vw,3.4rem);line-height: 1.12;letter-spacing: -0.035em;max-width: 21em;margin: 0}.js-motion .scrub .sw{opacity: .14;transition: opacity .35s ease}.js-motion .scrub .sw.on{opacity: 1}.keys{display: grid;margin: clamp(44px,6vw,72px) 0 0;border-top: 1px solid rgba(255,255,255,.3)}.keys div{padding: 16px 0;border-bottom: 1px solid rgba(255,255,255,.18)}.keys dt{font-size: .95rem;color: rgba(255,255,255,.72);margin-bottom: 4px}.keys dd{margin: 0;font-family: var(--display);font-weight: 700;font-size: 1.2rem;letter-spacing: -0.02em;line-height: 1.25}@media (min-width: 760px){.keys{grid-template-columns: repeat(3,1fr)}.keys div{padding: 20px 28px 0 0;border-bottom: 0}}.section--tinte .section-head p{color: rgba(255,255,255,.72)}.cmp-head{display: none}.cmp-row{display: grid;gap: 14px;padding: 22px 0;border-bottom: 1px solid rgba(255,255,255,.16)}.cmp-cell{display: grid;grid-template-columns: 24px 1fr;gap: 14px;align-items: start}.cmp-cell svg{width: 20px;height: 20px;margin-top: 3px}.cmp-cell small{display: block;font-size: .85rem;opacity: .7;margin-bottom: 2px}.cmp-a{color: rgba(255,255,255,.6)}.cmp-a svg{color: rgba(255,255,255,.38)}.cmp-b{color: var(--weiss);font-size: 1.08rem}.cmp-b svg{color: var(--signal)}.cmp--neutral .cmp-a{color: rgba(255,255,255,.88);font-size: 1.08rem}.cmp--neutral .cmp-a svg,.cmp--neutral .cmp-b svg{color: var(--signal)}@media (min-width: 760px){.cmp-head,.cmp-row{display: grid;grid-template-columns: 1fr 1fr;gap: 56px}.cmp-head{padding-bottom: 16px;border-bottom: 2px solid var(--weiss);font-family: var(--display);font-weight: 700;font-size: 1.2rem;letter-spacing: -0.02em}.cmp-head span:first-child{color: rgba(255,255,255,.6)}.cmp-head span:last-child{color: var(--signal)}.cmp--neutral .cmp-head span:first-child{color: var(--signal)}.cmp-cell small{display: none}}.btn svg{transition: transform .2s}.btn:hover svg{transform: translateX(3px)}.svc-row .arrow svg{transition: transform .25s}.svc-row:hover .arrow svg{transform: translateX(3px)}@media (prefers-reduced-motion: no-preference){.dot{animation: pulse 2.2s ease-out infinite}@keyframes pulse{0%{box-shadow: 0 0 0 0 rgba(255,194,26,.6)}100%{box-shadow: 0 0 0 12px rgba(255,194,26,0)}}}.js-motion [data-reveal]{opacity: 0;transform: translateY(26px)}.js-motion [data-reveal].is-in{opacity: 1;transform: none;transition: opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay: var(--d,0s)}.js-motion .wsplit .w{display: inline-block;overflow: hidden;vertical-align: top;padding-bottom: .14em;margin-bottom: -.14em}.js-motion .wsplit .w>span{display: inline-block;transform: translateY(112%)}.js-motion .wsplit.is-in .w>span{transform: none;transition: transform .9s cubic-bezier(.2,.75,.15,1);transition-delay: calc(var(--i,0) * 45ms + var(--d,0s))}.btn--tinte{background: var(--tinte);color: var(--weiss)}.btn--tinte:hover{background: #262b4d}.link-btn{background: none;border: 0;padding: 0;font: inherit;color: inherit;text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.foot-legal{display: flex;flex-wrap: wrap;gap: 8px 20px}.foot-legal .link-btn{text-decoration: none;color: inherit}.foot-legal .link-btn:hover{color: var(--weiss);text-decoration: underline}.wa-float{position: fixed;right: 20px;bottom: 20px;z-index: 60;display: inline-flex;align-items: center;gap: 10px;padding: 12px 18px 12px 14px;border-radius: 999px;background: #13853f;color: #fff;text-decoration: none;font-family: var(--display);font-weight: 700;font-size: .98rem;letter-spacing: -0.01em;box-shadow: 0 10px 30px rgba(16,20,46,.22);transition: transform .2s,box-shadow .2s,background-color .2s;animation: waIn .5s cubic-bezier(.2,.7,.2,1) 1.2s both}.wa-float svg{width: 22px;height: 22px;flex: none}.wa-float:hover{background: #0f7136;transform: translateY(-2px);box-shadow: 0 14px 36px rgba(16,20,46,.28)}@keyframes waIn{from{opacity: 0;transform: translateY(16px)}}body.menu-open .wa-float{display: none}@media (max-width: 600px){.wa-float{right: 14px;bottom: 14px;padding: 14px}.wa-float span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.wa-float svg{width: 26px;height: 26px}body.consent-open .wa-float{display: none}.site-footer{padding-bottom: 96px}}.cookiebox{position: fixed;left: 20px;bottom: 20px;z-index: 70;width: min(440px,calc(100vw - 40px));max-height: calc(100vh - 40px);overflow-y: auto;background: var(--weiss);color: var(--tinte);border-radius: 18px;padding: 24px;box-shadow: 0 24px 70px rgba(16,20,46,.28);border: 1px solid var(--linie)}.cookiebox[hidden]{display: none}.cookiebox h2{font-size: 1.3rem;letter-spacing: -0.02em;margin-bottom: 10px}.cookiebox p{font-size: .95rem;color: var(--grau);margin-bottom: 18px}.cookiebox p a{color: var(--kobalt)}.consent-opts{display: grid;gap: 10px;margin-bottom: 18px}.consent-opts[hidden]{display: none}.consent-opt{display: grid;grid-template-columns: 22px 1fr;gap: 12px;padding: 14px;border-radius: 12px;background: var(--papier);font-size: .92rem;color: var(--grau);cursor: pointer}.consent-opt input{width: 20px;height: 20px;margin: 1px 0 0;accent-color: var(--kobalt)}.consent-opt strong{display: block;font-family: var(--display);color: var(--tinte);font-size: 1rem;margin-bottom: 2px}.consent-btns{display: flex;flex-wrap: wrap;gap: 10px;align-items: center}.consent-btns .btn{flex: 1 1 150px;justify-content: center;padding: 14px 18px;font-size: .95rem}.consent-btns .btn[hidden]{display: none}.consent-btns .link-btn{flex: 1 0 100%;text-align: center;font-size: .95rem;color: var(--grau);padding-top: 4px}@media (prefers-reduced-motion: no-preference){.cookiebox{animation: consentIn .45s cubic-bezier(.2,.7,.2,1) .4s both}@keyframes consentIn{from{opacity: 0;transform: translateY(20px)}}}@media (max-width: 600px){.cookiebox{left: 10px;right: 10px;bottom: 10px;width: auto;padding: 20px}}@media (prefers-reduced-motion: no-preference){.hero .h1 .ln{display: block;overflow: hidden}.hero .h1 .ln>span{display: block;transform: translateY(105%);animation: rise .9s cubic-bezier(.2,.75,.15,1) forwards}.hero .h1 .ln:nth-child(2)>span{animation-delay: .08s}.hero .h1 .ln:nth-child(3)>span{animation-delay: .16s}@keyframes rise{to{transform: none}}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition: none !important;animation: none !important;scroll-behavior: auto !important}}.form-msg{padding: 16px 18px;border-radius: 12px;background: #fdecec;border-left: 4px solid #c0262d;color: #6b1216;font-size: .98rem}.form-msg[hidden]{display: none}.form-msg strong{display: block;font-family: var(--display);margin-bottom: 2px}.form-msg a{color: inherit}.btn--line{border-color: var(--linie);color: var(--tinte);background: var(--weiss)}.btn--line:hover{border-color: var(--tinte)}.section .btn--line:hover{background: var(--weiss);color: var(--tinte);border-color: var(--tinte)}.check-teaser-inner{display: grid;gap: 32px;align-items: end}.check-teaser p{color: rgba(255,255,255,.75);font-size: 1.15rem;max-width: 34em;margin: 20px 0 0}.check-mini{display: flex;flex-wrap: wrap;gap: 10px}.check-mini input{flex: 1 1 240px;min-width: 0;font: inherit;color: var(--tinte);background: var(--weiss);border: 2px solid transparent;border-radius: 999px;padding: 15px 22px}.check-mini input:focus{outline: none;border-color: var(--signal)}@media (min-width: 960px){.check-teaser-inner{grid-template-columns: 1fr 1fr;gap: 56px}}.article{display: grid;gap: 48px}@media (min-width: 1000px){.article{grid-template-columns: minmax(0,1fr) 320px;gap: 72px;align-items: start}}.prose{max-width: 68ch;font-size: 1.1rem;line-height: 1.7}.prose h2{font-size: clamp(1.45rem,2.4vw,1.9rem);letter-spacing: -0.03em;line-height: 1.15;margin: 2em 0 .6em}.prose h2:first-child{margin-top: 0}.prose p{margin: 0 0 1.1em}.prose ul,.prose ol{margin: 0 0 1.3em;padding-left: 1.3em}.prose li{margin: .45em 0}.prose li::marker{color: var(--kobalt)}.prose strong{font-family: var(--display);letter-spacing: -0.01em}.table-wrap{overflow-x: auto;margin: 0 0 1.5em;border: 1px solid var(--linie);border-radius: var(--radius)}.prose table{width: 100%;border-collapse: collapse;font-size: 1rem;min-width: 520px}.prose th,.prose td{text-align: left;padding: 14px 16px;border-bottom: 1px solid var(--linie);vertical-align: top}.prose thead th{background: var(--papier);font-family: var(--display)}.prose tbody tr:last-child th,.prose tbody tr:last-child td{border-bottom: 0}.prose tbody th{font-family: var(--display);font-weight: 700}.article-aside{position: sticky;top: 100px}.aside-box{background: var(--papier);border-radius: var(--radius);padding: 28px}.aside-box h2{font-size: 1.35rem;letter-spacing: -0.02em;margin-bottom: 10px}.aside-box p{color: var(--grau);font-size: 1rem}.project-shot{padding-bottom: clamp(48px,7vw,96px)}.project-shot .work-shot{max-width: 1080px;margin: 0 auto}.details{display: grid;gap: 20px}@media (min-width: 900px){.details{grid-template-columns: repeat(3,1fr)}}.detail{background: var(--weiss);border-radius: var(--radius);padding: clamp(24px,3vw,32px)}.detail h3{font-size: 1.3rem;margin-bottom: 10px}.detail p{margin: 0;color: var(--grau)}.pager{display: grid;gap: 16px}@media (min-width: 760px){.pager{grid-template-columns: 1fr 1fr}}.pager a{display: block;padding: 28px;border-radius: var(--radius);background: var(--weiss);text-decoration: none;transition: background-color .2s,color .2s}.pager a:hover{background: var(--kobalt);color: var(--weiss)}.pager small{display: block;color: var(--grau);font-size: .95rem;margin-bottom: 4px}.pager a:hover small{color: rgba(255,255,255,.75)}.pager strong{font-family: var(--display);font-size: 1.35rem;letter-spacing: -0.02em}.pager-next{text-align: right}.svc-row--static{cursor: default}.svc-row--static:hover h3{color: inherit}.cta .contact{align-items: center}.direct--dark a{background: rgba(255,255,255,.1);color: var(--weiss)}.direct--dark a:hover{background: rgba(255,255,255,.18)}.direct--dark a>span:first-child{background: var(--signal);color: var(--tinte)}.direct--dark small{color: rgba(255,255,255,.75)}@media (min-width: 760px){.foot-grid{grid-template-columns: 1fr 1fr}}@media (min-width: 1100px){.foot-grid{grid-template-columns: 1.3fr 1fr 1.1fr 1fr 1fr}}.field select{appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310142e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;background-size: 18px;padding-right: 44px}.direct .faq{border-top-width: 1px}.direct .faq summary{font-size: 1.05rem;padding: 18px 0}.article>*{min-width: 0}.header-inner{justify-content: flex-start}.nav{margin-left: auto}.lang{display: inline-flex;flex: none;margin-left: 14px;padding: 3px;border: 2px solid rgba(255,255,255,.35);border-radius: 999px}.lang a{font-family: var(--display);font-weight: 700;font-size: .85rem;letter-spacing: .02em;line-height: 1;padding: 7px 10px;border-radius: 999px;color: rgba(255,255,255,.82);text-decoration: none;transition: background-color .2s,color .2s}.lang a[href]:hover{color: var(--weiss);background: rgba(255,255,255,.14)}.lang span{font-family: var(--display);font-weight: 700;font-size: .85rem;letter-spacing: .02em;line-height: 1;padding: 7px 10px;border-radius: 999px}.lang [aria-current]{background: var(--weiss);color: var(--kobalt);cursor: default}@media (max-width: 1100px){.logo{order: 1}.lang{order: 2;margin-left: auto}.menu-btn{order: 3;margin-left: 10px}}.foot-h{font-size: 1rem;color: var(--weiss);margin-bottom: 14px;letter-spacing: -0.01em}a.plain{text-decoration: none;color: inherit}a.plain:hover{color: var(--kobalt)}.case-body h2 a.plain:hover{color: var(--kobalt)}