@import url(actiontext.css);:root{--font-family-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-bitter: "Bitter";--line-height-headers: 1.1;--line-height-body: 1.5;--font-size-xs: 0.75rem;--font-size-s: 0.875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 2.5rem;--color-text-header: hsl(0, 1%, 16%);--color-text-body: hsl(0, 5%, 25%);--color-text-muted: hsl(0, 1%, 44%);--space-xxxs: 0.25rem;--space-xxs: 0.375rem;--space-xs: 0.5rem;--space-s: 0.75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--space-xxxl: 3rem;--space-xxxxl: 4rem;--color-primary: rgb(23, 173, 146);--color-primary-opacity: rgba(23, 173, 146, .1);--color-primary-rotate: #313945;--color-primary-bg: hsl(0, 85%, 96%);--color-secondary: hsl(101, 45%, 56%);--color-secondary-bg: hsl(101, 88%, 93%);--color-secondary-rotate: hsl(120, 45%, 56%);--color-tertiary: hsl(49, 89%, 64%);--color-glint: hsl(210, 100%, 82%);--color-link: #313945;--color-primary-9e: rgb(0, 253, 207);--color-secondary-9e: #0000ff;--color-grey-dark-9e: #313945;--color-grey-light-9e: #717780;--hightlight-color: red;--color-orange: orange;--color-false:hsl(350, 67%, 50%);--color-awv-rgb: rgb(255, 192, 192);--color-awv: rgba(255,33,33,0.15);--color-true:hsl(120, 67%, 50%);--color-generated:hsl(120, 26%, 84%);--color-draft:hsl(300, 20%, 84%);--color-overdue:hsl(0, 26%, 84%);--color-cancellation:hsl(49, 26%, 84%);--color-white: hsl(0, 0%, 100%);--color-background: hsl(30, 50%, 98%);--color-light: hsl(0, 6%, 93%);--color-dark: var(--color-text-header);--border-radius: 0.375rem;--border: solid 2px var(--color-light);--shadow-large: 2px 4px 10px hsl(0 0% 0% / 0.1);--shadow-small: 1px 3px 6px hsl(0 0% 0% / 0.1)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{overflow-y:scroll;height:100%}body{display:flex;flex-direction:column;min-height:100%;background-color:var(--color-background);color:var(--color-text-body);line-height:var(--line-height-body);font-family:var(--font-family-bitter);font-variant-numeric:tabular-nums}img,picture,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text-header);line-height:var(--line-height-headers)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-l)}a{color:var(--color-link);text-decoration:none;transition:color 200ms}a:hover,a:focus,a:active{color:var(--color-primary)}.gu-mirror{position:fixed !important;margin:0 !important;z-index:9999 !important;opacity:0.8}.gu-hide{display:none !important}.gu-unselectable{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.gu-transit{opacity:0.2}.gu-mirror{display:block}.gu-mirror *{cursor:grabbing}.btn{display:inline-block;padding:var(--space-xxs) var(--space-m);border-radius:var(--border-radius);background-origin:border-box;background-color:transparent;border:solid 2px transparent;font-weight:bold;text-decoration:none;cursor:pointer;outline:none;transition:filter 400ms, color 200ms}.btn:hover,.btn:focus,.btn:focus-within,.btn:active{transition:filter 250ms, color 200ms}.btn--selected{border-bottom:none;border-radius:0;border-inline:3px solid transparent;border-top:3px solid transparent;color:var(--color-grey-dark-9e);text-transform:uppercase}.btn--selected:hover,.btn--selected:focus,.btn--selected:focus-within,.btn--selected:active{color:var(--color-grey-dark-9e);background-color:var(--color-primary-9e);border-inline:3px solid var(--color-grey-dark-9e);border-top:3px solid var(--color-grey-dark-9e);filter:saturate(1.4) brightness(115%)}.btn--primary{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary);font-size:var(--font-size-xl)}.btn--primary:hover,.btn--primary:focus,.btn--primary:focus-within,.btn--primary:active{color:var(--color-white);background-color:var(--color-grey-dark-9e);border-color:var(--color-grey-dark-9e)}.btn--secondary{color:var(--color-grey-dark-9e);border-color:var(--color-grey-dark-9e)}.btn--secondary:hover,.btn--secondary:focus,.btn--secondary:focus-within,.btn--secondary:active{color:var(--color-dark-9e);background-color:var(--color-primary-9e);filter:saturate(1.2) brightness(110%)}.btn--light{color:var(--color-dark);background-color:var(--color-light)}.btn--light:hover,.btn--light:focus,.btn--light:focus-within,.btn--light:active{color:var(--color-dark);filter:brightness(92%)}.btn--dark{color:var(--color-white);border-color:var(--color-dark);background-color:var(--color-dark)}.btn--dark:hover,.btn--dark:focus,.btn--dark:focus-within,.btn--dark:active{color:var(--color-white)}.btn--true{color:var(--color-true);border-color:var(--color-true)}.btn--true:hover,.btn--true:focus,.btn--true:focus-within,.btn--true:active{color:var(--color-white)}.btn--false{color:var(--color-false);border-color:var(--color-false)}.btn--false:hover,.btn--false:focus,.btn--false:focus-within,.btn--false:active{color:var(--color-white)}.btn--icon{display:flex;align-items:center;gap:1em;font-size:var(--font-size-xl);font-weight:700}.btn--icon::before{color:var(--color-white);display:flex;justify-content:center;align-items:center;width:2.5em;height:2.5em;border-radius:50%;content:"+";font-size:var(--font-size-xl);background-color:var(--color-primary)}.nav-btn{display:inline-block;padding:var(--space-xxs) var(--space-m);background-origin:border-box;background-color:transparent;font-weight:bold;text-decoration:none;cursor:pointer;outline:none;transition:filter 400ms, color 200ms;color:var(--color-primary-9e)}.nav-btn:hover,.nav-btn:focus,.nav-btn:focus-within,.nav-btn:visited{color:var(--color-primary-9e);border-bottom:solid 4px var(--color-primary-9e)}.nav-btn--active{border-bottom:solid 4px var(--color-primary-9e)}#invoice_sheet::file-selector-button{background-color:transparent;color:var(--color-grey-dark-9e);border:1px solid;border-radius:5px;padding:0.7em;border-color:var(--color-grey-dark-9e);font-family:var(--font-family-bitter);cursor:pointer}#invoice_sheet::file-selector-button:hover,#invoice_sheet::file-selector-button:focus,#invoice_sheet::file-selector-button:focus-within,#invoice_sheet::file-selector-button:active{color:var(--color-dark-9e);background-color:var(--color-primary);filter:saturate(1.2) brightness(110%)}.switch{position:relative;width:64px;height:34px;display:inline-block}.switch span{position:absolute;background-color:var(--color-secondary);border-radius:17px;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:background-color 0.4s}.switch span::before{background-color:white;border-radius:50%;content:"";position:absolute;left:4px;bottom:4px;height:26px;width:26px}.switch input{display:none}input:checked+span{background-color:var(--color-primary)}input:checked+span::before{transform:translateX(30px)}.toggle{display:flex;align-items:center;gap:1em}.error-message{width:100%;padding:var(--space-s);margin:var(--space-s);border-radius:var(--border-radius)}.error-message--notice{background-color:var(--color-secondary-bg);color:var(--color-secondary)}.error-message--alert{background-color:var(--color-primary-bg);color:var(--color-false);font-weight:700}.error-message--error{background-color:var(--color-primary-bg);color:var(--color-primary)}.form{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-s)}.form__group{flex:1;margin-bottom:var(--space-m)}.form__group label{margin-bottom:var(--space-xxxs)}.form__input{display:block;width:100%;max-width:100%;padding:var(--space-xxs) var(--space-xs);border:var(--border);border-radius:var(--border-radius);outline:none;transition:box-shadow 250ms}.form__input:focus{box-shadow:0 0 0 2px var(--color-glint)}.form__input--invalid{border-color:var(--color-false)}.form__input.disabled{background-color:#ecebeb;border-color:#c8c7c7}form{display:flex;flex-direction:column;gap:var(--space-s)}.hint{font-size:small;font-style:italic}.label{text-transform:uppercase;background-color:transparent;color:var(--color-primary);box-shadow:none;letter-spacing:0.1em;font-family:"Roboto", sans-serif;text-transform:uppercase;font-size:var(--font-size-m);font-weight:700}.visually-hidden{padding:0 !important;margin-bottom:1em;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.field-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));align-items:center;gap:var(--space-s);background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs);font-size:var(--font-size-xl);border:2px solid transparent}@media (min-width: 50rem){.field-row{padding:var(--space-xs) var(--space-m)}}.field-row:hover{border:2px solid rgba(113,119,128,0.4)}.field-row__btn-row{display:flex;gap:var(--space-xl)}.field-row__details{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:var(--space-s);background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs)}.field-row__actions{display:flex;flex:0 0 auto;align-self:flex-start;gap:var(--space-xs)}.field-row__heading{font-weight:700;padding-inline:0;background-color:transparent;color:var(--color-primary);box-shadow:none;letter-spacing:0.1em;font-family:"Roboto", sans-serif;text-transform:uppercase;font-size:var(--font-size-m);border:none}.field-row__heading:hover{border:none}.field-row__main-link{color:var(--color-primary)}.field-row__main-link:hover,.field-row__main-link:focus,.field-row__main-link:active{color:var(--color-primary-rotade)}.sales{display:grid;grid-template-columns:6ch 17ch 20ch 8ch 10ch 10ch 12ch 12ch 12ch 12ch 20ch 10ch 10ch;justify-content:space-between;align-items:center;gap:var(--space-m);background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs);background-color:var(--background-color, transparent);min-width:min-content}@media (min-width: 50rem){.sales{padding-left:0}}.sales__heading{background-color:transparent;color:var(--color-primary);box-shadow:none;border:2px solid var(--color-primary)}.sales__heading :first-child{text-align:center}.sales>*:nth-child(2){position:sticky;left:0;background-color:var(--background-color, var(--color-background));margin:-0.5em;padding:0.5em;border-right:1px solid #b0b6bf}.sales__color{border-radius:var(--border-radius) 0 0 var(--border-radius);height:calc(100% + 2 * var(--space-xs));width:calc(100% + var(--space-xs))}.sales[data-status=cancellation] .sales__color{--hightlight-color: var(--color-grey-light-9e);background-color:var(--hightlight-color)}.sales[data-status=sent] .sales__color{--hightlight-color: var(--color-orange);background-color:var(--hightlight-color)}.sales[data-status=paid] .sales__color{--hightlight-color: var(--color-secondary);background-color:var(--hightlight-color)}.sales[data-status=overdue] .sales__color{background-color:var(--hightlight-color)}.sales[data-awv=true]{--background-color: var(--color-awv-rgb)}.pm-table{display:grid;grid-template-columns:15ch 17ch 20ch 8ch 10ch 10ch 12ch;justify-content:space-between;align-items:center;gap:var(--space-m);background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs);background-color:var(--background-color, transparent);min-width:min-content}@media (min-width: 50rem){.pm-table{padding-left:0}}.pm-table__heading{background-color:transparent;color:var(--color-primary);box-shadow:none;border:2px solid var(--color-primary)}.pm-table__heading :first-child{text-align:center}.pm-table>*:nth-child(2){position:sticky;left:0;background-color:var(--background-color, var(--color-background));margin:-0.5em;padding:0.5em;border-right:1px solid #b0b6bf}.pm-table__color{border-radius:var(--border-radius) 0 0 var(--border-radius);height:calc(100% + 2 * var(--space-xs));width:calc(100% + var(--space-xs));display:flex;align-items:center;justify-content:center}.pm-table[data-status=cancellation] .pm-table__color{--hightlight-color: var(--color-grey-light-9e);background-color:var(--hightlight-color);color:white}.pm-table[data-status=cancellation] .pm-table__color::before{content:"Rechnung storniert"}.pm-table[data-status=sent] .pm-table__color{--hightlight-color: var(--color-orange);background-color:var(--hightlight-color);color:white}.pm-table[data-status=sent] .pm-table__color::before{content:"Rechnung versendet"}.pm-table[data-status=overdue] .pm-table__color{background-color:var(--hightlight-color);color:var(--color-primary-bg)}.pm-table[data-status=overdue] .pm-table__color::before{content:"überfällig"}.pm-table[data-status=draft] .pm-table__color{background-color:white}.pm-table[data-status=draft] .pm-table__color::before{content:"in Bearbeitung"}.pm-table[data-status=generated] .pm-table__color{background-color:white}.pm-table[data-status=generated] .pm-table__color::before{content:"in Bearbeitung"}.invoice{display:grid;grid-template-rows:1fr 3fr 1fr;align-items:center;gap:var(--space-s);background-color:var(--background-color, var(--color-white));border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs)}@media (min-width: 50rem){.invoice{padding:var(--space-xs) var(--space-m)}}.invoice__data{grid-row:2;display:flex;flex-direction:column;gap:0.5em}.invoice__description{grid-row:1;color:var(--color-grey-dark-9e);border-bottom:2px var(--color-grey-dark-9e) solid}.invoice__buttons{display:flex;justify-content:flex-start;align-items:center;gap:1em;grid-row:3;grid-column-start:1;grid-column-end:8}.invoice__note{padding:var(--space-xs) var(--space-m);background-color:rgba(255,255,255,0.7)}.invoice[data-status=sent]{--background-color: var(--color-generated)}.invoice[data-status=generated],.invoice[data-status=paid]{--background-color: var(--color-generated);grid-template-columns:auto min-content 2fr 1fr 1fr 1fr 2fr auto}.invoice[data-status=draft]{--background-color: var(--color-draft);grid-template-columns:auto min-content 2fr 1fr 1fr 1fr 3fr max-content}.invoice[data-status=cancellation]{--background-color: var(--color-cancellation);grid-template-columns:auto min-content 2fr 1fr 1fr 1fr 3fr max-content}.invoice[data-status=overdue]{--background-color: var(--color-overdue);grid-template-columns:auto min-content 2fr 1fr 1fr 1fr 3fr max-content;border:3px solid var(--color-false)}.turbo-progress-bar{background:linear-gradient(to right, var(--color-primary), var(--color-primary-rotate))}.attachments{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr min-content;gap:1rem;width:100%;margin-block:1rem}.attachments__left{grid-column:1;display:grid;gap:0.5em;align-content:flex-start;justify-content:flex-start}.attachments__right{grid-column:2}.attachments__right iframe{aspect-ratio:2/1;width:100%;height:800px}.navbar{display:flex;flex-direction:column;width:100%;padding-inline:var(--space-xl);background-color:var(--color-grey-dark-9e)}.checkbox{cursor:pointer;display:flex;align-items:center;margin-bottom:1em}.checkbox .form__input{width:1.375em;height:1.375em;cursor:pointer}label{margin-left:0.5em;display:flex;gap:1em}.radio{cursor:pointer;display:flex;align-items:center;margin-bottom:1em}.radio .form__input{width:1.375em;height:1.375em;cursor:pointer}.hamburger-btn :hover{cursor:pointer}.hamburger-btn label.hamburg{display:block;width:75px;height:50px;position:relative;margin-left:auto;margin-right:auto;border-radius:4px}.hamburger-btn input#hamburg{display:none}.hamburger-btn .line{position:absolute;left:10px;height:5px;width:30px;background:var(--color-primary);border-radius:2px;display:block;transition:0.5s;transform-origin:center}.hamburger-btn .line:nth-child(1){top:12px}.hamburger-btn .line:nth-child(2){top:24px}.hamburger-btn .line:nth-child(3){top:36px}.table{width:100%}.table td,.table th{padding:0.5rem;text-align:left}.table tr[data-status=true]{color:white;background-color:var(--color-primary)}.table tr[data-status=false]{background-color:var(--color-light)}.container{width:100%;padding-inline:var(--space-m);margin-left:auto;margin-right:auto;margin-block:1rem}@media (min-width: 50rem){.container{padding-inline:var(--space-xl);max-width:130rem}}.container--cost-item{display:flex;justify-content:space-between;align-items:center;border:2px var(--color-primary) solid;border-radius:10px;padding:1rem;margin-block:1rem}.container--flash-message{padding:1rem}.container--half{padding:1rem;display:grid;gap:1em;justify-items:end}.center-container{display:flex;height:70vh}.border-container{border:2px var(--color-primary) solid;border-radius:10px;padding:var(--space-s)}.data-container{display:flex;flex-direction:column;gap:0.8em;margin-top:1rem;margin-bottom:2rem;width:60%}.data-container__list{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;padding:0.5em 0.5em 0.5em 0}.data-container__list--items{text-align:end}.data-container__list:nth-child(2n){background-color:var(--color-primary-opacity)}.small-container{width:50%;padding-right:var(--space-xs);padding-left:var(--space-xs);margin-left:auto;margin-right:auto;margin-block:1rem}.small-container h2{margin-bottom:1em}.upload{background-color:white;padding:1em;display:grid;gap:1em;border:var(--border);border-radius:var(--border-radius)}.search-bar>form{display:flex;flex-direction:row;margin-block:1em}.scroll-container{overflow-x:auto;width:100%}.login{display:flex;flex-direction:column;gap:2rem;align-self:center}@media (min-width: 50rem){.login{max-width:30rem}}.header{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:space-between;margin-block:var(--space-m)}@media (min-width: 50rem){.header{margin-block:var(--space-m)}}.header__items{list-style-type:none}.header__right{color:var(--color-primary-9e);align-self:center}.button-header{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:space-between;margin-block:var(--space-l);border-bottom:5px solid var(--color-grey-dark-9e)}.heading{display:flex;margin-block:var(--space-l) var(--space-xxl);justify-content:space-between;gap:2rem;align-items:center}.heading small{opacity:0.6}.title-header{display:flex;gap:var(--space-l);align-items:center;margin-block:var(--space-l) var(--space-xxl)}.form__input{background-color:white}.sr-only{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.text-right{text-align:right}.two-col-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s);flex-wrap:wrap;justify-content:space-between;align-items:center}.flex-space-between{display:flex;justify-content:space-between;align-items:center}