/* assets/site.min.css */
:root{--ink:color-mix(in srgb, var(--moto-secondary) 30%, var(--moto-text));--blue:color-mix(in srgb, var(--moto-primary) 63%, var(--moto-text));--paper:color-mix(in srgb, var(--moto-secondary) 6%, white);--muted:color-mix(in srgb, var(--moto-secondary) 87%, white);--line:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 36%, var(--moto-text)) 13%, transparent);font-family:var(--moto-font-text);color:var(--ink);background:color-mix(in srgb, var(--moto-secondary) 15%, white);font-synthesis:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{background:var(--moto-on-dark)}.masthead{background:linear-gradient(color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 15%, white) 93%, transparent),transparent)}.wordmark b{font-weight:var(--moto-weight-text);font-size:34px;line-height:.9}.wordmark b span{font-size:10px}.wordmark small{font-size:8px}.masthead nav{font-size:14px}.masthead nav a:after{background:currentColor}.project-cta{background:color-mix(in srgb, var(--moto-secondary) 5%, white);border:1px solid color-mix(in srgb, var(--moto-on-dark) 60%, transparent);border-radius:30px;font-size:12px;box-shadow:0 4px 20px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 53%, var(--moto-text)) 4%, transparent)}.project-cta span{font-size:18px}.paper-face{background:var(--paper);color:var(--ink);box-shadow:0 2px 4px color-mix(in srgb, var(--moto-text) 7%, transparent)}.paper-body{scrollbar-color:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 72%, white) 33%, transparent) transparent;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.73' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.10' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.paper-face[data-pattern="grid"] .paper-body{background-image:linear-gradient(color-mix(in srgb, var(--moto-primary) 7%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--moto-primary) 7%, transparent) 1px,transparent 1px);background-size:24px 24px}.paper-face[data-pattern="lined"] .paper-body{background-image:repeating-linear-gradient(transparent 0,transparent 31px,color-mix(in srgb, var(--moto-primary) 13%, transparent) 32px);background-position:0 12px}.paper-face[data-pattern="yellow"]{--paper:color-mix(in srgb, var(--moto-secondary) 16%, white)}.paper-face h2{font-size:57px;font-weight:var(--moto-weight-primary);line-height:1.04}.paper-face h3{font-size:26px;line-height:1.15}.paper-face p{font-size:18px;line-height:1.55}.paper-face .lead{font-size:21px}.paper-kicker{border-bottom:1px solid var(--line);font:var(--moto-weight-secondary) 12px/1.4 var(--moto-font-secondary)}.mini-nav a,.paper-link{border-bottom:1px solid currentColor;font-size:16px;line-height:1.6}.mini-nav a{border:1px solid var(--line);border-radius:20px}.mini-nav a:hover,.paper-link:hover{color:var(--blue)}.service{border-top:1px solid var(--line)}.service .number{font:var(--moto-weight-text) 13px var(--moto-font-text);color:color-mix(in srgb, var(--moto-secondary) 79%, white)}.service p{font-size:17px}.service .quote{font-size:14px;color:color-mix(in srgb, var(--moto-secondary) 93%, white);font-style:italic}.note-strip{background:color-mix(in srgb, var(--moto-secondary) 15%, white)}.note-strip p{font-size:17px}.project img{background:color-mix(in srgb, var(--moto-secondary) 25%, white)}.project h3{font-size:23px}.project p{font-size:16px}.project .tag{font:var(--moto-weight-text) 11px var(--moto-font-text)}.clients{font:var(--moto-weight-text) 12px/2 var(--moto-font-text);border-top:1px solid var(--line);color:var(--moto-secondary)}.team-row{border-top:1px solid var(--line);font-size:18px}.team-row span{font-size:14px;color:color-mix(in srgb, var(--moto-secondary) 88%, white)}.process li{border-top:1px solid var(--line);font-size:18px}.process em{font:var(--moto-weight-text) 13px var(--moto-font-text);color:color-mix(in srgb, var(--moto-secondary) 85%, white)}.paper-face details{border-top:1px solid var(--line);font-size:18px;line-height:1.5}.paper-face details p{font-size:17px}.contact-links{font-size:23px;line-height:1.65}.contact-links a:hover{color:var(--blue)}.paper-face label{font-size:15px}.paper-face input,.paper-face textarea,.paper-face select{border:0;border-bottom:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 69%, var(--moto-text)) 40%, transparent);background:color-mix(in srgb, var(--moto-on-dark) 53%, transparent);color:inherit;font-size:17px;border-radius:0}.form-note{font-size:13px!important;color:color-mix(in srgb, var(--moto-secondary) 98%, white)}.button{border:0;border-radius:3px;font-size:14px;background:var(--blue);color:var(--moto-on-dark)}.button.dark{background:color-mix(in srgb, var(--moto-secondary) 35%, var(--moto-text))}.button:hover{background:color-mix(in srgb, var(--moto-primary) 61%, var(--moto-text))}.intro-copy h1{font-size:clamp(35px,3.5vw,58px);line-height:1.04;font-weight:var(--moto-weight-primary)}.intro-copy p{font-size:15px;line-height:1.65}.eyebrow{font:var(--moto-weight-secondary) 10px var(--moto-font-secondary)}.intro-actions>a:last-child{font-size:12px}.desk-caption{font:var(--moto-weight-text) 11px var(--moto-font-text);color:color-mix(in srgb, var(--moto-secondary) 99%, white)}.status-dot{border-radius:50%;background:color-mix(in srgb, var(--moto-secondary) 86%, white)}.view-tools button{border:1px solid color-mix(in srgb, var(--moto-on-dark) 60%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 5%, white) 94%, transparent);box-shadow:0 3px 20px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 59%, var(--moto-text)) 8%, transparent);border-radius:25px;font-size:11px}.view-tools button:hover{background:var(--moto-on-dark)}.hotspot{border:1px solid color-mix(in srgb, var(--moto-on-dark) 63%, transparent);background:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 2%, white) 94%, transparent);box-shadow:0 3px 20px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 33%, var(--moto-text)) 9%, transparent);font-size:12px;border-radius:3px}.hotspot span{font:var(--moto-weight-text) 10px var(--moto-font-text);color:color-mix(in srgb, var(--moto-secondary) 93%, white)}.hotspot:hover{background:color-mix(in srgb, var(--moto-primary) 63%, var(--moto-text));color:var(--moto-on-dark)}.hotspot:hover span{color:var(--moto-on-dark)}.hotspot.secondary{font-size:10px}.travel-status{font:var(--moto-weight-secondary) 10px var(--moto-font-secondary)}.loading{background:color-mix(in srgb, var(--moto-secondary) 15%, white);font:var(--moto-weight-text) 12px var(--moto-font-text)}.legal{font-size:9px;color:color-mix(in srgb, var(--moto-secondary) 89%, white)}.legal small{font-size:9px}.nojs{background:var(--moto-on-dark)}.text-mode .masthead{background:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 15%, white) 96%, transparent)}.text-mode .legal{background:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 15%, white) 87%, transparent)}@media(max-width:900px){.wordmark b{font-size:28px}.masthead nav{font-size:12px}.project-cta{font-size:10px}.intro-copy h1{font-size:39px}.paper-face h2{font-size:52px}}@media(max-width:600px){.wordmark b{font-size:24px}.wordmark small{font-size:6px}.project-cta span{font-size:13px}.intro-copy h1{font-size:34px}.intro-copy p{font-size:12px;line-height:1.5}.intro-copy .eyebrow{font-size:8px}.intro-actions .button{font-size:12px}.desk-caption{font-size:9px}.view-tools button{font-size:9px}.legal{font-size:8px}.travel-status{font-size:8px}.paper-face h2{font-size:43px}.paper-face h3{font-size:24px}.paper-face p,.paper-face .lead{font-size:21px}.service p,.project p{font-size:20px}.paper-face .paper-kicker{font-size:12px}.paper-face .mini-nav a,.paper-link{font-size:19px}.paper-face details{font-size:22px}.paper-face details p{font-size:20px}.paper-face label{font-size:19px}.paper-face input,.paper-face textarea,.paper-face select{font-size:22px}.paper-face .button{font-size:20px}.paper-face .form-note{font-size:17px!important}.text-mode .paper-face h2{font-size:35px}.text-mode .paper-face p,.text-mode .service p{font-size:16px}.hotspot{font-size:10px}.hotspot.secondary{font-size:9px}.hotspot span{font-size:9px}}.paper-face:focus{outline:none}.paper-face:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--moto-primary) 63%, var(--moto-text))}@media(max-width:600px){.paper-body .button{font-size:18px}}#leistungen:before,#leistungen:after{border-radius:50%;background:radial-gradient(circle at 32% 28%,color-mix(in srgb, var(--moto-secondary) 47%, white),color-mix(in srgb, var(--moto-secondary) 92%, white) 56%,color-mix(in srgb, var(--moto-secondary) 79%, var(--moto-text)));box-shadow:1px 3px 3px color-mix(in srgb, var(--moto-text) 27%, transparent)}.paper-body:focus{outline:none}.paper-face.active:focus-visible{box-shadow:none}.paper-reading-button{border:0;background:color-mix(in srgb, var(--moto-secondary) 6%, white);color:color-mix(in srgb, var(--moto-secondary) 53%, var(--moto-text));font-size:12px}.paper-reading-button:after{background:linear-gradient(45deg,color-mix(in srgb, var(--moto-secondary) 27%, white) 49%,transparent 51%)}.paper-reading-button:hover{background:color-mix(in srgb, var(--moto-secondary) 1%, white)}@media(max-width:600px){.bottom-controls .device-nav a{font-size:10px}.paper-reading-button{font-size:10px}}.legal{color:var(--moto-secondary)}.legal button{border:0;background:transparent;font-size:inherit;color:inherit}.paper-body{background-image:url('../../../moto-papier/assets/textures/paper-grain.png')}#paper-content:focus{outline:none}@media(max-width:600px){.service .number,.process em,.team-row span{color:var(--moto-secondary)}}.service .number,.process em,.team-row span{color:var(--moto-secondary)}.scr .msg-txt,.o3-screen .msg-txt{font-size:23px}.scr .msg-user .msg-txt,.o3-screen .msg-user .msg-txt{font-size:18px}.scr .chip,.o3-screen .chip{font-size:16px}.scr .form-inline input,.scr .form-inline select,.scr .form-inline textarea,.o3-screen .form-inline input,.o3-screen .form-inline select,.o3-screen .form-inline textarea{font-size:16px}.reel .eyebrow{font-size:15px}.reel-count{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:14px}.slide-img{background:var(--paper-3);box-shadow:var(--shadow-1);border-radius:18px}.slide-txt h2{font-size:44px;font-weight:var(--moto-weight-primary);line-height:1.08}.slide-txt p{color:var(--ink-mute);font-size:19px;line-height:1.5}.tick{background:var(--line);border-radius:2px}.tick.done{background:var(--blue)}.tick.on:after{background:var(--blue)}.term-tag{color:var(--blue-deep);font-size:12.5px;font-weight:var(--moto-weight-secondary)}.term-reset{color:var(--ink-faint);background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:var(--moto-weight-text);text-decoration:underline transparent}.term-reset:hover{color:var(--blue-deep);text-decoration-color:currentColor}.term-reset:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.term-dot{background:var(--blue);border-radius:50%}.msg-txt{font-size:clamp(18px,2.4vw,23px);font-weight:var(--moto-weight-text);line-height:1.4}.msg-system{color:var(--ink)}.msg-user{color:var(--blue-deep)}.msg-user .msg-txt{font-size:16px;font-weight:var(--moto-weight-text)}.caret{background:var(--blue)}.chip{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:999px;font-family:inherit;font-size:14.5px}.chip:hover{border-color:var(--blue);background:var(--blue-pale)}.chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.chip-tag{color:var(--ink-faint);font-size:12px;font-weight:var(--moto-weight-accent)}.form-inline input,.form-inline select,.form-inline textarea{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);font-family:inherit;font-size:14px}.form-inline input:focus,.form-inline select:focus,.form-inline textarea:focus{border-color:var(--blue);outline:none}.screen-face{--blue:var(--moto-primary);--blue-deep:color-mix(in srgb, var(--moto-primary) 64%, var(--moto-text));--blue-pale:color-mix(in srgb, var(--moto-secondary) 7%, white);--ink:color-mix(in srgb, var(--moto-secondary) 24%, var(--moto-text));--ink-mute:color-mix(in srgb, var(--moto-secondary) 91%, white);--ink-faint:color-mix(in srgb, var(--moto-secondary) 69%, white);--line:color-mix(in srgb, var(--moto-secondary) 18%, white);--card:var(--moto-on-dark);--paper:color-mix(in srgb, var(--moto-secondary) 3%, white);--paper-3:color-mix(in srgb, var(--moto-secondary) 8%, white);--radius-sm:8px;--shadow-1:0 4px 16px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 33%, var(--moto-text)) 6%, transparent);background:color-mix(in srgb, var(--moto-secondary) 4%, white);color:var(--ink)}.screen-face .chat{background:color-mix(in srgb, var(--moto-secondary) 4%, white)}.screen-face .msg-txt{font-size:23px}.screen-face .msg-user .msg-txt{font-size:18px}.screen-face .chip{font-size:16px}.screen-face .term-tag:before{font:var(--moto-weight-secondary) 14px var(--moto-font-secondary);color:color-mix(in srgb, var(--moto-primary) 62%, var(--moto-text))}.screen-face .form-inline input,.screen-face .form-inline select{font-size:16px}.screen-face .reel{background:color-mix(in srgb, var(--moto-secondary) 4%, white)}.screen-face .reel-controls button{background:color-mix(in srgb, var(--moto-on-dark) 60%, transparent);border:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 72%, white) 27%, transparent);border-radius:50%}.device-nav{border-radius:30px;background:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 3%, white) 91%, transparent);border:1px solid color-mix(in srgb, var(--moto-on-dark) 60%, transparent);box-shadow:0 3px 20px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 57%, var(--moto-text)) 7%, transparent)}.device-nav a{border-radius:22px;font-size:12px}.device-nav a:hover{background:var(--moto-on-dark)}.device-nav a[aria-current]{background:color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text));color:var(--moto-on-dark)}@media(max-width:600px){.device-nav a{font-size:11px}.device-ready .screen-face.active{border-radius:12px;border:1px solid color-mix(in srgb, var(--moto-on-dark) 60%, transparent);box-shadow:0 10px 35px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 41%, var(--moto-text)) 13%, transparent)}.screen-face .msg-txt{font-size:18px}.screen-face .msg-user .msg-txt{font-size:15px}.screen-face .chip{font-size:14px}.screen-face .term-reset{font-size:11px}.screen-face .term-tag:before{font-size:12px}.screen-face.active .reel .eyebrow{font-size:10px}.screen-face.active .reel-count{font-size:10px}.screen-face.active .slide-txt h2{font-size:24px}.screen-face.active .slide-txt p{font-size:13px}}.screen-face:focus{outline:none}.screen-face{--ink-faint:color-mix(in srgb, var(--moto-secondary) 94%, white);--ink-mute:var(--moto-secondary);--blue:color-mix(in srgb, var(--moto-primary) 63%, var(--moto-text))}.project-cta svg,.all-projects-link svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.intro-copy{background:color-mix(in srgb, var(--moto-secondary) 6%, white) url('../../../moto-papier/assets/textures/paper-grain.png');box-shadow:0 10px 28px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text)) 13%, transparent)}.intro-copy .intro-kicker{font-size:10px;line-height:1.5}.intro-copy h1{font-size:36px;line-height:1.08}.intro-copy p{font-size:13px;line-height:1.65}.paper-reading-button svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.device-nav .nav-indicator{border-radius:25px;background:color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text))}.device-nav a{background:none!important;color:color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text))!important}.device-nav a.indicator-target{color:var(--moto-on-dark)!important}.all-projects-link{border:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 62%, var(--moto-text)) 16%, transparent);background:var(--moto-on-dark);border-radius:25px;font:var(--moto-weight-accent) 13px var(--moto-font-accent);box-shadow:0 4px 12px color-mix(in srgb, var(--moto-text) 3%, transparent)}.all-projects-link:hover{background:color-mix(in srgb, var(--moto-secondary) 9%, white)}.project-view-link{border:1px solid color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text));border-radius:24px;font:var(--moto-weight-accent) 15px var(--moto-font-accent);color:color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text))}.project-view-link:hover{background:color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text));color:var(--moto-on-dark)}.page-transition{background:var(--moto-on-dark)}@media(max-width:1150px) and (min-width:761px){.intro-copy h1{font-size:30px}.intro-copy p{font-size:12px}.intro-copy .intro-kicker{font-size:9px}}@media(max-width:760px){.masthead{background:linear-gradient(color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 15%, white) 94%, transparent),transparent)}.masthead .project-cta{font-size:0;border-radius:50%}.menu-toggle{border:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text)) 16%, transparent);border-radius:50%;background:color-mix(in srgb, var(--moto-secondary) 4%, white)}.menu-toggle span{background:color-mix(in srgb, var(--moto-secondary) 36%, var(--moto-text))}.masthead nav{background:color-mix(in srgb, var(--moto-secondary) 6%, white) url('../../../moto-papier/assets/textures/paper-grain.png');font-family:var(--moto-font-accent);font-size:clamp(25px,5.4vw,38px)}.masthead nav a{border-bottom:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 56%, var(--moto-text)) 13%, transparent)}.bottom-controls .device-nav a{font-size:10px}.paper-reading-button{font-size:9px}.intro-copy h1{font-size:32px}.intro-copy p{font-size:12px;line-height:1.6}.intro-copy .intro-kicker{font-size:9px}.all-projects-link{font-size:10px}.screen-face .project-view-link{font-size:12px}}.text-mode .intro-copy h1{font-size:46px}.text-mode .intro-copy p{font-size:16px}.text-mode .intro-copy .intro-kicker{font-size:11px}@media(max-width:600px){.text-mode .intro-copy h1{font-size:32px}.text-mode .intro-copy p{font-size:15px}}:root,body,button,input,textarea,select,.paper-kicker,.travel-status,.loading{font-family:var(--moto-font-secondary);font-size:15px;font-weight:var(--moto-weight-secondary)}h1,h2,h3,.intro-copy h1,.paper-face h2,.paper-face h3,.screen-face .slide-txt h2{font-family:var(--moto-font-primary);font-weight:var(--moto-weight-primary);line-height:1.25}h1,.intro-copy h1,.text-mode .intro-copy h1{font-size:32px}h2,.paper-face h2{font-size:24px}h3,.paper-face h3{font-size:18px}p,.paper-face p,.paper-face .lead,.text-mode .intro-copy p,.service p{font-size:15px;line-height:1.65}.moto-logo{line-height:0}.masthead{background:linear-gradient(color-mix(in srgb, var(--moto-on-dark) 94%, transparent),transparent)}.masthead nav{background:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 1%, white) 91%, transparent);border-radius:30px;box-shadow:0 4px 16px color-mix(in srgb, var(--moto-text) 7%, transparent);font:var(--moto-weight-accent) 12px var(--moto-font-accent)}.masthead nav a{border-radius:25px}.masthead nav a:hover,.masthead nav a[aria-current]{background:var(--moto-text);color:var(--moto-on-dark)}.nav-submenu{background:color-mix(in srgb, var(--moto-secondary) 1%, white);border-radius:15px;box-shadow:0 8px 20px color-mix(in srgb, var(--moto-text) 13%, transparent)}.masthead .project-cta{font-size:12px}.intro-copy{background-color:var(--moto-on-dark);background-image:repeating-linear-gradient(transparent 0 25px,color-mix(in srgb, var(--moto-primary) 13%, transparent) 25px 26px)}.intro-copy p{font-size:15px}.intro-copy .intro-kicker{font-size:12px}.intro-copy h1{font-size:32px}.intro-actions .button{font-size:12px}.intro-actions>a:last-child{font-size:12px}.paper-kicker{font-size:12px}.service-four .service{border:1px solid color-mix(in srgb, var(--moto-secondary) 26%, white);border-radius:12px;background:color-mix(in srgb, var(--moto-on-dark) 38%, transparent)}.service-four .service .paper-link{font-size:13px}.service-icon{font-size:42px;background:color-mix(in srgb, color-mix(in srgb, var(--moto-accent) 66%, white) 61%, transparent);border-radius:48% 36% 42% 28%}.icon-1{background:color-mix(in srgb, var(--moto-accent) 65%, white)}.icon-2{background:color-mix(in srgb, var(--moto-secondary) 27%, white)}.icon-3{background:color-mix(in srgb, var(--moto-secondary) 10%, white)}.quote{font-style:italic}.note-strip{background:transparent;border-top:1px solid color-mix(in srgb, var(--moto-secondary) 31%, white)}.note-strip a{font-size:13px}.paper-body>.mini-nav:last-child a{font-size:13px;border:0}.paper-body .button{font-size:12px}.process-four li{border:0;font-size:15px}.step-number{border:2px solid;border-radius:50%}.step-icon{font-size:25px}.way-number{font:var(--moto-weight-text) 13px var(--moto-font-text);color:color-mix(in srgb, var(--moto-primary) 61%, var(--moto-text))}.tag-list span{border:1px solid;border-radius:25px;font-size:12px}.team-cards a{font-size:12px}.studio-timeline li{border-top:2px solid color-mix(in srgb, var(--moto-accent) 88%, white)}.travel-status{font-size:10px;background:color-mix(in srgb, var(--moto-secondary) 1%, white);border-radius:30px}.travel-status:before{font-size:24px}.text-mode .paper-kicker{border:0}.text-mode .reading-references{background:color-mix(in srgb, var(--moto-secondary) 4%, white)}.reading-project-grid a{font-size:12px}.screen-face .reel-count{font-size:11px}.screen-face .slide-txt .slide-kicker{font-size:13px}.screen-face .slide-txt h2{font-size:24px}.screen-face .slide-txt p{font-size:15px}.screen-face .project-view-link,.all-projects-link{font:var(--moto-weight-accent) 12px var(--moto-font-accent);border:0;background:color-mix(in srgb, var(--moto-secondary) 12%, white)}.reel-arrows button{border:0;background:color-mix(in srgb, var(--moto-secondary) 12%, white);border-radius:50%;font-size:20px}.chat-proof{font-size:12px;border-top:1px solid color-mix(in srgb, var(--moto-secondary) 21%, white)}@media(max-width:1100px) and (min-width:761px){.masthead nav a{font-size:10px}.masthead .project-cta{font-size:10px}.intro-copy p{font-size:13px}}@media(max-width:760px){.masthead nav{border-radius:0;font-family:var(--moto-font-accent);font-size:15px}.masthead nav a{font-size:15px;border:0}.nav-submenu{box-shadow:none;background:none}.nav-submenu a{font-size:13px!important}.intro-copy p{font-size:15px}.intro-copy h1{font-size:32px}.paper-face h2{font-size:24px}.paper-face h3{font-size:18px}.paper-face p,.paper-face .lead,.service p{font-size:15px}.paper-face .mini-nav a,.paper-face .paper-link{font-size:13px}.screen-face.active .slide-txt h2{font-size:24px}.screen-face .slide-txt p{font-size:15px}.paper-reading-button{font-size:11px}.all-projects-link{font-size:10px}}.chat-proof{background:color-mix(in srgb, var(--moto-secondary) 4%, white);font-size:12px}.screen-face .chat .msg,.screen-face .chat .chip,.screen-face .chat button,.screen-face .chat p{font-family:var(--moto-font-accent);font-size:15px;line-height:1.6}.screen-face .chat .term-tag{font-size:13px}.screen-face .chat .msg-txt{font-size:15px}@media(max-width:760px){.screen-face .reference-screen .slide-txt h2{font-size:24px}}.service-icon svg,.step-icon svg,.process-legend svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.text-mode .reading-references h2{font-size:24px}.reference-page h1{font-size:32px}.reference-page h2{font-size:24px}.reference-page h3{font-size:18px}h1,h2,h3,.intro-copy h1,.paper-face h2,.paper-face h3,.screen-face .slide-txt h2,.reference-intro h1,.project-intro h1,.card-copy h2,.project-story h2,.project-story h3{font-family:var(--moto-font-primary)!important;font-weight:var(--moto-weight-primary)!important}.masthead,.reference-header,.text-mode .masthead{background:linear-gradient(color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 72%, white) 17%, transparent),transparent)}.masthead #main-menu>a,.masthead #main-menu>.nav-group>a{background:transparent!important;color:color-mix(in srgb, var(--moto-secondary) 35%, var(--moto-text))!important}.masthead #main-menu>a.indicator-target,.masthead #main-menu>.nav-group>a.indicator-target{color:var(--moto-on-dark)!important}.menu-indicator{border-radius:30px;background:color-mix(in srgb, var(--moto-secondary) 24%, var(--moto-text))}.masthead .nav-submenu{border-radius:0 0 18px 18px;background:color-mix(in srgb, var(--moto-secondary) 1%, white);box-shadow:0 9px 16px color-mix(in srgb, var(--moto-text) 7%, transparent)}.masthead .nav-submenu a{font-size:12px!important}.masthead .nav-submenu a:hover,.masthead .nav-submenu a[aria-current]{background:color-mix(in srgb, var(--moto-secondary) 24%, var(--moto-text))!important;color:var(--moto-on-dark)!important}.project-cta{border:0!important;border-radius:28px 28px 28px 7px!important}.project-cta:after{border-top:13px solid color-mix(in srgb, var(--moto-secondary) 5%, white);border-right:13px solid transparent}.project-cta:hover{background:color-mix(in srgb, var(--moto-secondary) 8%, white)}.project-cta:hover:after{border-top-color:color-mix(in srgb, var(--moto-secondary) 8%, white)}.button,.paper-body .button,.project-view-link,.screen-face .project-view-link,.all-projects-link,.mini-nav a,.hotspot,.hotspot.secondary,.paper-reading-button,.reference-filters button,.all-references,.view-tools button{font:var(--moto-weight-accent) 11px/1.5 var(--moto-font-accent)!important;border:0!important;background-color:color-mix(in srgb, var(--moto-secondary) 12%, white)!important;color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text));border-radius:25px}.button:hover,.paper-body .button:hover,.project-view-link:hover,.screen-face .project-view-link:hover,.all-projects-link:hover,.mini-nav a:hover,.hotspot:hover,.paper-reading-button:hover,.reference-filters button:hover,.all-references:hover,.view-tools button:hover{color:var(--moto-text)!important;background-color:color-mix(in srgb, var(--moto-secondary) 17%, white)!important}.reference-filters button[aria-pressed=true]{background:var(--moto-text)!important;color:var(--moto-on-dark)!important}.screen-face .term-reset{font-size:11px!important;line-height:1.4;color:var(--moto-secondary)}.term-reset:before{background:currentColor}.chat-proof,.chat-proof span{font:var(--moto-weight-text) 11px/1.5 var(--moto-font-text);color:var(--moto-secondary)}.reel-arrows button{border:0;border-radius:50%;background:color-mix(in srgb, var(--moto-secondary) 12%, white);color:var(--moto-text)}.reel-arrows svg{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.reel-progress{border-radius:5px;background:color-mix(in srgb, var(--moto-secondary) 21%, white)}.reel-progress>span{background:color-mix(in srgb, var(--moto-primary) 68%, var(--moto-text))}.paper-body>.mini-nav:last-child a{font:var(--moto-weight-accent) 11px/1.5 var(--moto-font-accent)!important;border:0!important;background:color-mix(in srgb, var(--moto-secondary) 12%, white);border-radius:25px}.home-arrow{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.all-projects-link,.reading-references>.button{font-size:11px!important;border:0;background:color-mix(in srgb, var(--moto-secondary) 12%, white)!important;color:var(--moto-text)!important;border-radius:25px!important}.studio-timeline:before{border-top:1px solid var(--moto-primary)}.studio-timeline li{border:0}.studio-timeline li:before{border-radius:50%;background:color-mix(in srgb, var(--moto-secondary) 5%, white);border:1px solid var(--moto-primary)}.studio-timeline b{font:var(--moto-weight-text) 13px var(--moto-font-text)}.studio-timeline span{font-size:12px;line-height:1.5}#kontakt .contact-links{font-size:15px;line-height:1.65}#kontakt .contact-links a{font-size:15px}#kontakt .contact-address{font-size:15px}#kontakt .map-link{font-size:15px;border:0;text-decoration:underline}@media(max-width:760px){.masthead #main-menu>a[aria-current],.masthead #main-menu>.nav-group>a[aria-current]{color:var(--moto-on-dark)!important;background:color-mix(in srgb, var(--moto-secondary) 24%, var(--moto-text))!important}.masthead #main-menu>a.indicator-target:not([aria-current]),.masthead #main-menu>.nav-group>a.indicator-target:not([aria-current]){color:color-mix(in srgb, var(--moto-secondary) 35%, var(--moto-text))!important}.masthead .nav-submenu{box-shadow:none;border-radius:0;background:none}.masthead .project-cta,.reference-header .project-cta{font-size:11px!important}.text-mode .intro-copy h1{font-size:26px}.paper-reading-button{border-radius:2px}}.screen-face .chat .chip,.btn{font:var(--moto-weight-accent) 11px/1.5 var(--moto-font-accent)!important;border:0!important;background:color-mix(in srgb, var(--moto-secondary) 12%, white)!important;color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))!important;border-radius:25px}.screen-face .chat .chip:hover,.btn:hover{color:var(--moto-text)!important;background:color-mix(in srgb, var(--moto-secondary) 17%, white)!important}@media(max-width:760px){.masthead #main-menu{background:color-mix(in srgb, var(--moto-secondary) 4%, white) url('../../../moto-papier/assets/textures/paper-grain.png')!important}}.screen-face .chat-proof,.text-mode .chat-proof{font-size:11px!important}.screen-face .chat .msg-system,.screen-face .chat .msg-system .msg-txt{color:var(--moto-primary)!important}.screen-face .chat .term-reset:hover{color:var(--moto-primary)!important}.menu-indicator{background:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))}.masthead .nav-submenu a:hover,.masthead .nav-submenu a[aria-current]{background:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))!important}.masthead .project-cta:hover,.reference-header .project-cta:hover{background:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))!important;color:var(--moto-on-dark)!important}.masthead .project-cta:hover:after,.reference-header .project-cta:hover:after{border-top-color:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))}.paper-reading-button{border-radius:2px!important}.intro-copy .intro-actions>a{font:var(--moto-weight-text) 12px/1.5 var(--moto-font-text)!important;border:1px solid color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))!important;background-color:transparent!important;color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))!important;border-radius:25px!important}.intro-copy .intro-actions>a:hover{color:var(--moto-text)!important;background-color:transparent!important}.travel-status{background:transparent!important;box-shadow:none!important;border:0}.text-mode #back-desk:before{background:currentColor}.text-mode #chat .chat{border:1px solid color-mix(in srgb, var(--moto-secondary) 32%, white);border-radius:25px}.text-mode #chat .chat-proof{border:0;background:transparent}.service-icon.icon-0,.service-icon.icon-2{background:transparent}.service-four .service .paper-link,.note-strip>a{font:var(--moto-weight-accent) 11px/1.5 var(--moto-font-accent);border:0!important;background:color-mix(in srgb, var(--moto-secondary) 12%, white);border-radius:25px;color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text));text-decoration:none}.service-four .service .paper-link:hover,.note-strip>a:hover{color:var(--moto-text)}.paper-body>.mini-nav:last-child a,.device-page-nav a{border:1px solid color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))!important;background:transparent!important}.agency-actions .button{font-size:12px!important;background-color:color-mix(in srgb, var(--moto-secondary) 12%, white)!important}.team-cards h3+p{font-size:12px!important}.team-cards a{font-size:14px!important}#contact-form>.button,#support-form>.button{font-size:12px!important;background-color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))!important;color:var(--moto-on-dark)!important}#contact-form>.button:hover,#support-form>.button:hover{background-color:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))!important;color:var(--moto-on-dark)!important}.device-page-nav a{font:var(--moto-weight-text) 11px/1.5 var(--moto-font-text);border-radius:25px;color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))}.device-page-nav a:hover{color:var(--moto-text)!important;background:transparent!important}@media(max-width:760px){.masthead #main-menu>a[aria-current],.masthead #main-menu>.nav-group>a[aria-current]{background:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))!important}}.text-mode #chat .chat-box{border:1px solid color-mix(in srgb, var(--moto-secondary) 32%, white);border-radius:25px}.text-mode #chat .chat{border:0}.screen-face .chat .msg-intro,.screen-face .chat .msg-intro .msg-txt,.screen-face .chat .msg-user,.screen-face .chat .msg-user .msg-txt{color:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))!important}.screen-face .chat .term-tag:before,.screen-face .chat h2,.screen-face .chat h3,.screen-face .chat .form-inline label{font-family:var(--moto-font-primary)!important;font-weight:var(--moto-weight-primary)!important}body:not(.text-mode) .paper-face.active>.paper-body{scrollbar-color:color-mix(in srgb, var(--moto-secondary) 62%, white) transparent}.process-four li:not(:last-child):after{border-top:1px dashed color-mix(in srgb, var(--moto-secondary) 62%, white)}.step-number{background:color-mix(in srgb, var(--moto-secondary) 5%, white)}#arbeitsweise .process-legend{font-size:12px;color:color-mix(in srgb, var(--moto-secondary) 92%, white)}#arbeitsweise .tag-list span{border:1px solid color-mix(in srgb, var(--moto-secondary) 28%, white);color:color-mix(in srgb, var(--moto-secondary) 70%, white);background:transparent}.travel-status:before{color:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))}@media(max-width:760px){.process-four li:not(:last-child):after{border-top:0;border-left:1px dashed color-mix(in srgb, var(--moto-secondary) 62%, white)}}.screen-face .chat button.chip{color:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))!important}

