/* Kasse der Online-Bestellung im Bestellfenster (alle Vorlagen). Farben über die Variablen der Vorlage. */
.co-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin:6px 0 4px}
.co-col{flex-direction:column;gap:6px}
.co-opt,.co-check{display:flex;align-items:flex-start;gap:8px;font-size:.95rem;cursor:pointer;line-height:1.35}
.co-opt input,.co-check input{margin-top:3px;accent-color:var(--red,var(--primary,#d32027))}
.co-check{font-size:.85rem;margin-top:8px;opacity:.85}
.co-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px}
.co-2 select,#sheetBody select{width:100%;box-sizing:border-box;font:inherit;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#fff;color:#222;margin-top:4px}
#sheetBody input[id^="co"]:not([type=checkbox]):not([type=radio]),#sheetBody textarea[id^="co"]{width:100%;box-sizing:border-box;font:inherit;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#fff;color:#222}
.co-voucher{display:flex;gap:8px}
.co-voucher input{flex:1;text-transform:uppercase}
.co-redeem{font:inherit;font-weight:700;padding:0 16px;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#fff;color:#222;cursor:pointer}
.co-err{color:#b91c1c;font-weight:600;font-size:.9rem;margin:6px 0}
.co-note{background:rgba(0,0,0,.04);padding:8px 10px;border-radius:8px}
.co-sums{margin:14px 0 4px;border-top:1px solid rgba(0,0,0,.1);padding-top:10px;display:grid;gap:4px;font-size:.95rem}
.co-sums div{display:flex;justify-content:space-between}
.co-total{font-size:1.1rem;margin-top:4px}
.co-total b{color:var(--red,var(--primary,#d32027))}
#coSubmit{margin-top:14px}
#coSubmit:disabled{opacity:.5}
/* Status-Seite */
.digi-status{max-width:640px;margin:0 auto;padding:110px 16px 60px}
.digi-status h1{margin:0 0 4px}
.ds-steps{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}
.ds-steps li{display:flex;align-items:center;gap:10px;opacity:.45;font-weight:600}
.ds-steps li.on{opacity:1}
.ds-steps li i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.8rem;background:rgba(0,0,0,.08)}
.ds-steps li.on i{background:var(--green,var(--accent,#1f8a3b));color:#fff}
.ds-box{background:rgba(0,0,0,.04);border-radius:14px;padding:14px 16px;margin:14px 0}
.ds-box ul{list-style:none;padding:0;margin:0}
.ds-box li{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.ds-eta{font-size:1.3rem;font-weight:800}
.ds-btn{display:inline-block;font:inherit;font-weight:700;padding:12px 20px;border:0;border-radius:99px;background:var(--red,var(--primary,#d32027));color:#fff;cursor:pointer;text-decoration:none;margin:6px 8px 0 0}
.ds-btn.ghost{background:transparent;color:inherit;border:1px solid rgba(0,0,0,.25)}
.ds-stamps{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ds-stamps span{width:28px;height:28px;border-radius:50%;border:2px dashed rgba(0,0,0,.25)}
.ds-stamps span.on{border:0;background:var(--red,var(--primary,#d32027))}
.ds-cancel{color:#b91c1c;font-weight:700}
.digi-burger .digi-status{color:#fff}
.digi-burger .ds-box{background:rgba(255,255,255,.08)}
/* Kundenkonto-Seite */
.digi-account .lbl{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 4px;opacity:.75}
.digi-account input:not([type=checkbox]){width:100%;box-sizing:border-box;font:inherit;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#fff;color:#222}
.digi-account .ds-box > b{display:block;margin-bottom:6px}
.digi-account .ds-box li{align-items:flex-start}
.digi-account .ds-box li a{text-decoration:underline}
.digi-account .co-err{margin:8px 0}
.digi-account form{max-width:420px}