:root{--dauer-druck:34ms;--dauer-aus:.12s;--dauer-ein:.16s;--dauer-wechsel:.2s;--dauer-zeigen:.25s;--dauer-blatt:.4s;--dauer-feder:.5s;--dauer-verzug:.3s;--dauer-takt:.9s;--kurve-feder:cubic-bezier(.3, .7, .4, 1);--kurve-rast:cubic-bezier(.3, .7, .4, 1.5);--kurve-ein:cubic-bezier(.22, .8, .3, 1);--kurve-aus:cubic-bezier(.4, 0, 1, 1)}button,a,summary,input:is([type=radio],[type=checkbox]){transition:box-shadow var(--dauer-feder) var(--kurve-feder), translate var(--dauer-feder) var(--kurve-feder), color var(--dauer-zeigen), background-color var(--dauer-zeigen), border-color var(--dauer-zeigen)}button:active,a:active,summary:active,input:is([type=radio],[type=checkbox]):active{transition:box-shadow var(--dauer-druck) linear, translate var(--dauer-druck) linear, color var(--dauer-zeigen), background-color var(--dauer-zeigen), border-color var(--dauer-zeigen);translate:0 1px}.button:active,.reiter .button[aria-pressed]:active{box-shadow:none}.start-enter>.start-band{animation:start-band-in var(--dauer-feder) var(--kurve-ein)}.start-enter :is(.start-metrics,.start-blocks)>*{animation:start-tile-in .5s var(--kurve-feder) backwards;animation-delay:calc(var(--start-tile-index,0) * 60ms)}.start-enter :is(.start-metrics,.start-blocks)>:nth-child(2){--start-tile-index:1}.start-enter :is(.start-metrics,.start-blocks)>:nth-child(3){--start-tile-index:2}.start-enter :is(.start-metrics,.start-blocks)>:nth-child(4){--start-tile-index:3}.start-enter :is(.start-metrics,.start-blocks)>:nth-child(5){--start-tile-index:4}.start-enter :is(.start-metrics,.start-blocks)>:nth-child(6){--start-tile-index:5}.start-enter .start-blocks>*{animation-delay:calc((var(--start-metric-count,0) + var(--start-tile-index,0)) * 60ms)}@keyframes start-tile-in{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes start-band-in{0%{transform:translateY(18px)}to{transform:translateY(0)}}.start-page.gerippe[data-visible=true]>.gerippe-shapes{animation:none}.content-enter{animation:content-in var(--dauer-ein) var(--kurve-ein)}.ladezeichen{color:var(--ladefarbe,var(--aktion));vertical-align:middle;flex-shrink:0;display:inline-flex}.ladezeichen svg{animation:loading-turn var(--dauer-takt) linear infinite}@keyframes loading-turn{0%{animation-timing-function:var(--kurve-rast);transform:rotate(0)}55.5556%,to{transform:rotate(180deg)}}@keyframes content-in{0%{opacity:0}to{opacity:1}}.gerippe{position:relative}.gerippe-shapes{visibility:visible}.gerippe-loading{pointer-events:none;font-size:16px;position:absolute;top:0;right:0}.gerippe-shapes *,.gerippe-shapes :before,.gerippe-shapes :after{animation:none!important}.sheet[data-state=open]{animation:sheet-in var(--dauer-feder) var(--kurve-feder)}.sheet[data-state=closing]{animation:sheet-out var(--dauer-ein) var(--kurve-aus) forwards}@keyframes sheet-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheet-out{to{transform:translate(100%)}}.drawer[data-state=open]{animation:drawer-in .24s var(--kurve-ein)}.drawer[data-state=closing]{animation:drawer-out var(--dauer-ein) var(--kurve-aus) forwards}.command-dialog[data-state=open]{animation:command-in var(--dauer-ein) var(--kurve-feder)}.command-dialog[data-state=closing]{animation:command-out var(--dauer-aus) var(--kurve-feder) forwards}@keyframes command-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes command-out{to{opacity:0;transform:translateY(-4px)}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-out{to{transform:translate(-100%)}}.notice{animation:notice-in var(--dauer-wechsel) var(--kurve-ein)}.notice[data-leaving=true]{animation:notice-out var(--dauer-ein) var(--kurve-aus) forwards}@keyframes notice-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes notice-out{to{opacity:0;transform:translateY(8px)}}.state-snap:not(.zustand){animation:state-snap .3s var(--kurve-feder)}@keyframes state-snap{0%{background:var(--aktion-toenung);transform:scale(.96)}to{transform:scale(1)}}.row-enter{animation:row-side-in var(--dauer-verzug) var(--kurve-feder) backwards}.row-leave{animation:row-side-out var(--dauer-ein) var(--kurve-aus) forwards}.row-pending{opacity:.72;cursor:progress}.jump-target{animation:.6s ease-out target-tint}@keyframes target-tint{0%{background:var(--aktion-toenung)}to{background:0 0}}.company-switcher{max-height:0;transition:max-height .35s var(--kurve-ein), margin-bottom .35s var(--kurve-ein);overflow:hidden}.company-switcher[data-open=true]{max-height:320px;overflow-y:auto}.mode-thumb{transition:transform var(--dauer-verzug) var(--kurve-feder)}@media (max-width:767px){.sheet:not(.drawer)[data-state=open]{animation-name:sheet-up}.sheet:not(.drawer)[data-state=closing]{animation-name:sheet-down}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{to{transform:translateY(100%)}}.os-content .content-enter{animation:none}.nav-pill{transition:transform .5s cubic-bezier(.3,.7,.4,1),height .5s cubic-bezier(.3,.7,.4,1)}.live-dot-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.live-ring{width:24px;height:24px;color:var(--erledigt);pointer-events:none;margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%;overflow:visible}@media (prefers-reduced-motion:reduce){.live-ring{display:none}}.page-content[data-enter=across]{animation:.45s cubic-bezier(.3,.7,.4,1) page-across}.page-content[data-enter=forward] :is(.contact-file,.offer-file,.invoice-file,.product-file,.report-file,.inquiry-file,.calendar-details){animation:.45s cubic-bezier(.3,.7,.4,1) page-forward}@keyframes page-across{0%{transform:translateY(8px)}}@keyframes page-forward{0%{transform:translate(28px)}}@keyframes page-back{0%{transform:translate(-28px)}}@media (max-width:767px){.page-content[data-enter=back]{animation:.45s cubic-bezier(.3,.7,.4,1) page-back}}.page-content[data-enter=across] :is(h1,h2,p){animation:.45s cubic-bezier(.3,.7,.4,1) content-in}.os-content{overflow-x:hidden}@media (min-width:768px){.block-title:not(.block-title-skeleton){border-bottom-color:#0000;position:relative}.block-title:not(.block-title-skeleton):after{content:"";background:var(--linie);transform-origin:0;height:1px;animation:line-draw .5s var(--kurve-ein) backwards;animation-delay:calc(.5s + var(--start-tile-index,0) * 60ms);position:absolute;bottom:-1px;left:0;right:0}.start-enter .start-blocks .block-title:after{animation-delay:calc(.5s + (var(--start-metric-count,0) + var(--start-tile-index,0)) * 60ms)}.contact-identity .block-title:after{content:none}.beleg-closing .block-title:not(.sheet *):after{background:var(--linie-b)}.start-segment,.start-figure-bar{transform-origin:0;animation:line-draw .5s var(--kurve-ein) backwards;animation-delay:calc(.5s + var(--start-tile-index,0) * 60ms)}.empty-state>*{animation:empty-rise .3s var(--kurve-ein) backwards}.empty-state>:first-child{animation-name:empty-symbol}.empty-state>:nth-child(2){animation-delay:60ms}.empty-state>:nth-child(3){animation-delay:.12s}.empty-state>:nth-child(4){animation-delay:.18s}.beleg-editor-form[data-step-direction=forward]{animation:step-forward .3s var(--kurve-ein) backwards}.beleg-editor-form[data-step-direction=back]{animation:step-back .3s var(--kurve-ein) backwards}}@keyframes line-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes empty-symbol{0%{opacity:0;transform:scale(.92)}}@keyframes empty-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes step-forward{0%{opacity:0;transform:translate(24px)}}@keyframes step-back{0%{opacity:0;transform:translate(-24px)}}@keyframes row-side-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes row-side-out{to{opacity:0;transform:translate(24px)}}.beleg-steps{position:relative}.beleg-steps:after{content:"";background:var(--erledigt);height:2px;transform:scaleX(var(--step-progress,0));transform-origin:0;transition:transform .3s var(--kurve-feder);position:absolute;bottom:0;left:4px;right:4px}.beleg-steps .state-snap{animation-timing-function:var(--kurve-feder);display:inline-flex}@media (max-width:767px){.beleg-steps:after{transition:none}}.contact-opening-identity{align-items:center;gap:12px;min-width:0;display:flex}.contact-opening-identity>div:last-child{flex:1;min-width:0}.document-customer-identity{overflow-wrap:anywhere;align-items:center;gap:12px;min-width:0;display:flex}.beleg-editor>header>.document-customer-identity{grid-column:1}@media (min-width:768px){.file-arrival :is(.contact-file-left,.contact-file-right,.beleg-editor-form)>.surface,.file-arrival .beleg-editor-preview{animation:content-in .16s var(--kurve-ein)}}.os-frame .linked-row[data-file-selected=true]{background:var(--buehne);color:var(--text-b);opacity:1}.os-frame .linked-row[data-file-selected=true] :is(.contact-number,.contact-row-text>span,.offer-row-text>span,.invoice-row-text>span){color:var(--leise-auf-buehne)}.os-frame .linked-row[data-file-selected=true]:before{background:var(--akzent-auf-buehne);transform:scaleY(1)}.sheet:not(.drawer)::backdrop{background:rgb(from var(--buehne) r g b / .16)}.sheet:not(.drawer)[data-state=open]::backdrop{animation:content-in var(--dauer-verzug) var(--kurve-feder)}.sheet:not(.drawer)[data-state=closing]::backdrop{animation:veil-out var(--dauer-ein) var(--kurve-aus) forwards}@keyframes veil-out{to{opacity:0}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.page-content{transition:transform var(--dauer-ein) var(--kurve-aus)}.page-content:has(.sheet:not(.drawer)[open][data-state=open]){transition:transform var(--dauer-feder) var(--kurve-feder);transform:scale(.985)}}.zustand-mark{flex:0 0 12px;justify-content:center;align-items:center;width:12px;height:12px;margin-inline:-2.5px;display:inline-flex;position:relative}.zustand-check{opacity:0;width:12px;height:12px;position:absolute;overflow:visible}.zustand-check path{stroke-dasharray:1}.zustand[data-confirming] :is(.zustand-dot,.zustand-symbol){animation:confirmation-dot calc(2 * var(--dauer-verzug) + 2 * var(--dauer-ein)) linear}.zustand[data-confirming] .zustand-check{animation:confirmation-check calc(2 * var(--dauer-verzug) + var(--dauer-ein)) linear}.zustand[data-confirming] .zustand-check path{animation:confirmation-draw var(--dauer-verzug) var(--kurve-feder)}@keyframes confirmation-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes confirmation-check{0%,78.947%{opacity:1;transform:none}78.947%{animation-timing-function:var(--kurve-aus)}to{opacity:0;transform:scale(.5)}}@keyframes confirmation-dot{0%,82.608%{opacity:0;transform:scale(.3)}82.609%{opacity:1;animation-timing-function:var(--kurve-feder);transform:scale(.3)}to{opacity:1;transform:none}}[data-sliding-pill]{isolation:isolate;position:relative}.reiter-pill{pointer-events:none;border-radius:var(--ecke-pille);background:var(--buehne);box-shadow:var(--kante-knopf);z-index:-1;position:absolute}.os-frame [data-pill-moving] :is(.button,button,a)[aria-pressed=true],.os-frame [data-pill-moving] a[aria-current=page]{color:var(--text-b);box-shadow:none;background:0 0;border-color:#0000}[data-tab-content] .block-title:after,[data-tab-content] .empty-state>*,[data-tab-content] .content-enter,[data-tab-content] .start-segment,[data-tab-content] .start-figure-bar{animation:none!important}.page-content[data-enter=tabs]{animation:content-in var(--dauer-ein)}@media (prefers-reduced-motion:reduce){[data-confirming] .zustand-check{opacity:0}}.file-growing-surface{background:var(--flaeche-os);border-radius:var(--ecke-kachel);box-shadow:var(--schatten-kachel);transform-origin:0 0;pointer-events:none;z-index:40;position:fixed}[data-file-growing=true]>:is(.file-arrival,[data-file-opening]){visibility:hidden}@media (min-width:768px){.page-content[data-enter=forward] :is(.contact-file,.offer-file,.invoice-file){animation:none}}.os-frame [data-sliding-pill]:not(.mode-switch) :is(button,.button)[aria-pressed=true]{color:var(--text-b);background-color:var(--buehne);border-color:#0000}.os-frame [data-sliding-pill][data-pill-moving] :is(button,.button)[aria-pressed=true]{box-shadow:none;background-color:#0000}.os-frame [data-pill-moving] :is(button,.button,a){background-color:#0000}[data-sliding-pill] :is(button,.button){transition-property:box-shadow,translate}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{scroll-behavior:auto!important;transition:none!important;animation:none!important}.ladezeichen{opacity:.55}.gerippe[data-visible=true] .gerippe-box{opacity:.75}.jump-target{background:var(--aktion-toenung)}}@media (max-width:767px){.drawer[data-state=open]{animation:phone-drawer-in .5s var(--kurve-feder)}.drawer[data-state=closing]{animation:phone-drawer-out .3s var(--kurve-ein) forwards}.drawer::backdrop{background:rgb(from var(--buehne) r g b / .32)}.drawer[data-state=open]::backdrop{animation:content-in .3s var(--kurve-ein)}.drawer[data-state=closing]::backdrop{animation:veil-out .3s var(--kurve-ein) forwards}@keyframes phone-drawer-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes phone-drawer-out{to{transform:translateY(110%)}}}@media (max-width:767px) and (prefers-reduced-motion:reduce){.bottom-nav *,.drawer,.drawer::backdrop{transition:none!important;animation:none!important}}
@media (max-width:767px),(display-mode:standalone){html{touch-action:manipulation;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior:none}:is(a,button,input,select,textarea,label,summary,[role=button],[role=tab],[role=link],[tabindex]){-webkit-tap-highlight-color:transparent}:is(.bottom-nav,.topbar,.seitenkopf,.start-phone-head,button,[role=button],.button){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:is(input,textarea,[contenteditable=true]){-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.app-update-notice{justify-content:space-between}.app-update-notice>.button-wrap{flex:none}.os-frame:has(.notice:not(.app-update-notice)) .app-update-notice{display:none}.app-install-steps{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.app-install-steps li{border-radius:var(--ecke-mulde);background:var(--mulde);align-items:center;gap:12px;padding:20px;display:flex}.app-install-steps .symbol{color:var(--text-mittel);flex:none}}