:root{color-scheme:dark;--bg:#0c1414;--panel:#14201f;--line:#2c3d39;--mint:#a5edca;--muted:#a3b7af;--white:#f4f7ee;--orange:#f2ba7c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white)}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;background:var(--mint);color:#12241e;border-radius:9px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.secondary{background:transparent;color:var(--white);border:1px solid var(--line)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;letter-spacing:2px;font-weight:800;font-size:15px}.brandmark{font-size:35px;font-style:italic;letter-spacing:-5px;color:var(--mint)}.brandmark span{font-size:22px;margin-left:5px}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:var(--muted);margin-top:5px}.topnote{font-size:12px;color:var(--muted);letter-spacing:1px}.formlayout{max-width:1260px;margin:70px auto;display:grid;grid-template-columns:.9fr 1.25fr;gap:80px;padding:0 32px}.intro{position:sticky;top:42px;align-self:start}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--mint);font-weight:700}h1{font-size:clamp(38px,4.4vw,64px);line-height:1.05;letter-spacing:-2px;margin:25px 0}h1 em{font-weight:400;font-family:Georgia,serif;color:var(--mint)}.intro>p,.monitorhead p{color:var(--muted);font-size:16px;line-height:1.7;max-width:360px}.promise{display:flex;gap:15px;margin-top:30px;align-items:center}.promise>span{border:1px solid var(--line);border-radius:50%;height:40px;width:40px;display:grid;place-items:center;color:var(--mint);flex-shrink:0}.promise small{display:block;color:var(--muted);line-height:1.5;margin-top:5px;font-size:12px}.contact{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;display:grid;gap:12px}.contact small{color:var(--muted)}.contact a{text-decoration:none;font-size:14px}.formpanel{background:var(--panel);border:1px solid var(--line);padding:34px;border-radius:18px;min-width:0}.sectionhead{display:flex;align-items:center;gap:14px;margin:32px 0 23px}.sectionhead:first-child{margin-top:0}.stepicon{font-size:12px;color:var(--mint);border:1px solid #446253;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}h2{font-size:20px;letter-spacing:-.4px;margin:0}.sectionhead p{margin:7px 0 0;color:var(--muted);font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.wide{grid-column:1/-1}label{display:grid;gap:8px;font-size:12px;font-weight:600;line-height:1.4}label>span:not(.uploadicon){color:var(--muted);font-weight:400}input,select,textarea{background:#0e1917;border:1px solid #3b4d46;color:var(--white);border-radius:7px;padding:12px;width:100%;min-width:0;font-size:15px}input[type=date]{color-scheme:dark}textarea{resize:vertical}label small{font-weight:400;color:var(--muted);font-size:11px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.7}.check input{width:17px;height:17px;margin:3px 0;accent-color:var(--mint);flex-shrink:0}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;padding:22px;text-align:center;border:1px dashed #679b80;border-radius:10px;cursor:pointer;background:#192c24;gap:9px}.dropzone.drag{background:#284c3a;outline:2px solid var(--mint)}.uploadicon{font-size:30px;color:var(--mint)}.dropzone input{font-size:12px;max-width:100%;margin-top:6px;padding:8px}.dropzone strong{font-size:13px}.dropzone small{font-size:11px;color:var(--muted)}.filelist{list-style:none;padding:0;color:var(--mint);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.privacy{margin:26px 0 20px;font-size:11px}.privacy a{color:var(--mint)}.submit{width:100%;justify-content:space-between;font-size:15px}.formfoot{text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.error{background:#422724;border:1px solid #9d6256;padding:14px;border-radius:8px;color:#ffd0c2;font-size:13px;line-height:1.5;margin:15px 0}.successicon{display:grid;place-items:center;background:var(--mint);color:#12241e;font-size:32px;width:70px;height:70px;border-radius:50%;margin-bottom:24px}#success{padding:35px 0;line-height:1.8}#success h2{font-size:32px}#success p{color:var(--muted)}#success .reference{padding:15px;background:var(--bg);color:var(--mint);font-weight:700;border-radius:8px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;color:var(--muted);font-size:11px;line-height:1.8}footer nav{display:flex;gap:20px}.monitor{padding:22px 2vw;min-height:calc(100vh - 180px)}.monitorhead{display:flex;justify-content:space-between;gap:25px;align-items:center}.monitorhead h1{font-size:30px;margin:7px 0}.monitorhead p{max-width:none;font-size:13px;margin:0}.monitoractions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.monitoractions button,.monitoractions a{font-size:12px;padding:11px 13px}.connection{font-size:12px;color:var(--muted);margin-right:12px}.connection.online:before{content:'';display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:8px}.toolbar{display:flex;gap:14px;align-items:center;margin:20px 0 16px}.search{flex:1}.toolbar select{width:200px;font-size:13px}.toolbar input{font-size:13px}.toolbar>span{font-size:12px;color:var(--muted);white-space:nowrap}.board{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:10px;overflow-x:auto;padding-bottom:20px}.column{background:#101c19;border:1px solid var(--line);border-radius:12px;min-height:250px;padding:9px}.columnhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 3px 12px;font-size:13px}.columnhead strong:before{content:'';display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:9px;border-radius:50%}.columnhead span{color:var(--muted);font-size:12px}.card{display:block;width:100%;text-align:left;color:var(--white);background:#1c2a25;padding:11px;margin-bottom:8px;border:1px solid #3a4d40;border-top:2px solid var(--accent);border-radius:8px;font-weight:400}.card:hover{background:#263b30;filter:none}.card .ref{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:var(--muted);margin-bottom:8px}.card h3{font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}.card p{font-size:12px;line-height:1.4;margin:4px 0;overflow-wrap:anywhere}.card .product{color:var(--mint);font-weight:700}.card small{color:var(--muted);font-size:10px}.card .deadline{margin-top:8px;padding-top:7px;border-top:1px solid var(--line)}.empty{text-align:center;line-height:1.8;padding:60px 20px;color:var(--muted)}.empty>span{font-size:40px;color:var(--mint)}.empty h2{color:var(--white);margin-top:18px}.monitorfoot{font-size:11px;color:var(--muted);line-height:1.8}dialog{background:var(--panel);border:1px solid #577663;border-radius:15px;color:var(--white);padding:22px;width:min(620px,94vw);max-height:90vh}dialog::backdrop{background:#000b}.dialoghead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.dialoghead small{display:block;color:var(--mint);margin-bottom:8px}.dialoghead button{background:transparent;color:var(--muted);padding:4px 8px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.detailgrid dt{font-size:11px;color:var(--muted);margin-bottom:5px}.detailgrid dd{margin:0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.detailfiles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.detailfiles a{font-size:12px;color:var(--mint);overflow-wrap:anywhere}#status-form{display:grid;gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1800px){.board{grid-template-columns:repeat(6,minmax(210px,1fr))}.card h3{font-size:15px}.card p{font-size:12px}}@media(max-width:900px){.formlayout{grid-template-columns:1fr;gap:30px;margin:35px auto;max-width:680px}.intro{position:static}.intro h1 br{display:none}.intro>p{max-width:none}.promise,.contact{display:none}.monitorhead{align-items:flex-start;flex-direction:column}.monitoractions{justify-content:flex-start}.topnote{display:none}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar>span:last-child{display:none}}@media(max-width:520px){.topbar{padding:20px}.formlayout{padding:0 15px;margin:28px auto}.formpanel{padding:22px 18px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.intro h1{font-size:38px}.intro>p{font-size:14px}footer{flex-direction:column;gap:10px;padding:20px}.monitor{padding:25px 15px}.detailgrid{grid-template-columns:1fr}.detailgrid .wide{grid-column:auto}.toolbar select{width:100%}.toolbar>label:not(.search){flex:1}}@media print{.topbar,.monitoractions,.toolbar,footer,#status-form,.dialoghead button{display:none}body,dialog{color:black;background:white}dialog{position:static;max-height:none;width:100%;border:0}.monitor{display:none}}
.format-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(85px,1fr) 38px;gap:10px;align-items:end;margin-bottom:13px}.format-row .remove-format{padding:11px 8px;min-height:44px}.add-format{font-size:13px;margin-top:3px}.format-help{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:10px}.privacy{line-height:1.7;color:var(--muted)}@media(max-width:520px){.format-row{grid-template-columns:minmax(0,1.5fr) minmax(65px,1fr) 30px;gap:6px}.format-row input{padding:11px 8px}.format-row .remove-format{padding:10px 5px}}