/* style.css */
.project-story a{text-decoration:underline} .filter-empty{background:color-mix(in srgb, var(--moto-secondary) 7%, white)}
body:not(.text-mode) #desk-app :is(button,.button,.paper-link,.mini-nav a,.intro-actions a,.project-view-link,.all-projects-link){
  border:1px solid color-mix(in srgb, var(--moto-secondary) 59%, white);border-radius:0;font-size:12px
}
body:not(.text-mode) #desk-app .screen-face .project-view-link{border-color:color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text));font-size:10px}
body:not(.text-mode) #desk-app .all-projects-link{background:color-mix(in srgb, var(--moto-secondary) 41%, white);border:0;font-size:10px}
.text-mode #paper-content #chat,.text-mode #chat :is(.chat-box,.chat,.chat-proof){
  background:color-mix(in srgb, var(--moto-secondary) 5%, white) url("../../../moto-papier/assets/textures/paper-grain.png")
}
.text-mode #paper-content #studio{--paper:color-mix(in srgb, var(--moto-secondary) 4%, white);background:color-mix(in srgb, var(--moto-secondary) 4%, white)}
.text-mode #paper-content .reading-references{background:color-mix(in srgb, var(--moto-secondary) 6%, white)}
.text-mode #paper-content :is(#arbeitsweise,#kontakt,#soforthilfe){--paper:color-mix(in srgb, var(--moto-secondary) 5%, white);background:color-mix(in srgb, var(--moto-secondary) 5%, white)}
.text-mode :is(#arbeitsweise,#kontakt) .paper-body{
  background-image:repeating-linear-gradient(transparent 0 31px,color-mix(in srgb, var(--moto-primary) 13%, transparent) 31px 32px);
  background-size:auto
}
.text-mode #soforthilfe .paper-body{
  background-image:linear-gradient(color-mix(in srgb, var(--moto-primary) 9%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--moto-primary) 9%, transparent) 1px,transparent 1px);
  background-size:24px 24px
}
.text-mode :is(.mini-nav,.device-page-nav) a:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text));color:var(--moto-on-dark)}
.text-mode :is(.mini-nav,.device-page-nav) a[href="#fragen"]:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-primary) 61%, var(--moto-text));color:var(--moto-on-dark)}
.text-mode .reading-all-projects{font-size:13px}
.text-mode .reading-all-projects:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text));color:var(--moto-on-dark)}

