.order{box-shadow:0 0 20px -10px #317cda4d;height:70px;margin-bottom:15px;overflow:hidden;padding:5px 20px}.order .status h3.green,.order .status p.green{color:green}.order .status h3.red,.order .status p.red{color:red}.order .status h3.orange,.order .status p.orange{color:orange}.order p{font-size:16px;line-height:24px;margin-bottom:10px}.order .ordernummer{margin-bottom:0}.order .top-wrapper-title>div{width:300px}.order .top-wrapper-title>div.ordernummer,.order .top-wrapper-title>div:first-child{width:150px}.order .top-wrapper-title>div.adres,.order .top-wrapper-title>div.type{width:500px}.order .top-wrapper-title .arrow{height:20px;transform-origin:center;transition:all .3s ease-in;width:20px}.order .top-wrapper-title h3{font-size:20px}.order.active{height:auto}.order.active .top-wrapper-title .arrow{transform:rotate(-90deg)}.order .inner{padding:20px}.order .inner .block{box-shadow:0 0 20px -10px #317cda80;padding:20px 25px}.order .inner .block h4{margin-bottom:5px}.order .inner .block .read-more-arrow{align-items:center;display:flex;margin-top:10px}.order .inner .block .read-more-arrow .arrow{margin-left:-10px;pointer-events:none;width:10px}.order .inner .block .read-more-arrow span{font-size:14px;padding-right:25px}.order .inner .block .read-more-arrow:hover{cursor:pointer}.invoice-popup{box-shadow:0 0 20px -10px #317cda80;margin-top:15px;padding:20px 25px}.invoice-popup .invoice-line{align-items:flex-start;border-bottom:1px solid #e5e5e5;display:flex;gap:20px;justify-content:space-between;padding:12px 0}.invoice-popup .invoice-line-left{align-items:flex-start;cursor:pointer;flex:1 1 auto;gap:12px;min-width:0}.invoice-popup .invoice-line-left input{flex:0 0 auto;float:left;height:30px;margin-right:20px;margin-top:4px;width:30px}.invoice-popup .invoice-line-text{flex:1 1 auto;min-width:0}.invoice-popup .invoice-line-title{line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.invoice-popup .invoice-line-meta{color:#000000a6;font-size:14px;margin-top:4px;overflow-wrap:anywhere;word-break:break-word}.invoice-popup .invoice-line-total{flex:0 0 120px;font-weight:700;text-align:right;white-space:nowrap}.invoice-popup .invoice-total-row{display:flex;font-weight:700;gap:20px;justify-content:space-between;padding-top:16px}.invoice-popup .invoice-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.invoice-popup textarea{border:2px solid #317cda;margin-top:20px;min-height:160px;padding:20px;width:100%}@media only screen and (max-width:768px){.invoice-popup .invoice-line{align-items:stretch;flex-direction:column;gap:10px}.invoice-popup .invoice-line-total{flex:1 1 auto;text-align:left;width:100%}}@media only screen and (max-width:1366px){.order .inner .block h4{font-size:20px;margin-bottom:5px}}@media only screen and (max-width:1199px){.order{height:60px}.order .inner .block h4{font-size:18px;margin-bottom:0}.order h2{font-size:24px}.order .top-wrapper-title>div{width:20%}.order .top-wrapper-title>div:first-child{width:120px}.order .top-wrapper-title>span{font-size:14px}.order .top-wrapper-title h3{font-size:15px}}