.format-choice{display:grid;gap:10px;min-width:0}.format-row select{min-width:0}@media(max-width:520px){.format-row{grid-template-columns:minmax(0,1fr) 36px;align-items:start}.format-choice{grid-column:1/-1}.format-row .remove-format{align-self:end}.format-row select{font-size:13px;padding:11px 8px}}

body[data-mode="monitor"] .topbar{padding:15px 2vw}body[data-mode="monitor"] footer{padding:15px 2vw}body[data-mode="monitor"] .monitoractions button,body[data-mode="monitor"] .monitoractions a{padding:9px 11px}body[data-mode="monitor"] .toolbar input,body[data-mode="monitor"] .toolbar select{padding:9px 10px}

/* Textildruck und Pflichtfelder */
#request-form input[required]{background:#392524;border-color:#9b6864}#request-form input[required]:focus{background:#432d2b}.textile-group{margin:0 0 22px;padding:18px;border:1px solid var(--line);border-radius:9px;min-width:0}.textile-group legend{padding:0 6px;color:var(--mint);font-size:14px;font-weight:700}.textile-group p{color:var(--muted);font-size:12px;margin:0 0 14px}.textile-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.textile-checks .check{align-items:center;min-height:36px;font-size:13px}.textile-checks input{width:20px;height:20px}@media(max-width:520px){.textile-checks{grid-template-columns:1fr}}

.product-block{border:1px solid #446253;border-radius:12px;padding:18px;margin-bottom:18px;min-width:0}.product-block .product-number{font-weight:700;color:var(--mint)}.product-block .remove-product{justify-self:end;font-size:12px;padding:8px 12px}#product-list{min-width:0}

#edit-receipt .button,#edit-receipt button{margin:6px 0}#edit-receipt p{font-size:13px}.change-badge{display:block;background:#614627;color:#ffe3ae;padding:7px;border-radius:6px;margin:7px 0;font-size:12px;font-weight:700}#change-review{border:1px solid #dca35d;border-radius:9px;padding:15px;margin-bottom:20px}#change-review pre{white-space:pre-wrap;font:inherit;font-size:12px;overflow-wrap:anywhere}.change-entry{border-top:1px solid var(--line);padding:12px 0}.change-entry summary{cursor:pointer;font-size:13px;color:var(--mint)}

/* Gleichmäßige Eingabefelder trotz zusätzlicher Hilfetexte */
#request-form .fields>label{align-content:start}#request-form input:not([type="checkbox"]):not([type="file"]){height:47px}

.card .order-times{font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0}.card .ref{flex-wrap:wrap}