@font-face{font-family:"Lato-Light";src:url("../fonts/Lato-Light.eot");src:url("../fonts/Lato-Light.eot?#iefix") format("eot"),url("../fonts/Lato-Light.woff") format("woff"),url("../fonts/Lato-Light.woff2") format("woff2"),url("../fonts/Lato-Light.ttf") format("truetype"),url("../fonts/Lato-Light.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Lato-Regular";src:url("../fonts/Lato-Regular.eot");src:url("../fonts/Lato-Regular.eot?#iefix") format("eot"),url("../fonts/Lato-Regular.woff") format("woff"),url("../fonts/Lato-Regular.woff2") format("woff2"),url("../fonts/Lato-Regular.ttf") format("truetype"),url("../fonts/Lato-Regular.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Lato-Black";src:url("../fonts/Lato-Black.eot");src:url("../fonts/Lato-Black.eot?#iefix") format("eot"),url("../fonts/Lato-Black.woff") format("woff"),url("../fonts/Lato-Black.woff2") format("woff2"),url("../fonts/Lato-Black.ttf") format("truetype"),url("../fonts/Lato-Black.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"opensans-light";src:url("../fonts/opensans-light.eot");src:url("../fonts/opensans-light.eot?#iefix") format("eot"),url("../fonts/opensans-light.woff") format("woff"),url("../fonts/opensans-light.woff2") format("woff2"),url("../fonts/opensans-light.ttf") format("truetype"),url("../fonts/opensans-light.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"opensans-regular";src:url("../fonts/opensans-regular.eot");src:url("../fonts/opensans-regular.eot?#iefix") format("eot"),url("../fonts/opensans-regular.woff") format("woff"),url("../fonts/opensans-regular.woff2") format("woff2"),url("../fonts/opensans-regular.ttf") format("truetype"),url("../fonts/opensans-regular.svg") format("svg");font-weight:normal;font-style:normal;font-display:swap}.screen-loader{z-index:100;position:fixed;top:0px;bottom:0px;left:0px;right:0px;background:rgba(255,255,255,.8);display:none;align-items:center;justify-content:center}body.screen-loader-active .screen-loader{display:flex}.screen-loader>div{width:128px;height:128px}.screen-loader>div svg{display:block;fill:#00ada9}.show-document{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:390px;margin:40px auto;padding:0rem 1rem 1rem 1rem}@media only screen and (min-width: 576px){.show-document{max-width:576px}}@media only screen and (min-width: 768px){.show-document{max-width:768px}}@media only screen and (min-width: 1280px){.show-document{max-width:1280px}}@media only screen and (min-width: 1440px){.show-document{max-width:1440px}}.show-document .document-container{width:100%;order:2}@media only screen and (min-width: 1280px){.show-document .document-container{order:1;width:0px;flex:1}}.show-document .sidebar{width:100%;margin-bottom:30px;order:1}@media only screen and (min-width: 1280px){.show-document .sidebar{order:2;width:300px;margin-bottom:0px;margin-left:30px}}@media only screen and (min-width: 1440px){.show-document .sidebar{width:340px}}.show-document .sidebar .fixedC{position:sticky;top:40px}.show-document .sidebar .fixedC .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.show-document .sidebar .fixedC .title h1{color:#424242;margin:0px;font-size:22px}.show-document .sidebar .fixedC .title .status-icon{font-size:.8rem;line-height:1rem;padding:2px 10px;border-radius:10px}.show-document .sidebar .fixedC .title .status-icon.status0{background:orange;color:#fff}.show-document .sidebar .fixedC .title .status-icon.status2,.show-document .sidebar .fixedC .title .status-icon.status3{background:#0e9e57;color:#fff}.show-document .sidebar .fixedC .box{padding:1rem;background:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.4)}.show-document .sidebar .fixedC .box .sum{display:flex;justify-content:space-between;font-weight:bold;font-size:1.1rem}.show-document .sidebar .fixedC .box hr{display:block;border:none;width:100%;height:1px;margin:.7rem 0;background:#999}.show-document .sidebar .fixedC .box .docdata{display:flex;justify-content:space-between;color:#666;font-size:.9rem;line-height:1.5rem}.show-document .sidebar .fixedC .box .docdata .value{color:#333}.show-document .sidebar .fixedC .box .btn-approve{padding-top:.7rem;display:flex}body.approve-offer .show-document .sidebar .fixedC .box .btn-approve{display:none}.show-document .sidebar .fixedC .box .btn-approve a{width:100%;font-weight:bold;text-transform:uppercase;width:100%;background:#0e9e57;color:#fff;box-shadow:rgba(0,0,0,.2) 0px 3px 1px -2px,rgba(0,0,0,.14) 0px 2px 2px 0px,rgba(0,0,0,.12) 0px 1px 5px 0px;line-height:2.4rem;text-align:center;cursor:pointer}.show-document .sidebar .fixedC .box .approve-note{display:none;flex-wrap:wrap;padding-top:.7rem;text-align:center}body.approve-offer .show-document .sidebar .fixedC .box .approve-note{display:flex}.show-document .sidebar .fixedC .box .approve-note .note{width:100%;padding:3px 0px .7rem 0px;text-align:left}.show-document .sidebar .fixedC .box .approve-note a{width:100%;font-weight:bold;text-transform:uppercase;width:100%;background:#ac0b0b;color:#fff;box-shadow:rgba(0,0,0,.2) 0px 3px 1px -2px,rgba(0,0,0,.14) 0px 2px 2px 0px,rgba(0,0,0,.12) 0px 1px 5px 0px;line-height:2.4rem;text-align:center;cursor:pointer}.document{background:#fff;box-shadow:0px 0px 20px rgba(0,0,0,.4);background-image:url("../images/briefbogen_header.svg");background-position:top left;background-size:100% auto;background-repeat:no-repeat;padding:1em;width:100%;position:relative;font-size:8px}@media only screen and (min-width: 576px){.document{font-size:11px;padding:2em}}@media only screen and (min-width: 768px){.document{font-size:14px;padding:3em}}@media only screen and (min-width: 1280px){.document{font-size:16px;padding:3em}}.document .company_address_row{padding-top:12em;padding-bottom:10px;font-size:.8em;text-decoration:underline}@media only screen and (min-width: 1280px){.document .company_address_row{padding-top:15em}}@media only screen and (min-width: 1440px){.document .company_address_row{padding-top:16em}}.document .customer_address_document_data{width:100%;display:flex;justify-content:space-between}.document .customer_address_document_data .customer_address{font-size:1em}.document .customer_address_document_data .document_data .row{display:flex;justify-content:space-between}.document .customer_address_document_data .document_data .row .label{font-weight:bold;padding-right:2rem}.document .customer_address_document_data .document_data .row .value{text-align:right}.document .document_header{margin:2em 0px}.document .document_header h1{font-family:"Lato-Black"}.document .document_footer{padding:3em 0}.document .document_approve{display:none;padding-top:3em}body.approve-offer .document .document_approve{display:block}.document .document_approve .btns{display:flex;justify-content:center}.document .document_approve .btns a{font-weight:bold;text-transform:uppercase;width:100%;background:#0e9e57;color:#fff;box-shadow:rgba(0,0,0,.2) 0px 3px 1px -2px,rgba(0,0,0,.14) 0px 2px 2px 0px,rgba(0,0,0,.12) 0px 1px 5px 0px;font-size:2em;line-height:2.4em;text-align:center;cursor:pointer}.document .pos_row{width:100%;display:flex;justify-content:space-between;padding:.5em .25em;font-size:.9em;position:relative}@media only screen and (min-width: 1280px){.document .pos_row{padding:.75em .5em}}.document .pos_row.header{border-bottom:2px solid #000}.document .pos_row.footer{display:block;border-top:2px solid #000}.document .pos_row.position{min-height:3em;margin-bottom:3px}.document .pos_row.position:nth-child(odd){background:#f9f9f9}body.approve-offer .document .pos_row.position .quantity{visibility:hidden}.document .pos_row.position.selectable.fixed .pos-hover{cursor:pointer;border:2px dashed #0e9e57}.document .pos_row.position.selectable.optional .pos-hover{cursor:pointer;border:2px dashed #ac0b0b}body.approve-offer .document .pos_row.position.fixed{background:rgba(14,158,87,.1)}body.approve-offer .document .pos_row.position.fixed .pos-check{display:block}body.approve-offer .document .pos_row.position.optional{background:rgba(172,11,11,.1)}body.approve-offer .document .pos_row.position.optional .pos-reject{display:block}.document .pos_row.position.optional .ep span,.document .pos_row.position.optional .gp span{display:inline-block}.document .pos_row.position:hover .pos-hover{opacity:1}.document .pos_row .headline{width:100%;padding-left:6em;font-weight:bold}@media only screen and (min-width: 1280px){.document .pos_row .headline{padding-left:90px}}.document .pos_row .quantity{width:6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 1280px){.document .pos_row .quantity{width:90px}}.document .pos_row .description{flex:1}.document .pos_row .ep,.document .pos_row .gp{text-align:right;width:6em}.document .pos_row .ep span,.document .pos_row .gp span{display:none}@media only screen and (min-width: 1280px){.document .pos_row .ep,.document .pos_row .gp{width:100px}}.document .pos_row .pos-hover{display:none;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0}body.approve-offer .document .pos_row .pos-hover{display:block}.document .pos_row .pos-check{display:none;position:absolute;width:3em;height:3em;top:.5em;left:.5em}.document .pos_row .pos-check svg{fill:#0e9e57;display:block}.document .pos_row .pos-reject{display:none;position:absolute;width:3em;height:3em;top:.5em;left:.5em}.document .pos_row .pos-reject svg{fill:#ac0b0b;display:block}.document .pos_row .sum_netto,.document .pos_row .sum_tax{width:100%;display:flex;justify-content:space-between}.document .pos_row .sum_brutto{padding-top:.5rem;width:100%;display:flex;justify-content:space-between;font-weight:bold;font-size:1em}html,body{font-family:"Lato-Regular";padding:0px;margin:0px;background:#f5f5f5;scroll-behavior:smooth}*{box-sizing:border-box}/*# sourceMappingURL=styles.css.map */