#desk-app .screen-face .chat button.chip{background:color-mix(in srgb, var(--moto-accent) 32%, white)!important}
#desk-app .screen-face .chat button.chip:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-accent) 65%, white)!important}
.screen-face .form-inline input{font-size:14px;border-radius:0;border:1px solid color-mix(in srgb, var(--moto-secondary) 59%, white)}
#desk-app .screen-face .form-inline button,.form-inline .btn{background:color-mix(in srgb, var(--moto-accent) 32%, white)!important}
#leistungen .paper-body>.mini-nav:last-child a:hover{background-color:color-mix(in srgb, var(--moto-secondary) 17%, white)!important;color:color-mix(in srgb, var(--moto-secondary) 29%, var(--moto-text))}
#leistungen .note-strip{border:1px solid color-mix(in srgb, var(--moto-secondary) 26%, white);border-radius:12px;background:color-mix(in srgb, var(--moto-on-dark) 38%, transparent)
}
#arbeitsweise .tag-list span{border:1px dashed var(--moto-secondary);color:var(--moto-secondary)}
#arbeitsweise .process-four li:not(:last-child)::after{border-top:1px dashed color-mix(in srgb, var(--moto-secondary) 61%, white)
}
#arbeitsweise :is(.step-icon,.process-legend) svg{color:var(--moto-primary)}
#agenturen .paper-grid .service{background:color-mix(in srgb, color-mix(in srgb, var(--moto-accent) 41%, white) 51%, transparent);border:1px solid color-mix(in srgb, var(--moto-secondary) 69%, white);border-radius:22px
}

