@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/media/fonts/instrument-serif-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/media/fonts/instrument-serif-latin-400-italic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/media/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/media/fonts/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/media/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/media/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/media/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2")}:root{--editor:#000;--panel:#000;--graphit:gray;--paper:#f4f3ef;--ink:#000;--light:#ededea;--mono:"JetBrains Mono", monospace;--body:Inter, Arial, sans-serif;--display:"Instrument Serif", Georgia, serif;--gutter:clamp(24px, 6vw, 112px);--header-offset:160px}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--editor);color:var(--ink);font:16px/1.65 var(--body);margin:0}main{background:var(--paper)}body[data-route=\/]{background:linear-gradient(to right, var(--editor) 50%, var(--paper) 50%)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:6px;outline:2px solid}main:focus{outline:none}h1,h2,h3,p,figure{margin:0}h1,h2{font:400 clamp(66px, 7.5vw, 128px)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance}h1 em,h2 em{font-weight:400}h3{font-weight:500}p+p{margin-top:1.2em}[id],a,button,summary{scroll-margin-top:var(--header-offset);scroll-margin-bottom:20px}section{position:relative}img{max-width:100%}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dark{background:var(--editor);color:var(--light)}.light{background:var(--paper);color:var(--ink)}.split{grid-template-columns:1fr 1fr;display:grid}.mono,.eyebrow,figcaption,.caption,.editorial-note,.tags,.site-header,.site-footer,.scroll-invitation{font:400 11px/1.6 var(--mono);letter-spacing:.045em}.mono,.eyebrow{text-transform:uppercase}.eyebrow{align-items:center;gap:16px;display:inline-flex}.index{border:1px solid var(--graphit);white-space:nowrap;border-radius:40px;place-items:center;min-width:36px;height:36px;padding:0 10px;font-size:10px;display:inline-grid}.desktop-nav{gap:clamp(18px,2.4vw,40px);display:flex}.desktop-nav a,.site-footer nav a,.mobile-nav a{text-transform:uppercase;align-items:center;min-width:44px;min-height:44px;font-size:11px;text-decoration:none;display:inline-flex}.desktop-nav a[aria-current],.site-footer nav a[aria-current],.mobile-nav a[aria-current],.desktop-nav a:hover,.site-footer nav a:hover{text-underline-offset:7px;text-decoration:underline}.header-contact{background:var(--paper);min-height:44px;color:var(--ink);text-transform:uppercase;align-items:center;gap:28px;padding:12px 18px;text-decoration:none;display:flex}.header-contact[aria-current]{text-underline-offset:5px;text-decoration:underline}.menu-toggle,.mobile-nav{display:none}.skip-link{background:var(--paper);color:var(--ink);z-index:100;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.button{text-align:center;justify-content:center;gap:0}.choice{justify-content:space-between;gap:40px}.button,.choice{border:1px solid var(--editor);background:var(--editor);min-height:54px;color:var(--light);font:500 11px/1.5 var(--mono);text-transform:uppercase;align-items:center;padding:16px 22px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.button.invert,.dark .button,.dark .choice{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button:focus-visible,.choice:focus-visible{outline-color:var(--ink)}.dark .button:focus-visible,.dark .choice:focus-visible,.header-contact:focus-visible{outline-color:var(--light)}.button:hover,.choice:hover{color:var(--ink);background:0 0}.dark .button:hover,.dark .choice:hover{color:var(--light)}.button span,.choice span,.text-link span{transition:transform .25s}.button:hover span,.choice:hover span,.text-link:hover span{transform:translate(3px,-3px)}.text-link{min-height:48px;font:500 11px/1.5 var(--mono);text-transform:uppercase;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:28px;padding:12px 0;text-decoration:none;display:inline-flex}.photo{width:100%;height:100%;display:block}.photo img{object-fit:cover;width:100%;height:100%;display:block}figcaption{margin-top:16px}.dark figcaption,.dark .caption{color:#c9c9c5}.tags{flex-wrap:wrap;gap:8px 18px;margin:24px 0 26px;padding:0;list-style:none;display:flex}.tags a{text-underline-offset:5px;align-items:center;min-height:44px;text-decoration-thickness:1px;display:flex}.closing-bottom{justify-content:space-between;align-items:end;gap:40px;display:flex}details{border-top:1px solid var(--graphit)}details:last-child{border-bottom:1px solid var(--graphit)}summary{cursor:pointer;min-height:70px;padding:28px 38px 28px 0;font-size:17px;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:24px var(--mono);position:absolute;right:0}details[open] summary:after{content:"−"}details p{padding:0 25px 30px 0;font-size:15px}.choice{min-width:260px}.form-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.form-field{flex-direction:column;gap:12px;min-width:0;display:flex}.form-field label{font:12px/1.6 var(--mono);letter-spacing:.045em;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--graphit);background:var(--editor);width:100%;min-height:60px;color:var(--light);-webkit-text-fill-color:var(--light);font:16px/1.5 var(--body);opacity:1;border-radius:8px;padding:18px}.form-field :disabled{cursor:not-allowed}.form-field ::placeholder{color:#c9c9c5;-webkit-text-fill-color:#c9c9c5;opacity:1}.form-field textarea{resize:none}.form-field-wide{grid-column:1/-1}.honeypot{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.form-note{max-width:850px;margin:28px 0;font-size:14px}.legal-hero{padding:55px var(--gutter) 60px}.legal-hero h1{margin:40px 0 32px}.legal-hero p{max-width:900px}.legal-copy{max-width:1100px;padding:0 var(--gutter) 100px;margin:auto}.legal-copy h2{margin:55px 0 28px;font-size:clamp(40px,4vw,65px)}.legal-copy ul{padding-left:22px}.legal-copy li+li{margin-top:16px}.legal-copy a,.legal-hero a{overflow-wrap:anywhere}.legal-facts{grid-template-columns:minmax(160px,.7fr) 1.3fr;gap:0 35px;display:grid}.legal-facts dt,.legal-facts dd{border-top:1px solid var(--graphit);margin:0;padding:18px 0}.legal-facts dt{font:12px/1.6 var(--mono)}.source-facts{border-block:1px solid var(--graphit);padding:24px 0}.site-footer{background:var(--editor);color:var(--light);padding:30px var(--gutter) 24px}.site-footer p{font:13px/1.7 var(--body);letter-spacing:normal}.footer-top{flex-direction:column;align-items:center;gap:8px;width:min(100%,1680px);margin:0 auto;display:flex}.site-footer nav{flex-direction:column;gap:0;display:flex}.site-footer nav a{min-height:44px;color:var(--light);font:10px/1.4 var(--mono);letter-spacing:.055em;text-transform:uppercase;align-items:center;text-decoration:none;display:flex}.footer-links{border-top:1px solid var(--graphit);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px;width:min(100%,1680px);margin:18px auto 0;padding-top:12px;display:grid}.fl{min-height:44px;font:10px/1.4 var(--mono);letter-spacing:.055em;text-transform:uppercase;align-items:center;margin:0;display:flex}.footer-links .legal-nav,.footer-links .social-nav{flex-direction:row;gap:12px}.footer-links .legal-nav{align-items:flex-start}.footer-links .social-nav{justify-content:flex-end;align-items:flex-end}.footer-capability-group:first-of-type .fl,.footer-capability-group:first-of-type nav a{text-align:right;justify-content:flex-end}.footer-capability-group nav{align-items:stretch}.footer-capability-group nav a{width:100%}.site-footer nav a:hover{text-underline-offset:6px;text-decoration:underline}.site-footer .media-disclosure{color:#8d8c88;text-align:center;max-width:84ch;font:9px/1.45 var(--body);margin:0}.footer-brand{width:min(100%,320px)}.footer-mark{aspect-ratio:1600/240;width:100%}.footer-mark img{aspect-ratio:1600/240;width:100%;height:auto;display:block}.footer-mark-ink{display:none!important}@media (width<=1100px){.desktop-nav{gap:20px}.footer-links{grid-template-columns:1fr;gap:10px}.footer-links .legal-nav{align-items:flex-start}.fl{min-height:40px}.footer-links .social-nav{align-items:flex-end}}@media (width<=767px){h1,h2{text-wrap:initial}.split,.inner-head,.editorial-intro,.questions,.section-head,.brands-feature,.study-grid{grid-template-columns:1fr}html:not(.nav-ready){--header-offset:16px}html:not(.nav-ready) .site-chrome{max-height:none;position:static;overflow:visible}.desktop-nav{display:none}.header-contact{gap:12px;padding:10px 12px;font-size:10px}.menu-toggle:not([hidden]){color:var(--light);border:1px solid var(--graphit);min-height:44px;font:10px var(--mono);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.mobile-nav:not([hidden]){background:var(--editor);color:var(--light);flex-direction:column;padding:8px 12px 16px;display:flex}.mobile-nav a{border-bottom:1px solid var(--graphit);min-height:52px}body[data-route=\/]{background:var(--editor)}.tags{margin:18px 0 24px}.closing-bottom{flex-direction:column;align-items:flex-start;gap:28px}.editorial-note{font-size:10px}.form-grid{grid-template-columns:1fr;gap:24px}.form-note{font-size:13px}.legal-hero{padding:40px 24px 35px}.legal-hero h1{font-size:clamp(58px,13vw,90px)}.legal-copy{padding:0 24px 65px}.legal-facts{grid-template-columns:1fr}.legal-facts dt{padding-bottom:0}.legal-facts dd{border-top:0}.site-footer{padding:28px 24px 24px}.footer-top{gap:4px}.footer-links{place-items:center;gap:14px;margin-top:14px;padding-top:10px}.footer-links .legal-nav,.footer-links .social-nav{justify-content:center;align-items:center;gap:10px}.footer-links .footer-capability-group{text-align:center;align-items:center;width:min(100%,280px)}.footer-links .fl{text-align:center;justify-content:center;height:auto;min-height:0;margin:0 0 2px}.footer-links .footer-capability-group nav{align-items:stretch;width:100%}.footer-links .footer-capability-group nav a{text-align:center;justify-content:center;min-height:44px;padding-block:4px;line-height:1.35}.footer-links>.social-nav a{min-height:44px}.footer-brand{max-width:260px}}@media (height<=600px){html{--header-offset:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.bar-links{align-items:center;gap:inherit;display:flex}.bar-menu{border:0;display:none}.bar-menu summary:after,.bar-menu[open] summary:after{content:none}@media (width<=760px){.hero-bar nav .bar-links{display:none}.bar-menu{display:block}.bar-menu summary{cursor:pointer;place-items:center;width:46px;height:46px;min-height:46px;padding:0;font-size:25px;list-style:none;display:grid}.bar-menu summary span{background:linear-gradient(currentColor,currentColor) 50%/100% 2px no-repeat;width:22px;height:16px;font-size:0;position:relative}.bar-menu summary span:before,.bar-menu summary span:after{content:"";background:currentColor;width:22px;height:2px;transition:transform .2s;position:absolute;top:0;left:0}.bar-menu summary span:after{top:14px}.bar-menu[open] summary span{background:0 0}.bar-menu[open] summary span:before{transform:translateY(7px)rotate(45deg)}.bar-menu[open] summary span:after{transform:translateY(-7px)rotate(-45deg)}.bar-menu summary::-webkit-details-marker{display:none}.bar-mobile-links{background:#000;border:1px solid #494946;flex-direction:column;width:190px;max-width:calc(100vw - 36px);padding:12px;display:flex;position:absolute;top:100%;right:18px}.bar-menu summary:focus-visible{outline-offset:2px;outline:2px solid}.hero-bar nav .bar-mobile-links a{background:0 0;justify-content:flex-start;min-height:48px;padding:12px}.hero-bar nav .bar-mobile-links a+a{border-top:1px solid #333331}.bar-menu[open] .bar-mobile-links a{animation:.24s both bar-link-in}.bar-menu[open] .bar-mobile-links a:nth-child(2){animation-delay:40ms}.bar-menu[open] .bar-mobile-links a:nth-child(3){animation-delay:80ms}.bar-menu[open] .bar-mobile-links a:nth-child(4){animation-delay:.12s}}@keyframes bar-link-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bar-menu summary span:before,.bar-menu summary span:after{transition:none}.bar-menu[open] .bar-mobile-links a{animation:none}}.hero-bar{z-index:40;pointer-events:none;mix-blend-mode:difference;will-change:transform,opacity;grid-template-columns:1fr 1fr;align-items:center;height:86px;padding:0 clamp(24px,4vw,68px);display:grid;position:fixed;inset:0 0 auto}.bar-logo{width:40px;min-width:45px;height:52px;color:var(--light);pointer-events:auto;justify-self:start;place-items:center;text-decoration:none;display:grid}.bar-mark{width:29px;height:40px;display:block;overflow:hidden}.hero-bar nav{color:#fff;font:550 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;justify-content:flex-end;justify-self:stretch;align-items:center;gap:clamp(12px,2vw,32px);display:flex}.hero-bar nav a{justify-content:center;align-items:center;min-width:45px;min-height:45px;padding:12px 0;text-decoration:none;display:inline-flex;position:relative}.hero-bar nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.hero-bar nav a:hover:after,.hero-bar nav a:focus-visible:after,.hero-bar nav a[aria-current=page]:after{transform:scaleX(1)}.hero-bar nav .contact{justify-content:center;align-items:center;gap:0;margin-left:clamp(4px,1vw,16px);display:flex}@media (width<=760px){.hero-bar{mix-blend-mode:normal;grid-template-columns:auto minmax(0,1fr);height:72px;padding:0 18px}.bar-logo,.bar-menu summary,.hero-bar nav>.contact{mix-blend-mode:difference}.bar-logo{width:36px;height:48px}.bar-mark{width:27px;height:38px}.hero-bar nav{letter-spacing:.035em;white-space:nowrap;gap:clamp(4px,1.4vw,10px);font-size:clamp(7px,2.2vw,9px)}.hero-bar nav a{flex-shrink:0;justify-content:center;align-items:center;min-width:46px;min-height:46px;padding-block:17.5px;display:inline-flex}.hero-bar nav a:after{bottom:10.5px}.hero-bar nav a:focus-visible{outline-offset:1px}.hero-bar nav .contact{gap:0;margin-left:0}}.hero-scroll-cue{z-index:5;left:50%;bottom:max(14px,env(safe-area-inset-bottom));min-height:44px;color:inherit;white-space:nowrap;font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex;position:absolute;transform:translate(-50%)}.hero-scroll-cue span{font-size:14px;display:inline-block}.hero-scroll-cue:focus-visible{outline-offset:3px;outline:2px solid}body:not([data-route=\/]){padding-top:86px}@media (width<=760px){body:not([data-route=\/]){padding-top:72px}}body[data-route="/kontakt/"],body[data-route="/brands/"],body[data-route="/datenschutz/"],body[data-route="/impressum/"]{background:var(--paper)}.pt{z-index:2147483000;contain:strict;pointer-events:auto;position:fixed;inset:0;overflow:hidden}.pt__panel{will-change:transform;width:50%;position:absolute;top:0;bottom:0}.pt__panel--dark{background:#000;left:0}.pt__panel--light{background:var(--paper);right:0}.pt-amp{z-index:2147483001;pointer-events:none;mix-blend-mode:difference;will-change:transform,opacity;width:clamp(92px,13vw,168px);height:auto;position:fixed;top:50%;left:50%;overflow:visible}.pt-amp path{fill:#fff;fill-opacity:0;stroke:#fff;stroke-width:1.15px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.pt-amp__tip{fill:#fff;opacity:0}.pt-arrival{z-index:2147483000;background:linear-gradient(90deg,#000 50%,var(--paper) 50%);position:fixed;inset:0;animation:0s linear 3.2s forwards pt-failsafe!important}@keyframes pt-failsafe{to{visibility:hidden}}

