/* assets/revision.css */
.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}

/* assets/references.css */
:root{color:color-mix(in srgb, var(--moto-secondary) 35%, var(--moto-text));background:var(--moto-on-dark);font-family:var(--moto-font-text)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb, var(--moto-primary) 63%, var(--moto-text));outline-offset:5px}h1,h2{font-family:var(--moto-font-primary);font-weight:var(--moto-weight-primary)}p{line-height:1.65}.skip{background:var(--moto-on-dark)}.reference-header nav{font-size:13px}.project-cta{border:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text)) 16%, transparent);border-radius:30px;background:color-mix(in srgb, var(--moto-secondary) 5%, white);font-size:13px}.project-cta svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.project-cta:hover{background:color-mix(in srgb, var(--moto-secondary) 8%, white)}.reference-kicker{font-size:11px;line-height:1.6;color:var(--moto-secondary)}.reference-intro h1{font-size:clamp(48px,5.3vw,88px);line-height:1.02}.reference-intro>p:last-child{font-size:18px}.masonry-card{border:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 49%, var(--moto-text)) 7%, transparent);background:color-mix(in srgb, var(--moto-secondary) 4%, white);box-shadow:0 5px 20px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 55%, var(--moto-text)) 4%, transparent)}.project-image-link{background:color-mix(in srgb, var(--moto-secondary) 11%, white)}.card-copy h2{font-size:30px;line-height:1.13}.card-copy p:not(.reference-kicker){font-size:14px}.project-view-link{border:1px solid color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text));border-radius:25px;font-size:13px}.project-view-link:hover{background:color-mix(in srgb, var(--moto-secondary) 39%, var(--moto-text));color:var(--moto-on-dark)}.project-intro h1{font-size:clamp(50px,6.3vw,100px);line-height:1.03}.project-lead{font-size:21px}.project-hero{background:color-mix(in srgb, var(--moto-secondary) 8%, white)}.project-hero img{box-shadow:0 15px 50px color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 58%, var(--moto-text)) 8%, transparent)}.project-facts ul{font-size:24px;line-height:1.8}.project-facts h2{font-size:38px}.project-facts p{font-size:16px}.project-next{border-top:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 56%, var(--moto-text)) 15%, transparent);font-size:14px}.reference-footer{border-top:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 56%, var(--moto-text)) 10%, transparent);font-size:12px}.page-transition{background:var(--moto-on-dark)}.reference-world:focus{outline:none}
@media(max-width:600px){.reference-header nav{font-size:11px}.reference-header .project-cta{font-size:0}.reference-intro h1{font-size:49px}.reference-intro>p:last-child{font-size:15px}.card-copy h2{font-size:30px}.project-intro h1{font-size:48px}.project-lead{font-size:18px}.project-facts ul{font-size:20px}.project-facts h2{font-size:32px}.project-next{font-size:14px}.reference-footer{font-size:10px}}
@media(max-width:760px){.reference-header .project-cta{font-size:0}.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))}.project-mobile-menu{background:color-mix(in srgb, var(--moto-secondary) 6%, white) url('../../../moto-papier/assets/textures/paper-grain.png');font:var(--moto-weight-text) 25px var(--moto-font-text)}.project-mobile-menu a{border-bottom:1px solid color-mix(in srgb, color-mix(in srgb, var(--moto-secondary) 56%, var(--moto-text)) 13%, transparent)}}

body.reference-page{background:var(--moto-on-dark);font-family:var(--moto-font-text)}.reference-header{background:color-mix(in srgb, var(--moto-on-dark) 96%, transparent)}.reference-intro h1,.project-intro h1{font:var(--moto-weight-primary) 32px/1.3 var(--moto-font-primary)}.reference-intro>p:last-child,.project-lead{font-size:15px}.card-copy h2,.project-story h2,.project-facts h2{font:var(--moto-weight-primary) 24px/1.3 var(--moto-font-primary)}.card-copy p,.project-story p{font-size:15px}.project-view-link{border:0;background:color-mix(in srgb, var(--moto-secondary) 10%, white);font-size:12px}.breadcrumbs{font-size:12px;color:color-mix(in srgb, var(--moto-secondary) 96%, white)}.reference-filters button,.all-references{font-size:12px;border:1px solid color-mix(in srgb, var(--moto-secondary) 21%, white);border-radius:25px;background:color-mix(in srgb, var(--moto-secondary) 4%, white)}.reference-filters button[aria-pressed=true],.reference-filters button:hover{background:var(--moto-text);color:var(--moto-on-dark)}.filter-status{font-size:12px;color:color-mix(in srgb, var(--moto-secondary) 93%, white)}.project-contact{background:color-mix(in srgb, var(--moto-secondary) 5%, white)}.reference-footer{font-size:12px}.project-intro p{font-size:13px}
@media(max-width:760px){.reference-intro h1,.project-intro h1{font-size:32px}.project-contact h2{font-size:18px}.project-contact a{font-size:12px}.card-copy h2{font-size:24px}.reference-header .project-cta{font-size:0}}.reference-page .project-cta{color:inherit}
@media(max-width:760px){.reference-header #main-menu{background:color-mix(in srgb, var(--moto-secondary) 6%, white) url('../../../moto-papier/assets/textures/paper-grain.png')}}
.card-copy .reference-kicker{font-size:13px}

/* assets/polish.css */
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))
}
body:not(.text-mode) #desk-app .paper-face .elementor-button{border:1px solid color-mix(in srgb, var(--moto-secondary) 59%, white);border-radius:0;font-size:12px}