.screen-face .slide-txt p{font-size:14px}
.screen-face .slide-txt .slide-kicker{font-size:11px}
#studio .paper-body::before{
  background:color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 29%, white) 62%, transparent)
}
#studio article.service{background-color:color-mix(in srgb, var(--moto-on-dark) 80%, transparent);border:0}
#studio .team-cards a:hover{color:var(--moto-primary)}
.paper-face details p{font-size:15px}
.faq-list details summary::after{font-size:1.2em}
.contact-links{font-size:16px}
.contact-links a{font-size:inherit}
.contact-icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.paper-face input{font-size:15px;border:1px solid color-mix(in srgb, var(--moto-secondary) 82%, white)}
body:not(.text-mode) #desk-app .device-page-nav a{border:1px solid color-mix(in srgb, var(--moto-secondary) 59%, white)!important;border-radius:0;font-size:12px}
.text-mode #desk-app .device-page-nav a:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))!important;color:var(--moto-on-dark)!important}
.text-mode #desk-app .device-page-nav a[href="#fragen"]:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-primary) 61%, var(--moto-text))!important;color:var(--moto-on-dark)!important}

body:not(.text-mode) #desk-app :is(.btn,.chat button.chip){
  font-size:12px!important;border:1px solid color-mix(in srgb, var(--moto-secondary) 59%, white)!important;border-radius:0
}
body:not(.text-mode) #desk-app :is(#text-view,#back-desk){border-radius:25px}
.text-mode #back-desk{border-radius:25px}
.text-mode #back-desk .desk-view-icon{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}