.about-ribbon{background:var(--paper,#f4f3ef);color:#fff}.about-ribbon__stage{isolation:isolate;height:90svh;min-height:620px;max-height:1000px;position:relative;overflow:hidden}.about-ribbon__sheet{z-index:-1;background:#000;position:absolute;inset:0}.about-ribbon__customers{justify-content:space-between;align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:18% 5% auto}.about-ribbon__customers li{flex:0 auto;place-items:center;min-width:0;display:grid}.about-ribbon__customers img{width:auto;height:var(--ink);object-fit:contain;max-width:100%;display:block}.about-ribbon__signature{width:min(48%,600px);margin-inline:auto;position:absolute;top:60%;left:0;right:0}.about-ribbon__signature img{width:100%;height:auto;display:block}.about-ribbon.is-on{--p:0;height:230svh}.about-ribbon.is-on .about-ribbon__stage{--o:clamp(0, calc((var(--p) - .42) / .4), 1);--open:calc(var(--o) * var(--o) * (3 - 2 * var(--o)));--leave:clamp(0, calc((var(--p) - .64) / .2), 1);--reveal:clamp(0, calc((var(--p) - .63) / .27), 1);height:100svh;min-height:0;max-height:none;position:sticky;top:0}.about-ribbon.is-on .about-ribbon__sheet{transform:translateY(calc(-9% * (1 - var(--open)))) rotate(calc(5deg * (1 - var(--open)))) scaleY(calc(.34 + .66 * var(--open)));border-radius:50% 12% / calc(16% * (1 - var(--open)));inset:-10% -12%}.about-ribbon.is-on .about-ribbon__customers{transform:translateY(calc(35svh * var(--open)));top:32%}.about-ribbon.is-on .about-ribbon__customers li{--arrive:clamp(0, calc((var(--p) - .035 - var(--i) * .036) / .16), 1);opacity:calc(var(--arrive) * (1 - var(--leave)));transform:translateY(calc(-64px * (1 - var(--arrive)) + var(--i) * 12px * (1 - var(--leave))))}.about-ribbon.is-on .about-ribbon__signature{transform:translateY(calc(-30px * (1 - var(--reveal))));-webkit-mask-image:linear-gradient(90deg, #000 calc(140% * var(--reveal) - 20%), transparent calc(140% * var(--reveal)));mask-image:linear-gradient(90deg, #000 calc(140% * var(--reveal) - 20%), transparent calc(140% * var(--reveal)));top:46%}@media (width<=1100px){.about-ribbon__stage{min-height:720px}.about-ribbon__customers{grid-template-columns:1fr 1fr;gap:24px;display:grid;inset:12% 8% auto}.about-ribbon__customers li{min-height:48px}.about-ribbon__customers img{max-width:min(132px,100%);height:min(var(--ink), 46px)}.about-ribbon__signature{width:min(76%,480px);top:75%}.about-ribbon.is-on{height:250svh}.about-ribbon.is-on .about-ribbon__sheet{transform:translateY(calc(-7% * (1 - var(--open)))) rotate(calc(6deg * (1 - var(--open)))) scaleY(calc(.56 + .44 * var(--open)))}.about-ribbon.is-on .about-ribbon__customers{top:23%}.about-ribbon.is-on .about-ribbon__customers li{transform:translateY(calc(-48px * (1 - var(--arrive)) + var(--i) * 5px * (1 - var(--leave))))}.about-ribbon.is-on .about-ribbon__signature{top:39%}}@property --bb-x{syntax:"<number>";inherits:true;initial-value:0}@property --bb-y{syntax:"<number>";inherits:true;initial-value:0}@property --bb-glow{syntax:"<number>";inherits:true;initial-value:0}:is(.button,.cf-controls>button){--bb-x:0;--bb-y:0;--bb-glow:.12;--bb-hover:.42;--bb-pressed:.55;--bb-surface:#17191c;--bb-label:#f5f7fb;--bb-inset:inset 0 1px 1px #ffffff3d, inset 0 -1px 2px #000000b3;--bb-spectrum:conic-gradient(from 180deg, #ec1409, #f47615 10%, #ccde0d 20%, #11e418 30%, #1ce0e3 40%, #2cbbe2 50%, #246ff9 60%, #8b24f9 70%, #ca08e7 80%, #eb0583 90%, #ec1409);isolation:isolate;background:var(--bb-surface);color:var(--bb-label);border:1px solid #ffffff2e;border-radius:.8em;transition:--bb-x 75ms linear,--bb-y 75ms linear,--bb-glow .3s,box-shadow .3s;position:relative;overflow:visible;box-shadow:0 2px 3px #0000001f,0 9px 20px -12px #00000073}:is(.button.invert,.dark .button,.br-closing .button,.cf-controls>button:not(.cf-back)){--bb-hover:.48;--bb-pressed:.62;--bb-surface:#f7f8f8;--bb-label:#23272c;--bb-inset:inset 0 1px 1px #fff, inset 0 -1px 2px #0000001f;background:var(--bb-surface);color:var(--bb-label);border-color:#00000014}:is(.button,.cf-controls>button):before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff21, transparent 48%), var(--bb-surface);box-shadow:var(--bb-inset);border-radius:.7em;position:absolute;inset:0}:is(.button,.cf-controls>button):after{content:"";z-index:-2;pointer-events:none;background-image:var(--bb-spectrum);filter:saturate(1.2)blur(8px);opacity:var(--bb-glow);transform:translate(calc(var(--bb-x) / 12 * 1px), calc(var(--bb-y) / -8 * 1px));border-radius:1em;position:absolute;inset:-5px}:is(.button,.cf-controls>button):not(:disabled):is(:hover,:focus-visible){--bb-glow:var(--bb-hover);background:var(--bb-surface);color:var(--bb-label);box-shadow:0 2px 4px #0000002e,0 10px 24px -10px #00000061}:is(.button,.cf-controls>button):not(:disabled):active{--bb-glow:var(--bb-pressed);box-shadow:0 8px 26px -8px #00000042}:is(.button,.cf-controls>button):disabled{--bb-glow:0}:is(.button,.cf-controls>button):focus-visible{outline-offset:4px;outline:2px solid #5682c4}@supports (color:color(display-p3 .93 .03 .85)){:is(.button,.cf-controls>button){--bb-spectrum:conic-gradient(from 180deg, color(display-p3 .95 .06 .02), color(display-p3 .97 .61 .07) 10%, color(display-p3 .83 .87 .04) 20%, color(display-p3 .31 .89 .05) 30%, color(display-p3 .12 .88 .88) 40%, color(display-p3 .15 .8 .93) 50%, color(display-p3 .14 .47 .99) 60%, color(display-p3 .38 .14 .99) 70%, color(display-p3 .73 .04 .94) 80%, color(display-p3 .93 .03 .85) 90%, color(display-p3 .95 .06 .02))}}:is(.button:not(.invert):not(.dark .button):not(.br-closing .button),.cf-controls>.cf-back){--bb-spectrum:conic-gradient(from 180deg, #fff, #fff)}@media (prefers-reduced-motion:reduce),(hover:none){:is(.button,.cf-controls>button){transition:none}:is(.button,.cf-controls>button):after{display:none}}.is-reduced :is(.button,.cf-controls>button),.bb-reduced:is(.button,.cf-controls>button){transition:none}.is-reduced :is(.button,.cf-controls>button):after,.bb-reduced:is(.button,.cf-controls>button):after{display:none}body:is([data-route="/bytes/"],[data-route="/brands/"],[data-route="/ueber-uns/"],[data-route="/kontakt/"]){padding-top:0}.bytes-page .bytes-hero,.br-catalog .br-hero,.ueber-page .ua-hero{min-height:100svh;padding:max(138px, calc(var(--header-offset) + 24px)) 24px 76px;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;overflow:hidden}.hero-lead{z-index:2;width:100%;min-width:0;position:relative}.hero-label{font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.13em;margin-bottom:24px;display:block}.hero-lead>p{max-width:42ch;margin:22px auto 0;font-size:15px;line-height:1.7}.bytes-page .bytes-hero h1{letter-spacing:-.035em;font-size:clamp(44px,6.3vw,94px);line-height:1.02}.bytes-page .bytes-hero-subtitle{white-space:normal}.br-catalog .br-hero{background:var(--paper);color:#000}.br-catalog .br-hero h1{letter-spacing:-.045em;font-size:clamp(72px,9vw,140px);line-height:1}.br-hero h1 em{margin-left:0;display:inline}.bytes-page .bytes-hero,.br-catalog .br-hero{justify-content:flex-start}.refinement-art{pointer-events:none;position:absolute;inset:0}.refinement-art img{object-fit:contain;transform-origin:50% 61%;width:100%;height:100%;position:absolute;inset:0}.bytes-hero .hero-lead{margin-top:max(5svh,24svh - 90px)}.br-hero .hero-lead{background:radial-gradient(ellipse, var(--paper) 45%, transparent 72%);margin-block:auto}.br-hero .refinement-art img{object-fit:cover}.hero-scroll-cue{z-index:3}:is(.bytes-hero,.br-hero)>.hero-scroll-cue:focus-visible{opacity:1!important}.service-card{background:var(--paper);transform-origin:50%;border:1px solid #d2d0c8;border-radius:20px;padding:20px;box-shadow:0 18px 30px -26px #0008}.b-service .service-card,.b-included.service-card{border-left:3px solid #657c80;border-radius:8px}.wave-surface{isolation:isolate;position:relative}.bytes-hero{isolation:isolate}.resonance-neutral{z-index:-1;pointer-events:none;position:absolute;inset:0}.resonance-neutral img{object-fit:cover;width:100%;height:100%}.wave-surface .resonance-neutral{visibility:hidden}.surface-waves{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ueber-page .ua-hero{gap:54px}.ua-hero .ua-hero-title{font:400 clamp(23px, 2.4vw, 38px)/1.25 var(--display);letter-spacing:-.01em;text-transform:lowercase;margin-inline:auto}.pixel-world{width:1200px;height:600px;margin-top:-150px;position:relative}.world-layer,.world-ambient{pointer-events:none;width:1200px;height:600px;image-rendering:pixelated;position:absolute;inset:0}.world-layer--foreground-garden{z-index:2}.world-layer--role-props-still,.world-ambient{z-index:3}.world-ambient{background-image:url(/media/refinement/world/role-props-atlas.png);display:none}.pixel-person{z-index:4;width:96px;height:196px;position:absolute;top:292px;left:182px}.pixel-person--werner{left:552px}.pixel-person--oliver{left:922px}.pixel-mobile-environment{display:none}.pixel-character{color:#000;cursor:pointer;width:96px;font:11px/1.5 var(--mono);background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.pixel-sprite,.pixel-still{width:128px;height:160px;image-rendering:pixelated;display:block}.pixel-name{min-height:28px;margin-top:38px}.pixel-info{background:var(--paper);color:#000;width:260px;font:24px/1.3 var(--display);z-index:5;border:3px solid #8c9382;padding:26px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.pixel-role{font:10px/1.6 var(--mono);margin-top:8px;display:block}.pixel-info p{font:13px/1.65 var(--body);margin-top:12px}.pixel-info:after{content:"";background:var(--paper);border-bottom:3px solid #8c9382;border-right:3px solid #8c9382;width:16px;height:16px;position:absolute;bottom:-12px;left:calc(50% - 9px);transform:rotate(45deg)}.pixel-character:focus-visible{outline-offset:6px;outline:2px solid #000}.pixel-sprite{background:0 0!important;animation:none!important}.pixel-still{visibility:visible!important;transition:none!important;animation:none!important}.pixel-enhanced .world-ambient{animation:2s steps(4,end) infinite paused ambient;display:block}.pixel-enhanced .world-layer--role-props-still{display:none}.pixel-enhanced.is-visible:not(.is-paused) .world-ambient{animation-play-state:running}@keyframes ambient{to{background-position:-4800px 0}}.pb-card{z-index:5}.pb-canvas{width:min(70%,616px)}.pb-top{width:min(100%,826px)}.br-scroll-art{place-items:center;width:100%;height:100%;display:none}.br-continuous .br-scroll-art{display:grid}.br-scroll-art svg{width:100%;height:auto;max-height:100%}.br-scroll-art [data-phase]{transform-box:fill-box;transform-origin:50%}.br-scroll-art text{stroke:none;fill:var(--paper);font-family:var(--mono);letter-spacing:.04em;font-size:11px}.br-scroll-art .bs-type{font:italic 120px var(--display);letter-spacing:-.06em}.br-continuous .br-signal-art>.br-service-visual{display:none!important}.br-scroll-art path,.br-scroll-art rect,.br-scroll-art circle{vector-effect:non-scaling-stroke}.br-service-visual img{width:100%;height:auto;display:block}.br-signal-art .br-service-visual img{width:auto;max-width:100%;max-height:100%}.b-offer-actions .button,.b-closing .button,.homepage-contact-handoff .button{white-space:normal;gap:0;min-width:0;max-width:100%}.b-offer-actions .button>span,.b-closing .button>span{flex-shrink:0}.contact-workspace{align-content:center;justify-items:center;min-height:100svh;padding:150px 24px 72px;display:grid}.cf-form-wrap{width:min(100%,780px);min-width:0}#contact-preview{color:var(--paper);background:#000;border-radius:3px;padding:48px;scroll-margin-top:110px}#contact-preview fieldset{border:0;min-width:0;margin:0 0 36px;padding:0}#contact-preview fieldset[hidden],.cf-controls [hidden],.contact-enhancement-pending [data-form-step]:not([data-form-step="0"]),.contact-enhancement-pending [type=submit]{display:none}.contact-enhancement-pending .cf-next[hidden]{display:inline-flex}#contact-preview legend{font:38px/1.08 var(--display);margin-bottom:32px;padding:0}.cf-picker{position:relative}.cf-picker summary{height:48px;font:12px/1.5 var(--mono);text-align:center;cursor:pointer;border:1px solid #777;justify-content:center;align-items:center;padding:12px 40px;list-style:none;display:flex;position:relative}.cf-picker summary:after{right:20px}.cf-selection{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#cf-service-options{z-index:20;inset-inline:0;max-height:var(--picker-height,45svh);overscroll-behavior:contain;background:#000;border:1px solid #777;padding:16px;position:absolute;top:100%;overflow:auto;box-shadow:0 18px 32px #0006}.cf-picker[data-above] #cf-service-options{top:auto;bottom:100%}.cf-picker summary::-webkit-details-marker{display:none}.cf-picker summary:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.cf-choices{grid-template-columns:1fr;gap:12px;display:grid}#cf-service-options>.cf-choice{margin-top:12px}.cf-choice{cursor:pointer;border:1px solid #777;align-items:center;gap:10px;max-width:100%;min-height:48px;padding:12px 16px;font-size:14px;display:flex;position:relative}.cf-choice:has(:checked){background:var(--paper);color:#000;border-color:var(--paper)}.cf-choice:has(:focus-visible){outline:2px solid var(--paper);outline-offset:3px}.cf-choice input{accent-color:#000;flex:none;width:16px;height:16px}.cf-custom-entry{margin-top:20px}.cf-add,.cf-remove{color:inherit;font:12px/1.5 var(--body);cursor:pointer;background:0 0;border:0;padding:12px 0}.cf-remove{align-self:flex-start}.cf-add:focus-visible,.cf-remove:focus-visible{outline:2px solid var(--paper);outline-offset:3px}#contact-preview .form-grid{gap:22px 18px}#contact-preview .form-field label{font-size:12px}#contact-preview input:not([type=checkbox]),#contact-preview select,#contact-preview textarea{width:100%;min-width:0;min-height:48px;color:var(--paper);font:15px/1.5 var(--body);background:#000;border:1px solid #777;border-radius:0;padding:12px}#contact-preview :is(input,select,textarea):focus-visible{outline:2px solid var(--paper);outline-offset:3px}#contact-preview textarea{resize:vertical}.cf-status{font:12px/1.6 var(--body);color:#c5c5c0;margin:26px 0}.cf-controls{justify-content:space-between;align-items:center;gap:16px;display:flex}.cf-controls button{text-align:center;min-height:48px;font:11px/1.5 var(--mono);cursor:pointer;justify-content:center;align-items:center;gap:0;padding:12px 18px;display:inline-flex}.cf-controls .cf-next,.cf-controls [type=submit]{margin-left:auto}.cf-controls [disabled]{opacity:.5;cursor:not-allowed}.cf-controls button:focus-visible{outline-color:var(--paper)}#contact-preview .form-note{color:#c5c5c0;margin:24px 0 0;font-size:12px;line-height:1.7}@media (width<=767px){.bytes-page .bytes-hero,.br-catalog .br-hero,.ueber-page .ua-hero{padding:118px 20px 76px}.hero-label{margin-bottom:20px;font-size:9px}.hero-lead>p{margin-top:22px;font-size:14px}.bytes-page .bytes-hero h1{font-size:clamp(34px,9.4vw,64px)}.br-catalog .br-hero h1{font-size:clamp(68px,18vw,116px)}.br-hero h1 em{display:block}.bytes-page .bytes-hero,.br-catalog .br-hero{justify-content:center}.refinement-art{width:100%;height:220px;margin-top:20px;position:relative}.bytes-hero .hero-lead{margin-top:0}.br-hero .hero-lead{margin-block:auto}.br-catalog .br-hero{justify-content:center}.br-hero .refinement-art{width:100%;height:100%;margin:0;position:absolute;inset:0}.pb-canvas{width:min(100%,616px)}.ua-team-cta h2{font-size:clamp(32px,8.7vw,46px)}.contact-workspace{padding:118px 16px 48px}#contact-preview{padding:28px 20px}#contact-preview legend{margin-bottom:26px;font-size:30px}#contact-preview .form-grid{grid-template-columns:1fr}.cf-choices{grid-template-columns:1fr;gap:10px}.cf-choice{padding-inline:12px;font-size:13px}.cf-controls{gap:10px}.cf-controls button{gap:0;padding-inline:14px}.bytes-page .b-offer{padding-bottom:64px}.bytes-page .b-offer-actions .button{width:100%}}@media (width<=370px){.hero-bar{padding-inline:10px}.hero-bar nav{gap:4px;font-size:7px}.hero-bar nav a{min-width:45px}}@media (width<=1249px){.ueber-page .ua-hero{gap:16px}.pixel-world{gap:16px;width:min(100%,340px);height:auto;margin:0;display:grid}.world-layer,.world-ambient{display:none!important}.pixel-person{width:100%;height:360px;position:relative;inset:auto}.pixel-person:after{content:"";background:#a6aa9d;width:2px;height:70px;position:absolute;top:320px;left:calc(50% - 1px)}.pixel-person:last-child:after{display:none}.pixel-mobile-environment{object-fit:contain;width:100%;height:360px;image-rendering:pixelated;display:block;position:absolute;inset:0}.pixel-character{position:absolute;top:104px;left:calc(50% - 48px)}.pixel-name{margin-top:24px}.pixel-info{width:230px;font-size:22px;bottom:260px}}@media (prefers-reduced-motion:reduce){.br-scroll-art,.surface-waves{display:none}.pixel-enhanced .pixel-sprite{background:0 0!important;animation:none!important}.pixel-enhanced .pixel-still{visibility:visible}.pixel-enhanced .world-ambient{display:none}.pixel-enhanced .world-layer--role-props-still{display:block}}.is-reduced .pixel-enhanced .pixel-sprite{background:0 0!important;animation:none!important}.is-reduced .pixel-enhanced .pixel-still{visibility:visible}.is-reduced .pixel-enhanced .world-ambient{display:none}.is-reduced .pixel-enhanced .world-layer--role-props-still{display:block}