.text-mode .intro-copy{box-shadow:0 2px 4px color-mix(in srgb, var(--moto-text) 7%, transparent)}
.text-mode #paper-content #chat,.text-mode #chat :is(.chat-box,.chat,.chat-proof){background-color:color-mix(in srgb, var(--moto-secondary) 1%, white)}
.text-mode #chat :is(button,.device-page-nav a){font-size:12px!important}
.text-mode #desk-app :is(.device-page-nav,.mini-nav) a:is(:hover,:focus-visible){border-color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))!important}
.text-mode #desk-app :is(.device-page-nav,.mini-nav) a[href="#fragen"]:is(:hover,:focus-visible){border-color:color-mix(in srgb, var(--moto-primary) 61%, var(--moto-text))!important}
.text-mode #desk-app #leistungen .paper-body>.mini-nav:last-child a:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))!important;color:var(--moto-on-dark)}
.text-mode #desk-app #leistungen .paper-body>.mini-nav:last-child a[href="#fragen"]:is(:hover,:focus-visible){background:color-mix(in srgb, var(--moto-primary) 61%, var(--moto-text))!important}
#leistungen :is(.note-strip a,.paper-link,.mini-nav a,.elementor-button){font-size:12px}
#leistungen .note-strip a,.text-mode .reading-project-grid article>a{background:color-mix(in srgb, var(--moto-secondary) 12%, white);border-radius:25px
}
body:not(.text-mode) #desk-app #leistungen .note-strip a{border:1px solid color-mix(in srgb, var(--moto-secondary) 59%, white);border-radius:0}
.text-mode .reading-all-projects{font-size:12px}
#arbeitsweise .step-number{background:var(--moto-primary);border-color:var(--moto-primary);color:var(--moto-on-dark)}
.paper-face :is(input,textarea,select){font-size:15px;border:1px solid color-mix(in srgb, var(--moto-secondary) 82%, white)}
#contact-form button[type="submit"]{font-size:12px;background:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text));color:var(--moto-on-dark)}

@supports selector(details::details-content){
}
.paper-face .mpc-editor-container.e-con{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--gap:0}
#studio .mpc-editor-container.service{background:color-mix(in srgb, var(--moto-on-dark) 80%, transparent);border:0}
.paper-face .mpc-editor-container .elementor-button{font-size:12px}
.paper-face .mpc-editor-container .elementor-button:where(:not(:hover)){
 background:color-mix(in srgb, var(--moto-secondary) 12%, white);color:color-mix(in srgb, var(--moto-secondary) 66%, var(--moto-text))
}