:root{
  --merch:#CFD600;--sports:#C11F66;--textil:#006A78;--technik:#132C3F;--marketing:#7556A4;--more:#D9782D;
  --bg:#F5F7F8;--card:#FFFFFF;--ink:#132C3F;--muted:#5B6B78;--line:#DDE3E7;--soft:#EEF3F4;
  --ok:#2E8B57;--warn:#C98A00;--crit:#C0392B;--radius:10px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45}
a{color:var(--textil)}
button,input,select,textarea{font:inherit;color:inherit}
.center{display:flex;align-items:center;justify-content:center;min-height:60vh}
.muted{color:var(--muted)} .small{font-size:13px} .right{text-align:right} .nowrap{white-space:nowrap}
.stripe{height:6px;display:flex}.stripe i{flex:1}
.stripe i:nth-child(1){background:var(--merch)}.stripe i:nth-child(2){background:var(--sports)}.stripe i:nth-child(3){background:var(--textil)}
.stripe i:nth-child(4){background:var(--technik)}.stripe i:nth-child(5){background:var(--marketing)}.stripe i:nth-child(6){background:var(--more)}
header.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
header.top .bar{display:flex;align-items:center;gap:18px;padding:10px 20px;flex-wrap:wrap}
.brand{font-weight:800;font-size:18px;letter-spacing:-.2px;color:var(--technik);text-decoration:none;white-space:nowrap}
.brand span{color:var(--textil)}
nav.main{display:flex;gap:4px;flex-wrap:wrap;flex:1}
nav.main a{padding:7px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500}
nav.main a:hover{background:var(--soft)} nav.main a.active{background:var(--textil);color:#fff}
.who{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}
main{padding:20px;max-width:1500px;margin:0 auto}
h1{font-size:24px;margin:4px 0 16px} h2{font-size:18px;margin:0 0 12px} h3{font-size:15px;margin:0 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;padding:7px 13px;border-radius:8px;cursor:pointer;font-weight:600;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--textil)} .btn.primary{background:var(--textil);border-color:var(--textil);color:#fff}
.btn.danger{color:var(--crit)} .btn.small{padding:4px 9px;font-size:13px} .btn:disabled{opacity:.5;cursor:not-allowed}
.btn.pink{background:var(--sports);border-color:var(--sports);color:#fff}
label.f{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--technik);font-weight:700;letter-spacing:.1px}
label.f .hint{font-weight:400;color:var(--muted);font-size:12px}
label.f .req{color:var(--sports);margin-left:2px}
label.f.inline{flex-direction:row;align-items:center;gap:8px}
input:not([type]),input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=email],input[type=tel],input[type=search],select,textarea{--fc:var(--textil);border:1.5px solid color-mix(in srgb,var(--fc) 22%,#fff);border-radius:9px;padding:9px 11px;background:color-mix(in srgb,var(--fc) 7%,#fff);color:var(--ink);font-weight:500;width:100%;transition:background .15s,border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:#8A99A5;font-weight:400}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--fc) 45%,#fff)}
input:focus,select:focus,textarea:focus{outline:none;background:#fff;border-color:var(--fc);box-shadow:0 0 0 3px color-mix(in srgb,var(--fc) 18%,transparent)}
form .fsec input[placeholder]:not(:placeholder-shown),form .fsec textarea[placeholder]:not(:placeholder-shown){background:#fff;border-color:color-mix(in srgb,var(--fc) 55%,#fff);box-shadow:inset 3px 0 0 var(--fc)}
input:required:invalid:not(:placeholder-shown){border-color:var(--crit)}
textarea{min-height:70px;resize:vertical}
.form{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.form .wide{grid-column:1/-1}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.sp{flex:1}
table{width:100%;border-collapse:collapse} th,td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700}
td input,td select{min-width:70px}
.chip{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap}
.st-neu{background:var(--more)}.st-front_office{background:var(--marketing)}.st-warten_ware{background:var(--merch);color:var(--technik)}
.st-bereit{background:var(--textil)}.st-in_veredelung{background:var(--sports)}.st-kontrolle{background:var(--technik)}
.st-versandbereit{background:#2B8C9A}.st-ausgeliefert{background:var(--ok)}.st-abgerechnet{background:#8A97A1}.st-storniert{background:#B9C2C8}
.flag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;margin:2px 4px 2px 0}
.flag.crit{background:#FBE5E2;color:var(--crit)} .flag.warn{background:#FFF3D6;color:#8A5C00}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:12px}
.col{background:#EAF0F2;border-radius:var(--radius);padding:10px;min-height:200px}
.col h3{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 10px}
.jc{background:#fff;border:1px solid var(--line);border-left:5px solid var(--textil);border-radius:8px;padding:10px;margin-bottom:9px;cursor:pointer;display:block;text-decoration:none;color:var(--ink)}
.jc:hover{box-shadow:0 2px 10px rgba(19,44,63,.08)} .jc.crit{border-left-color:var(--crit)} .jc.warn{border-left-color:var(--warn)}
.jc .no{font-size:12px;font-weight:700;color:var(--muted)} .jc .nm{font-weight:700;margin:2px 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;border-top:5px solid var(--textil)}
.tile .n{font-size:30px;font-weight:800;line-height:1.1} .tile .l{font-size:13px;color:var(--muted);font-weight:600}
.tile.t1{border-top-color:var(--more)}.tile.t2{border-top-color:var(--crit)}.tile.t3{border-top-color:var(--sports)}.tile.t4{border-top-color:var(--ok)}.tile.t5{border-top-color:var(--marketing)}.tile.t6{border-top-color:var(--merch)}
.cap td{vertical-align:middle}.cbar{height:18px;background:var(--soft);border-radius:5px;position:relative;overflow:hidden;min-width:80px}
.cbar i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}.cbar span{position:relative;font-size:11px;font-weight:700;padding-left:6px;line-height:18px}
.g-ok{background:#8FD3A8}.g-warn{background:#F5CF66}.g-crit{background:#EE8E83}
.pos{border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:12px;background:#FBFCFC}
.deco{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;align-items:end;padding:8px;border:1px dashed var(--line);border-radius:8px;margin-top:8px;background:#fff}
.mock{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px}
.mock svg{width:100%;height:auto;display:block}
.issues{background:#FFF7E6;border:1px solid #F3D99B;border-radius:8px;padding:10px 14px;margin:10px 0}
.issues ul{margin:6px 0 0 18px;padding:0}
.ok-box{background:#E8F5EE;border:1px solid #B7DEC7;border-radius:8px;padding:10px 14px;margin:10px 0;color:#1E6B42;font-weight:600}
.log{max-height:360px;overflow:auto;font-size:13px}.log div{padding:5px 0;border-bottom:1px solid var(--soft)}
.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.file{border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px;background:#fff;word-break:break-word}
.file img{width:100%;height:90px;object-fit:contain;background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 0/14px 14px;border-radius:5px}
.login{max-width:400px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.login .in{padding:26px}
.toast{position:fixed;right:20px;bottom:20px;background:var(--technik);color:#fff;padding:11px 16px;border-radius:9px;z-index:99;max-width:420px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.toast.err{background:var(--crit)}
.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tabs a{padding:6px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.tabs a.active{background:var(--technik);color:#fff;border-color:var(--technik)}
.money td.r,.money th.r{text-align:right;font-variant-numeric:tabular-nums}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px}.kv b{color:var(--muted);font-weight:600}
.code{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--soft);padding:8px 10px;border-radius:6px;word-break:break-all;font-size:13px}
/* Druck */
.print{background:#fff;max-width:900px;margin:0 auto;padding:30px;color:#132C3F}
.print .head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--textil);padding-bottom:12px;margin-bottom:18px}
.print .logo{font-size:28px;font-weight:800}.print .logo span{color:var(--textil)}
.print table th{color:#132C3F}
.noprint{}
@media print{header.top,.noprint{display:none!important} body{background:#fff} main{padding:0} .print{padding:0;max-width:none} .card{border:none;padding:0}}
/* Benutzerverwaltung & Profil */
.flag{background:var(--soft);color:var(--muted)} .flag.ok{background:#E8F5EE;color:#1E6B42}
div.f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px 14px;font-weight:500;color:var(--ink)}
label.cbx{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink);font-weight:500;cursor:pointer}
label.cbx input{width:auto;margin:0}
.ufilter{gap:10px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.ufilter input[type=search]{flex:1;min-width:220px}.ufilter select{width:auto}
.utable tr.click{cursor:pointer}.utable tr.click:hover td{background:var(--soft)}.utable tr.inactive td{opacity:.55}
.uedit{border:2px solid var(--textil)}
.row.wrap{flex-wrap:wrap;gap:8px}
.ulog{list-style:none;margin:6px 0 0;padding:0;font-size:13px;max-height:260px;overflow:auto}
.ulog li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--soft)}.ulog small{color:var(--muted);white-space:nowrap}
.pwm{display:flex;flex-direction:column;gap:4px}.pwm i{display:block;height:6px;border-radius:4px;background:var(--soft);position:relative;overflow:hidden}
.pwm i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;transition:width .2s,background .2s}
.pwm[data-s="1"] i:after{width:25%;background:#C11F66}.pwm[data-s="2"] i:after{width:55%;background:#D9782D}.pwm[data-s="3"] i:after{width:80%;background:#9bb800}.pwm[data-s="4"] i:after{width:100%;background:#2e9e57}
.inq.neu{border-left:4px solid var(--merch,#CFD600)}.inq.erledigt,.inq.abgelehnt{opacity:.7}
/* Zeiterfassung */
.tpill{display:inline-flex;align-items:center;gap:6px;background:#132C3F;color:#fff!important;text-decoration:none;border-radius:999px;padding:4px 10px 4px 8px;font-size:12px;margin-right:8px;font-weight:600}
.tpill i{width:8px;height:8px;border-radius:50%;background:#CFD600;box-shadow:0 0 0 0 rgba(207,214,0,.7);animation:tp 1.6s infinite}
.tpill b{font-variant-numeric:tabular-nums;color:#CFD600}
@keyframes tp{0%{box-shadow:0 0 0 0 rgba(207,214,0,.7)}70%{box-shadow:0 0 0 7px rgba(207,214,0,0)}100%{box-shadow:0 0 0 0 rgba(207,214,0,0)}}
.tcard{border-top:4px solid var(--textil)}
.tbig{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 10px 14px;margin:10px 0;border-radius:14px;background:var(--soft)}
.tbig.on{background:#132C3F;color:#fff}.tbig.on .small{color:#c5ced6}
.tclock{font-size:38px;font-weight:800;letter-spacing:.5px;font-variant-numeric:tabular-nums;line-height:1.1}
.tbig.on .tclock{color:#CFD600}.tclock.idle{font-size:28px;color:var(--ink)}
.tbtn{margin-top:10px;border:0;border-radius:999px;padding:14px 38px;font-size:18px;font-weight:800;cursor:pointer;letter-spacing:.5px;font-family:inherit}
.tbtn.start{background:#CFD600;color:#132C3F;box-shadow:0 6px 18px rgba(207,214,0,.45)}
.tbtn.stop{background:#C11F66;color:#fff;box-shadow:0 6px 18px rgba(193,31,102,.45)}
.tbtn:hover{transform:translateY(-1px)}
.tprog{position:relative;height:12px;border-radius:8px;background:var(--soft);overflow:visible;margin:6px 0 4px}
.tprog i{display:block;height:100%;border-radius:8px;background:#2e9e57}.tprog.warn i{background:#e3a400}.tprog.crit i{background:#C11F66}
.tprog b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#132C3F}
.c-ok,.c-im{color:#2e9e57}.c-warn,.c-ueber{color:#c08a00}.c-crit,.c-deutlich{color:#C11F66}.c-unter{color:#006A78}.c-ohne{color:var(--muted)}
.tse{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:10px 0 6px}.tse div{background:var(--soft);border-radius:8px;padding:6px 9px}.tse small{display:block;color:var(--muted);font-size:11px}.tse b{font-size:13px}
.tl-wrap{margin-top:8px}.tl-day{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;margin:6px 0}
.tl-lbl{font-size:11px;font-weight:700;color:var(--muted)}
.tl-track{position:relative;height:22px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--soft) 0 1px,transparent 1px 100%);background-color:#f8fafb;border:1px solid var(--line)}
.tl-h{position:absolute;top:-14px;font-size:9px;color:var(--muted);transform:translateX(-50%)}
.tl-seg{position:absolute;top:3px;bottom:3px;border-radius:4px;opacity:.92}.tl-seg.live{animation:tlp 1.4s infinite}.tl-seg.corr{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.35) 0 3px,transparent 3px 6px)!important}
@keyframes tlp{50%{opacity:.55}}
.tl-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);margin-top:4px}.tl-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.tdet{margin-top:8px}.tdet summary{cursor:pointer;font-size:13px;font-weight:600}
.tlist{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px}.tlist li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--soft)}
.tdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#CFD600;animation:tp 1.6s infinite;vertical-align:1px}
.mini{height:5px;border-radius:4px;background:var(--soft);margin-top:6px;overflow:hidden}.mini i{display:block;height:100%;background:#2e9e57}.mini.warn i{background:#e3a400}.mini.crit i{background:#C11F66}
.chip.gst-neu{background:#eef2f5;color:#132C3F}.chip.gst-in_arbeit{background:#e0f1f3;color:#006A78}.chip.gst-korrektur{background:#fdeee5;color:#b5601f}.chip.gst-freigabe{background:#efeaf7;color:#7556A4}.chip.gst-fertig{background:#e5f4ea;color:#1E6B42}.chip.gst-abgerechnet{background:#132C3F;color:#fff}.chip.gst-storniert{background:#f3f3f3;color:#888}
/* Chef-Übersicht */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 6px}@media(max-width:900px){.kpis{grid-template-columns:1fr 1fr}}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kpi small{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.kpi>b{display:block;font-size:22px;margin:4px 0 2px}.kpi span{font-size:12px;color:var(--muted)}
.kpi.split{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;align-items:center}.kpi.split b{font-size:24px;display:block}.kpi.split span{font-size:11px}
.sitab td{vertical-align:middle}
.sibar{position:relative;height:10px;border-radius:6px;background:var(--soft)}.sibar i{display:block;height:100%;border-radius:6px;background:#2e9e57}
.sibar b{position:absolute;top:-3px;bottom:-3px;width:2px;background:#132C3F}
.sibar.c-unter i{background:#006A78}.sibar.c-ueber i{background:#e3a400}.sibar.c-deutlich i{background:#C11F66}
.ctag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft);white-space:nowrap}.ctag.c-im{background:#e5f4ea}.ctag.c-unter{background:#e0f1f3}.ctag.c-ueber{background:#fff3d6}.ctag.c-deutlich{background:#fbe5ee}
.prop{border-top:4px solid #7556A4}
.c-laeuft{color:var(--muted)}.ctag.c-laeuft{background:#eef2f5}.sibar.c-laeuft i{background:#9fb3c4}
.tpill[hidden]{display:none!important}

/* Formular-Abschnitte */
.fsec{--fc:var(--textil);border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:14px;overflow:hidden}
.fsec>.fh{display:flex;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--fc) 9%,#fff);border-bottom:1px solid color-mix(in srgb,var(--fc) 20%,#fff)}
.fsec>.fh .no{width:28px;height:28px;border-radius:50%;background:var(--fc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex:none}
.fsec>.fh b{font-size:15px;color:var(--technik)} .fsec>.fh span{font-size:12.5px;color:var(--muted)}
.fsec>.fb{padding:16px;display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.fsec>.fb .wide{grid-column:1/-1}
.fsec.c-textil{--fc:var(--textil)}.fsec.c-marketing{--fc:var(--marketing)}.fsec.c-more{--fc:var(--more)}.fsec.c-sports{--fc:var(--sports)}.fsec.c-technik{--fc:var(--technik)}
.fsec label.f input,.fsec label.f select,.fsec label.f textarea{--fc:var(--secfc)}
.fsec{--secfc:var(--fc)}
.fsteps{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}
.fsteps i{font-style:normal;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.fsteps i b{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;color:#fff;margin-right:6px;font-size:11px}
.factions{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;position:sticky;bottom:10px;box-shadow:0 6px 20px rgba(19,44,63,.08)}
.btn.big{padding:11px 20px;font-size:15px;border-radius:10px}
.lt{display:block}
/* Job-Seite: Ablauf-Stepper, Speicherstatus, Pflichtfelder */
.statusbox{padding:16px 18px}
.stepper{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}
.stp{flex:1 1 0;min-width:92px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:6px 2px;cursor:default;position:relative;font:inherit;color:var(--muted)}
.stp[data-act]{cursor:pointer}.stp[data-act]:hover .dot{border-color:var(--textil);color:var(--textil)}
.stp:not(:last-child)::after{content:"";position:absolute;top:20px;left:calc(50% + 17px);right:calc(-50% + 17px);height:3px;border-radius:2px;background:var(--line)}
.stp.done:not(:last-child)::after{background:var(--marketing)}
.stp .dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;z-index:1}
.stp.done .dot{background:var(--marketing);border-color:var(--marketing);color:#fff}
.stp.cur .dot{background:var(--textil);border-color:var(--textil);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--textil) 20%,transparent)}
.stp .sl{font-size:12px;line-height:1.2;text-align:center}
.stp.cur .sl{color:var(--ink);font-weight:800}.stp.done .sl{color:var(--ink)}
.nowbox{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:color-mix(in srgb,var(--textil) 7%,#fff);border:1px solid color-mix(in srgb,var(--textil) 22%,#fff);border-radius:12px;padding:12px 16px}
.nowtxt{flex:1 1 320px}.nowbtn{display:flex;gap:8px;flex-wrap:wrap}
.danger-link{color:#B42318;margin-left:8px}
.saved{font-size:13px;font-weight:700;padding:5px 10px;border-radius:99px;white-space:nowrap}
.saved.ok{background:#E8F5EE;color:#1E6B42}.saved.busy{background:#FFF7E6;color:#8A5A00}.saved.err{background:#FDECEC;color:#B42318}
.pfl{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:#FDECEC;color:#B42318;border-radius:5px;padding:1px 6px;vertical-align:1px}
label.f.rq:not(.miss) .pfl{background:#E8F5EE;color:#1E6B42}
label.f.miss input,label.f.miss select,label.f.miss textarea{border-color:#E5484D!important;background:#FFF5F5!important}
.kopf .fsec{margin-top:12px}
details.more{margin-top:4px;border:1px dashed var(--line);border-radius:10px;padding:8px 14px}
details.more summary{cursor:pointer;font-weight:600;color:var(--muted)}
/* Übersicht: Phasen + Tabelle */
.phases{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.ph{display:flex;flex-direction:column;align-items:flex-start;min-width:108px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;text-decoration:none;color:var(--ink)}
.ph b{font-size:22px;line-height:1.1}.ph span{font-size:12px;color:var(--muted)}
.ph:hover{border-color:var(--textil)}.ph.on{border-color:var(--textil);background:color-mix(in srgb,var(--textil) 10%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--textil) 15%,transparent)}
.ph.zero{opacity:.55}
.otab{width:100%;border-collapse:collapse}.otab th{text-align:left;font-size:12.5px;white-space:nowrap}.otab th a{color:var(--muted);text-decoration:none}.otab th a.on{color:var(--ink)}
.otab td{vertical-align:top;padding:9px 8px;border-top:1px solid var(--line)}.otab tr[data-href]{cursor:pointer}.otab tr[data-href]:hover td{background:#F6F9FA}
.otab tr.r-crit td{background:#FFF5F5}.otab tr.r-warn td{background:#FFFBF0}
.otab .jn{color:var(--ink)}.late{color:#B42318;font-weight:700}.miss-txt{color:#B42318;font-weight:600}
details.capbox summary{cursor:pointer;list-style:none}details.capbox summary::-webkit-details-marker{display:none}
details.capbox summary::before{content:"▸ ";color:var(--muted)}details.capbox[open] summary::before{content:"▾ "}
select.own{min-width:150px;padding:6px 8px;font-size:13.5px}select.own.none{border-color:#E5484D;background:#FFF5F5;color:#B42318;font-weight:700}
.own-ok{color:var(--ink);font-weight:600}
.otab td.cdh{font-size:12px;line-height:1.5;white-space:nowrap;color:var(--ink)}.otab td.cdh .k{color:var(--muted);display:inline-block;min-width:38px}.otab td.cdh .no{color:#B42318;font-weight:700}
.people{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 4px}
.pp{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:99px;border:1.5px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:600}
.pp b{background:#EEF2F4;border-radius:99px;padding:1px 8px;font-size:12px}
.pp:hover{border-color:var(--textil)}.pp.on{border-color:var(--textil);background:color-mix(in srgb,var(--textil) 10%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--textil) 15%,transparent)}
.pp .av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#fff;background:hsl(var(--h) 55% 42%)}
.pp .av.all{background:var(--technik)}.pp .av.none{background:#E5484D}
.pp.warn{border-color:#F5B5B7;color:#B42318}
.archbar{background:#EEF2F4;border:1px solid var(--line);border-radius:10px;padding:9px 14px;margin:8px 0;font-weight:600}
.quick{border-top:4px solid var(--merch,#C8D400);background:color-mix(in srgb,var(--textil) 4%,#fff)}
.qgrid{display:grid;gap:12px 14px;margin-top:12px;grid-template-columns:2fr 1.4fr 1.3fr 1fr .9fr .9fr}
.qgrid .q-what{grid-column:1/2}.qgrid .q-note{grid-column:1/4}.qgrid .q-btns{grid-column:4/-1;display:flex;gap:8px;align-items:flex-end;justify-content:flex-end}
@media(max-width:1000px){.qgrid{grid-template-columns:1fr 1fr}.qgrid .q-what,.qgrid .q-note,.qgrid .q-btns{grid-column:1/-1}}
/* Wareneingang */
.wsearch{font-size:18px;padding:14px 16px;border-radius:12px}
.wlist{display:grid;gap:10px}
.wcard{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:5px solid var(--more);border-radius:12px;padding:12px 16px}
.wmain{flex:1 1 380px;min-width:0}.wtop{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wtop .no{font-weight:800}.wtop .cust{font-weight:600}
.wart{font-size:17px;margin:3px 0}
.wbtns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn.wok{background:#1E8E4F;border-color:#1E8E4F;color:#fff;font-size:17px;font-weight:800;padding:12px 22px;border-radius:12px}
.btn.wok:hover{background:#17733F}
@media(max-width:700px){.wbtns{width:100%}.btn.wok{flex:1}}
.ubox{border-top:4px solid var(--more)}
.ucard{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:5px solid var(--marketing);border-radius:12px;padding:12px 16px}
.ubanner{display:block;background:#FFF7E6;border:1.5px solid #E8A317;color:#7A4B00;border-radius:12px;padding:12px 16px;margin:0 0 14px;text-decoration:none;font-size:15px}
.ubanner:hover{background:#FFEFCC}
.qgrid[hidden]{display:none}
.lockbar{background:#EEF2F4;border:1.5px solid var(--technik);border-radius:10px;padding:10px 14px;margin-top:10px}
.caplink{border-top:4px solid var(--merch)}
.mibox{border-left:5px solid #1F5FAF}
/* Kachel-Menü */
header.top .bar{justify-content:space-between}
nav.tiles-nav{display:flex;gap:22px;flex-wrap:wrap;padding:2px 20px 12px;align-items:flex-start}
.ngroup{display:flex;flex-direction:column;gap:5px}
.nglabel{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-left:2px}
.ntiles{display:flex;gap:7px;flex-wrap:wrap}
.tile-n{--tc:#006A78;position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:10px;background:var(--tc);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:13.5px;line-height:1.1;box-shadow:0 1px 0 rgba(0,0,0,.08);transition:transform .12s,box-shadow .12s,filter .12s;white-space:nowrap}
.tile-n:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--tc) 40%,transparent);filter:brightness(1.07)}
.tile-n .ti{width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:14px}
.tile-n.active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--tc)}
.tile-n .nb{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#fff;color:var(--tc);font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.tile-n .nb.hot{background:#E5484D;color:#fff}
.tile-n .nb[hidden]{display:none}
.mtab td{vertical-align:middle}
@media(max-width:700px){nav.tiles-nav{padding:2px 12px 10px;gap:12px}.tile-n{font-size:12.5px;padding:6px 10px 6px 7px}}
.askb{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;background:#FFF1D6;color:#8A5A00;border-radius:5px;padding:1px 6px;vertical-align:1px}
label.f.ask input{border-color:#E8B54A!important;background:#FFFBF0!important}
.qgrid .q-note{grid-column:1/-1}.qgrid .q-btns{grid-column:1/-1}
.drop{border:2px dashed color-mix(in srgb,var(--marketing) 45%,#fff);border-radius:12px;background:color-mix(in srgb,var(--marketing) 5%,#fff);padding:14px;grid-column:1/-1;transition:background .15s,border-color .15s}
.drop.over{background:color-mix(in srgb,var(--marketing) 14%,#fff);border-color:var(--marketing)}
.drop .dz{cursor:pointer;text-align:center;color:var(--ink)}.drop .dz span{color:var(--muted);font-size:13px}
.drop.small{padding:8px 10px}.drop.small .dz{text-align:left}
.dlist{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.dlist:empty{display:none}
.dfile{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:13px}
.dfile small{color:var(--muted)}.dfile button{border:0;background:none;cursor:pointer;color:#B42318;font-weight:800;padding:0 2px}
.qgrid .q-drop{grid-column:1/-1}
.ph.warnph:not(.zero){border-color:#E8B54A;background:#FFFBF0}.ph.critph:not(.zero){border-color:#E5484D;background:#FFF5F5}.ph.critph:not(.zero) b{color:#B42318}
.soon{color:#8A5A00}
.offbox{padding:10px 12px 12px;border:1px solid var(--line);border-radius:12px;background:#FAFBFC}
.jcell{display:flex;gap:10px;align-items:flex-start}
.lthumb{flex:none;width:44px;height:44px;border-radius:8px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none!important}
.lthumb img{max-width:100%;max-height:100%;object-fit:contain}
.lthumb.ext{background:#EFEDFF;color:#5B3FA0;font-weight:800;font-size:11px}
.lthumb.none{background:#F5F7F8;border-style:dashed;color:#9AA6AF;font-size:9.5px;line-height:1.1;text-align:center;font-weight:700}
.lthumb.big{width:64px;height:64px;border-radius:10px}
.jclogo{width:26px;height:26px;object-fit:contain;border-radius:5px;background:#fff;border:1px solid var(--line);margin-right:6px}
/* Tätigkeiten + Zeit-App */
.actrow{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:10px 0 4px}
.actc{--ac:#5B6B78;display:inline-flex;align-items:center;gap:5px;border:1.5px solid color-mix(in srgb,var(--ac) 45%,#fff);background:#fff;color:var(--ink);border-radius:99px;padding:5px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.actc.on{background:var(--ac);border-color:var(--ac);color:#fff}
.actsum{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}.actsum span{--ac:#9AA6AF;display:inline-flex;align-items:center;gap:5px;font-size:12px;background:#F5F7F8;border-radius:99px;padding:3px 9px}.actsum i{width:9px;height:9px;border-radius:50%;background:var(--ac)}
.tafter{background:#FFFBF0;border:1px solid #F3D99B;border-radius:10px;padding:10px 12px;margin-top:10px}
select.actsel{width:auto;min-width:150px;padding:4px 8px;font-size:12.5px;margin-left:6px}
body.zeitmode{background:#EEF3F4}
.zapp{max-width:520px;margin:0 auto;padding:0 12px 40px}
.zhead{position:sticky;top:0;z-index:5;background:#fff;margin:0 -12px 12px;border-bottom:1px solid var(--line)}
.zhead .stripe{display:flex;height:5px}.zhead .stripe i{flex:1}.zhead .stripe i:nth-child(1){background:var(--merch)}.zhead .stripe i:nth-child(2){background:var(--sports)}.zhead .stripe i:nth-child(3){background:var(--textil)}.zhead .stripe i:nth-child(4){background:var(--technik)}.zhead .stripe i:nth-child(5){background:var(--marketing)}.zhead .stripe i:nth-child(6){background:var(--more)}
.zbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.zbar b{font-size:18px}.zbar b span{color:var(--textil)}
.zcard{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.zl{display:block;font-weight:800;margin-bottom:6px}
.zin{display:flex;gap:8px}.zin input{font-size:22px;padding:12px 14px;font-weight:700;letter-spacing:.02em}.zin .btn{font-size:18px;padding:0 20px}
.zjobbox{margin-top:8px;padding:10px 12px;background:#F5F7F8;border-radius:10px;min-height:22px}
.zrecent{display:flex;gap:6px;flex-wrap:wrap}.chipbtn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.chipbtn small{font-weight:500;color:var(--muted);font-size:11px}
.actrow.big .actc{font-size:14.5px;padding:10px 14px}
.zbtn{display:block;width:100%;border:0;border-radius:16px;padding:20px;font:inherit;font-size:24px;font-weight:800;cursor:pointer;margin-top:14px;color:#fff}
.zbtn.start{background:#1E8E4F}.zbtn.start:disabled{background:#B8C4CC;cursor:not-allowed}.zbtn.stop{background:#B42318}
.zrun{--ac:#006A78;background:var(--ac);color:#fff;border-radius:18px;padding:18px;text-align:center;margin-bottom:12px}
.zrun .zjob{font-size:26px;font-weight:800}.zrun .zname{opacity:.9}.zrun .zclock{font-size:54px;font-weight:800;font-variant-numeric:tabular-nums;margin:8px 0}
.zrun .zactnow{display:inline-block;background:rgba(255,255,255,.2);border-radius:99px;padding:5px 14px;font-weight:700}
.zrun .actc{background:rgba(255,255,255,.95)}
.zrow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--line)}
.zfoot{text-align:center;padding:10px}
.zin input{flex:1;min-width:0;width:auto}.zin .btn{flex:none}
/* Berichte */
.report h3{margin:18px 0 6px;font-size:14px;color:var(--technik)}
.rt{width:100%;border-collapse:collapse;font-size:12.5px}.rt th{text-align:left;font-size:11px;text-transform:uppercase;color:#5B6B78;border-bottom:1.5px solid #132C3F;padding:4px 6px}.rt td{border-bottom:1px solid #DDE3E7;padding:4px 6px;vertical-align:top}.rt .r{text-align:right;white-space:nowrap}
.rt.small{font-size:11.5px}
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rbar{height:8px;background:#EEF2F4;border-radius:4px;overflow:hidden}.rbar i{display:block;height:100%}
.rdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0}
.rkpi{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.rkpi>div{flex:1;min-width:120px;border:1px solid #DDE3E7;border-radius:8px;padding:8px 10px}.rkpi small{display:block;color:#5B6B78;font-size:11px}.rkpi b{font-size:16px}
.rkpi .bad b,b.bad{color:#B42318}.rkpi .good b,b.good{color:#1E6B42}
.rsoll{position:relative;height:14px;background:#EEF2F4;border-radius:7px;margin:6px 0 2px}.rsoll i{position:absolute;left:0;top:0;bottom:0;background:#006A78;border-radius:7px}.rsoll i.bad{background:#C0392B}.rsoll b{position:absolute;top:-3px;bottom:-3px;width:3px;background:#132C3F}
@media print{.rgrid{grid-template-columns:1fr 1fr}.report h3{break-after:avoid}.rt tr{break-inside:avoid}}
.ztabs{display:flex;background:#EEF2F4;border-radius:12px;padding:4px;margin-bottom:12px}.ztabs button{flex:1;border:0;background:none;padding:10px;border-radius:9px;font:inherit;font-weight:800;color:var(--muted);cursor:pointer}.ztabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.dbar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#EEF2F4;margin-top:8px}.dbar i{display:block;height:100%}
.cnts{display:flex;gap:6px;flex-wrap:wrap}.cnt{background:#F5F7F8;border-radius:99px;padding:3px 10px;font-size:12.5px}.cnt b{color:var(--textil)}
.zclose{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.slrow{display:grid;grid-template-columns:1fr 110px 46px;gap:8px;align-items:center;padding:5px 0;font-size:14px}.slrow input{padding:0;width:100%}.slv{text-align:right;font-size:13px}
@media(max-width:420px){.slrow{grid-template-columns:1fr 90px 44px}}
.attbox{margin-top:10px;background:#F5F7F8;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.attlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;margin-top:8px}
.attj{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;cursor:pointer}.attj small{display:block;color:var(--muted)}
.attj.match{border-color:#2E8B57;box-shadow:inset 3px 0 0 #2E8B57}.attj:hover{border-color:var(--textil)}
.proofc.on{border-left:5px solid var(--marketing)}
.pst{margin:10px 0;padding:8px 12px;border-radius:10px;font-weight:700}.pst.warn{background:#FFF7E6;color:#7A4B00}.pst.ok{background:#E8F5EE;color:#1E6B42}.pst.crit{background:#FDECEC;color:#B42318}
.pfiles{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pfile{display:flex;flex-direction:column;align-items:center;gap:4px;width:120px;border:1.5px solid var(--line);border-radius:10px;padding:6px;font-size:11.5px;cursor:pointer;text-align:center}
.pfile img{width:100px;height:70px;object-fit:contain}.pfile .pdf{width:100px;height:70px;display:flex;align-items:center;justify-content:center;background:#EFEDFF;color:#5B3FA0;font-weight:800;border-radius:6px}
.pfile:has(input:checked){border-color:var(--marketing);background:#F6F3FF}
.pbadge{margin-top:3px;font-weight:700}.pbadge.freigegeben{color:#1E6B42}.pbadge.gesendet,.pbadge.offen{color:#8A5A00}.pbadge.abgelehnt{color:#B42318}
/* Urlaub */
.abanner{display:block;background:#F2F8E1;border:1.5px solid #B9CC5A;color:#3D4A00;border-radius:12px;padding:10px 16px;margin:0 0 14px;text-decoration:none;font-size:14.5px}
.abanner:hover{background:#E9F3CC}
.capoff{font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap}
.ltiles{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ltiles>div{background:var(--soft,#F3F6F8);border-radius:10px;padding:10px 14px;min-width:110px;display:flex;flex-direction:column}
.ltiles b{font-size:22px}.ltiles span{font-size:12px;color:var(--muted)}
.ltiles .w{background:#FFF3D6}.ltiles .r{background:#E8F5EE}.ltiles .r b{color:#1E6B42}.ltiles .r.neg{background:#FBE5E2}.ltiles .r.neg b{color:var(--crit)}
b.neg,.neg{color:var(--crit)}
.lgrid{display:grid;gap:10px 14px;margin-top:8px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end}
.lgrid .l-note{grid-column:1/-1}.lgrid .l-btns{display:flex;justify-content:flex-end}
.lgrid label.chk{flex-direction:row;align-items:center;gap:8px;padding-bottom:10px}.lgrid label.chk input{width:auto}
.lwish{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.lwish .lbtn{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lwish .lbtn input{width:200px}
.lopen{border-color:#E8A317}
.lnum{width:70px!important;padding:5px 8px!important}
.lcal-wrap{overflow:auto;margin-top:10px;border:1px solid var(--line);border-radius:10px}
.lcal{border-collapse:collapse;font-size:11px;min-width:100%}
.lcal th,.lcal td{border-right:1px solid #EEF1F3;border-bottom:1px solid #EEF1F3;padding:0;text-align:center}
.lcal tr:first-child th{padding:4px 2px;font-weight:600;color:var(--muted);min-width:22px;vertical-align:bottom}
.lcal th.wk,.lcal td.wk{border-left:2px solid #C9D2D8}
.lcal .kw{display:block;font-size:10px;color:var(--technik);font-weight:800;white-space:nowrap}
.lcal th.nm{position:sticky;left:0;background:#fff;text-align:left;padding:4px 10px;white-space:nowrap;font-size:12.5px;z-index:1;min-width:150px}
.lcal tr.sep th{background:#F5F7F8;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:4px 10px}
.lcal td{height:24px}
.lcal td.ok{background:#9BA800}.lcal td.wish{background:repeating-linear-gradient(45deg,#F2C14E 0 4px,#FFF3D6 4px 8px)}
.lcal td.ext{background:#D9782D}.lcal td.firm{background:#132C3F}.lcal td.sick{background:#C11F66}.lcal td.hol,.lcal th.hol{background:#E3E7EA}
.lcal td.half{opacity:.5}
.lcal .td{box-shadow:inset 0 0 0 2px var(--textil)}
.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;color:var(--muted)}
.legend i{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:5px}
.legend i.ok{background:#9BA800}.legend i.wish{background:repeating-linear-gradient(45deg,#F2C14E 0 3px,#FFF3D6 3px 6px)}.legend i.ext{background:#D9782D}.legend i.firm{background:#132C3F}.legend i.hol{background:#E3E7EA}.legend i.sick{background:#C11F66}
.lcal th.nm,.lcal tr.sep th{text-transform:none;letter-spacing:0}.lcal tr.sep th{text-transform:uppercase;letter-spacing:.4px}
.artbar{margin-bottom:8px}.pp.art{padding:5px 12px 5px 6px}.pp.art .ai{width:24px;height:24px;border-radius:50%;background:#EEF2F4;display:flex;align-items:center;justify-content:center;font-size:13px}
.pp.art.on .ai{background:#fff}
.vabar{position:sticky;top:0;z-index:50;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#FFE58A;color:#3D2E00;border-bottom:2px solid #E8A317;padding:8px 16px;font-size:14px}
.vabar span{color:#6B5300}.vabar .sp{flex:1}
.vausers{display:flex;gap:8px;flex-wrap:wrap}.vacard h2{font-size:17px}
.delx{background:none;border:0;cursor:pointer;font-size:16px;opacity:.55;padding:2px 6px}.delx:hover{opacity:1}
.selbar{display:flex;gap:10px;align-items:center;background:#FBE5E2;border:1.5px solid #F0A39B;border-radius:10px;padding:8px 12px;margin:8px 0}
.otab td.cbx,.otab th.cbx{width:28px;text-align:center}
.utable tr.ugrp th{background:#F2F5F7;text-align:left;padding:8px 10px;font-size:13px;color:var(--technik);text-transform:none;letter-spacing:0;border-top:2px solid var(--line)}
.utable .uord{width:58px}.utable .uord input{width:52px;padding:4px 6px;text-align:center;font-size:13px}
.selbar[hidden]{display:none}
.inq.selc{position:relative;padding-left:44px}.inq.selc input[data-sel]{position:absolute;left:14px;top:18px;width:18px;height:18px;margin:0}
.nbanner{background:#E7F1FB;border:1.5px solid #8DB6E3;color:#123A63;border-radius:12px;padding:10px 16px;margin:0 0 14px;font-size:14.5px}
.nbanner a{color:#123A63;margin-right:4px}
.wbtns .wno{color:var(--crit);border-color:#F0A39B}.wbtns .wno:hover{background:#FBE5E2}
.wblocked .wcard{border-color:#F0A39B;background:#FFF8F7}.wnote{color:#8A3B12;margin-top:2px}
.mbody{white-space:pre-wrap;background:var(--soft,#F3F6F8);padding:10px 12px;border-radius:8px;max-height:420px;overflow:auto;margin:6px 0}
.mbody.raw{font-size:12.5px;color:var(--muted)}

.wtabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;border-bottom:2px solid var(--line);padding-bottom:10px}
.wtabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:700;font-size:14.5px}
.wtabs a b{background:#EEF2F4;border-radius:99px;padding:1px 9px;font-size:12.5px}
.wtabs a.on{background:var(--more);border-color:var(--more);color:#fff}.wtabs a.on b{background:rgba(255,255,255,.25);color:#fff}
.wtabs a.hot:not(.on) b{background:#E5484D;color:#fff}
.wgh{margin:16px 0 8px;font-size:15px}
.wcard.blocked{border-color:#F0A39B;border-left-color:var(--crit);background:#FFF8F7}
.uph img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
ul.todo{list-style:none;margin:0;padding:0;display:grid;gap:6px}
ul.todo li{border-left:4px solid #C9D2D8;background:#F7F9FA;border-radius:8px;padding:8px 12px}
ul.todo li.crit{border-left-color:var(--crit);background:#FFF5F4}ul.todo li.warn{border-left-color:#E8A317;background:#FFFAEE}ul.todo li.info{border-left-color:var(--textil)}
.todo-c{margin-bottom:12px}
.uphs{display:flex;gap:6px;flex-wrap:wrap}.uph{position:relative;display:inline-block}.uph button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#B42318;color:#fff;font-size:11px;cursor:pointer;padding:0}
#uDrop{padding:12px;text-align:left}#uDrop .uphs{margin-top:8px}
input[hidden]{display:none!important}
.spk{display:inline-flex;gap:2px;align-items:flex-end;height:30px}.spk i{display:block;width:7px;background:var(--more);border-radius:2px 2px 0 0;opacity:.8}
.rt tr.sum td{border-top:2px solid var(--line);background:#F7F9FA}
.ppl{display:inline-block;margin:1px 8px 1px 0;white-space:nowrap}.ppl.bad b{color:var(--crit)}
.idea.erledigt{opacity:.65}.idea.verworfen{opacity:.5}.idea select{min-width:120px}
form[hidden]{display:none!important}
.zbar-r{display:flex;align-items:center;gap:12px}.zback{background:#fff;color:var(--technik);border:1.5px solid var(--line);border-radius:10px;padding:6px 12px;font-weight:800;font-size:13.5px;text-decoration:none;white-space:nowrap}.zback:hover{border-color:var(--textil)}
.whenb{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.wchk{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:13.5px;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:5px 11px;cursor:pointer;color:var(--ink)}
.wchk input{width:auto;margin:0}.wchk:has(input:checked){border-color:var(--textil);background:color-mix(in srgb,var(--textil) 10%,#fff)}
.qgrid .f-when{grid-column:span 2}@media(max-width:1000px){.qgrid .f-when{grid-column:1/-1}}
.gsearch{position:relative;flex:1;max-width:520px;min-width:220px}
.gsearch input{width:100%;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:14px}
.gsearch input:focus{border-color:var(--textil);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--textil) 15%,transparent)}
.gsres{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(19,44,63,.15);z-index:60;max-height:70vh;overflow:auto;padding:6px}
.gsres[hidden]{display:none}.gsh{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:6px 8px 2px;font-weight:700}
.gsr{display:block;padding:7px 8px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}.gsr:hover{background:#F2F6F7}
@media(max-width:700px){.gsearch{order:3;max-width:none;flex-basis:100%}}
.qacc{margin:0 0 14px}.qacc>summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid #9BA800;border-radius:12px;padding:12px 16px;font-weight:800;font-size:16px}
.qacc>summary::-webkit-details-marker{display:none}.qacc>summary::after{content:'▾';margin-left:auto;color:var(--muted)}.qacc[open]>summary{border-radius:12px 12px 0 0;margin-bottom:-1px}.qacc[open]>summary::after{content:'▴'}
.qacc[open] .quick{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}
.btn.tiny{padding:1px 7px;font-size:11.5px;border-radius:7px;margin-left:6px;vertical-align:1px}.chk-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 2px;font-size:14px}.chk-line input{width:auto;margin:0}
/* Navigation neu: Hauptbereiche + Unterpunkte */
nav.mainnav{display:flex;gap:6px;padding:0 20px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
nav.mainnav::-webkit-scrollbar{display:none}
.ma{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 16px 12px;color:var(--muted);font-weight:800;font-size:15px;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.ma:hover{color:var(--ink)}.ma.on{color:var(--ink);border-bottom-color:var(--textil)}
.ma .mi{font-size:16px}
.ma .nb,.subnav .nb{min-width:19px;height:19px;padding:0 6px;border-radius:99px;background:#E5484D;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-left:2px}
.ma .nb[hidden],.subnav .nb[hidden]{display:none}
nav.subnav{display:flex;gap:4px;padding:8px 20px;overflow-x:auto;scrollbar-width:none;background:#F7F9FA;border-bottom:1px solid var(--line)}
nav.subnav::-webkit-scrollbar{display:none}
.subnav a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--c) 13%,#fff);border:1.5px solid color-mix(in srgb,var(--c) 45%,#fff)}
.subnav a:hover{background:color-mix(in srgb,var(--c) 24%,#fff)}.subnav a.on{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--c) 40%,transparent)}
nav.subnav{gap:8px!important}
.subnav .si{font-size:14px}
@media(max-width:700px){nav.mainnav{padding:0 8px}.ma{padding:10px 11px;font-size:14px}nav.subnav{padding:6px 8px}}
details.fsec{display:block}details.fsec>summary{list-style:none;cursor:pointer}details.fsec>summary::-webkit-details-marker{display:none}
details.fsec>summary.fh{display:flex;align-items:center;gap:12px}
details.fsec .ft{display:flex;flex-direction:column;min-width:0;flex:1}details.fsec .fsum{font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
details.fsec[open] .fsum{display:none}details.fsec .chev{color:var(--muted);transition:transform .15s}details.fsec[open] .chev{transform:rotate(180deg)}
details.fsec:not([open]){margin-bottom:8px}details.fsec:not([open])>summary.fh{border-bottom:0}
.mlist{display:grid;gap:6px;margin-top:10px}
.mrow{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.4fr);gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--ink);text-decoration:none}
.mrow:hover{border-color:var(--textil)}.mrow.crit{border-left:5px solid var(--crit)}.mrow.warn{border-left:5px solid #E8A317}
.mrow .mn{font-weight:800;font-size:15px}
.av2{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-right:3px;background:#EEF2F4;color:#5B6B78;border:1.5px solid #DDE3E7}
.av2.v{background:#E6F2F3;color:var(--textil);border-color:var(--textil)}
@media(max-width:900px){.mrow{grid-template-columns:1fr 1fr}.mrow .m1,.mrow .m5{grid-column:1/-1}}
.h1no{font-size:14px;font-weight:600;color:var(--muted);vertical-align:3px;margin-left:6px}
@media(max-width:700px){.people.artbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.people.artbar .pp{flex:none}}
.inqtop{position:sticky;top:var(--hdrH,0px);z-index:15;background:var(--bg);padding:6px 0 4px;margin:0 -4px;padding-left:4px;padding-right:4px;box-shadow:0 8px 10px -10px rgba(19,44,63,.25)}
.inqtop .mibox{margin-bottom:8px}.inqtop .tabs{margin-bottom:4px}
.inqx{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--line);background:#fff;cursor:pointer;color:var(--muted);font-size:14px;padding:0}
.inqx::before{content:'✕'}.inq.collapsed .inqx::before{content:'▾'}.inqx:hover{border-color:var(--textil);color:var(--ink)}
.inq.collapsed>*:not(.row:first-of-type):not(input){display:none}
.inq.collapsed{padding-top:10px;padding-bottom:10px}.inq.collapsed h2{font-size:16px;margin:2px 0!important}
.inq.collapsed > .row:first-of-type .small:not(.muted){display:none}
.btn.welink{background:#e8a33d;border-color:#e8a33d;color:#fff;font-weight:700}.btn.welink:hover{background:#d48f26}
.inqtop .wtabs{margin-bottom:6px}
.flag.go,.btn.go{background:#e6f4ea;border-color:#2e9e5b;color:#1d7a43;font-weight:700}.btn.go:hover{background:#2e9e5b;color:#fff}
.card.gobox{border-left:5px solid #2e9e5b;background:#f3fbf6}.card.idea.umsetzen{border-left:5px solid #2e9e5b}
.pptab{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.pptab th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:4px 6px;white-space:nowrap}
.pptab td{padding:3px 4px;vertical-align:middle}.pptab input,.pptab select{padding:6px 8px;font-size:14px;min-width:0}.pptab td:nth-child(2) input{min-width:200px}.pptab td:nth-child(3) input{min-width:150px}.pptab td:nth-child(8) input{min-width:120px}
.pptab td:first-child select{min-width:150px}.pptab td:nth-child(6) select{min-width:120px}.pptab .ppn{width:84px;text-align:right}.pptab .ppp{font-weight:700;background:#fffbe6}.ppcard{margin-bottom:12px}
.pjrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.pjrow:first-of-type{border-top:0}
.flag.ok{background:#e6f4ea;color:#1d7a43}
.btn.cap-on.cap-ok{background:#2e9e5b;color:#fff;border-color:#2e9e5b}.btn.cap-on.cap-warn{background:#e8a33d;color:#fff;border-color:#e8a33d}.btn.cap-on.cap-crit{background:#c0392b;color:#fff;border-color:#c0392b}
td.neg{color:#c0392b;font-weight:700}
.custbox .attbox{margin:4px 0 0}.clogos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.clogo{display:flex;flex-direction:column;align-items:center;gap:3px;width:96px;padding:6px;border:1.5px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;position:relative}
.clogo img{max-width:80px;max-height:56px;object-fit:contain}.clogo span{font-size:28px}.clogo small{font-size:10.5px;color:var(--muted);text-align:center;word-break:break-all;line-height:1.2}.clogo.on{border-color:var(--textil);background:#e8f4f5;box-shadow:0 0 0 2px var(--textil)}
.clogos.big .clogo{width:130px}.clogos.big .clogo img{max-width:110px;max-height:80px}.clogo .btn.tiny{position:absolute;top:2px;right:2px}.cuthumb{max-width:44px;max-height:30px;object-fit:contain}
.custbox{grid-column:1/-1}
.kpirow{display:flex;flex-wrap:wrap;gap:14px;margin:-4px 0 12px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:10px}
.vabar.edit{background:#c0392b;color:#fff}
.zqr{float:right;display:flex;gap:8px;align-items:center;margin:-4px 0 6px 12px;padding:6px;border:1px solid var(--line);border-radius:8px;break-inside:avoid}.zqr svg{display:block}
.ampel{font-size:13px;padding:7px 10px;border-radius:8px;border-left:4px solid #999;background:#f5f7f8}.ampel.ok{border-color:#2e9e5b;background:#eef8f1}.ampel.warn{border-color:#e8a33d;background:#fff7e8}.ampel.crit{border-color:#c0392b;background:#fdeeee}
.kindt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.kt{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.kt input{width:auto;margin-top:3px}.kt b{display:block;font-size:15px}.kt small{color:var(--muted);font-size:12.5px}.kt:has(input:checked){border-color:#C11F66;background:#fbeef3}.kt:has(input[value=auftrag]:checked){border-color:var(--textil);background:#e8f4f5}
@media(max-width:640px){.kindt{grid-template-columns:1fr}}
.ochip{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:700;background:#eef1f3;color:#38505f}.ochip.o-new{background:#fbeef3;color:#a3174f}.ochip.o-work{background:#fff4e0;color:#9a5b00}.ochip.o-sent{background:#e7f1fb;color:#1f5faf}.ochip.o-won{background:#e6f4ea;color:#1d7a43}.ochip.o-lost{background:#f0efec;color:#6b6b6b}
.opanel{border-left:6px solid #C11F66}.ostepper{display:flex;align-items:center;gap:4px;margin:12px 0 8px;flex-wrap:wrap}.ostepper>b{flex:1;min-width:16px;height:2px;background:var(--line)}
.os{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.os i{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;border:2px solid var(--line);font-style:normal;font-weight:700;background:#fff}
.os.done i{background:#2e9e5b;border-color:#2e9e5b;color:#fff}.os.cur i{background:#C11F66;border-color:#C11F66;color:#fff}.os.cur span{color:var(--ink);font-weight:700}
.oinfo{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}.oform{display:inline-block}.oform>summary{list-style:none}.oform>summary::-webkit-details-marker{display:none}.oform[open]{display:block;width:100%;background:#f7f9fa;border:1px solid var(--line);border-radius:10px;padding:10px}
.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px}.ogrid .wide{grid-column:1/-1}
.otiles{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}.otile{flex:1;min-width:130px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-decoration:none;color:var(--ink);border-top:4px solid #C11F66}.otile b{display:block;font-size:26px}.otile span{font-size:13px;color:var(--muted)}
.otile.crit{border-top-color:#c0392b}.otile.crit:not(.zero) b{color:#c0392b}.otile.warn{border-top-color:#e8a33d}.otile.zero{opacity:.55}
tr.ogh td{background:#f3f6f8;font-weight:700;font-size:13px}.otab tr.crit td{background:#fdf1f1}.pp.none{border-color:#e7b4b4;color:#a33}
.obanner{display:block;margin:0 0 10px;padding:10px 14px;border-radius:10px;background:#fbeef3;border:1px solid #efc2d3;color:var(--ink);text-decoration:none}
.mofr{border-left:5px solid #C11F66}.orow{display:flex;gap:8px;align-items:center;padding:8px 4px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;flex-wrap:wrap}.orow.crit{background:#fdf1f1}
.rabrow td{background:#fbf6ee;border-radius:6px}.rabwarn{margin-top:8px;padding:8px 10px;border-radius:8px;font-weight:700;font-size:13.5px}.rabwarn.crit{background:#fdeeee;color:#a11;border:1px solid #f0b8b8}.rabwarn.warn{background:#fff7e8;color:#8a5a00;border:1px solid #f0d49a}
.pjchip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px 2px 3px;border-radius:99px;margin:0 4px 4px 0;border:1px solid}.pjchip b{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;color:#fff;background:#666}
.pjchip.ok{background:#e6f4ea;border-color:#9fd3b1;color:#1d7a43}.pjchip.ok b{background:#2e9e5b}.pjchip.warn{background:#fff6e5;border-color:#f0cf8f;color:#8a5a00}.pjchip.warn b{background:#e8a33d}.pjchip.crit{background:#fdeeee;border-color:#f0b8b8;color:#a11}.pjchip.crit b{background:#c0392b}

.utodo{border-left:4px solid #CFD600}
.utodo h3{font-size:14px;margin:6px 0}
.utodo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:800px){.utodo-grid{grid-template-columns:1fr}}
.utrow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--line,#e5e5e5);flex-wrap:wrap}

.icmt{margin-top:8px;border-top:1px dashed var(--line,#ddd);padding-top:6px}
.icmt summary{cursor:pointer}
.icrow{display:flex;gap:6px;align-items:flex-start;padding:5px 8px;margin-top:4px;background:#f7f8e6;border-left:3px solid #CFD600;border-radius:4px}

.fulpick{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.fulpick .kt{flex:1;min-width:210px}
.fulbox{padding:12px 16px;margin:0 0 12px}.fulbox.miss{border-left:4px solid #D9782D;background:#fff8ef}
.stp.skip{opacity:.35}.stp.skip .sl{text-decoration:line-through}

.ktabs{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}.ktab{padding:10px 16px;border-radius:12px;border:2px solid var(--line,#e2e7eb);background:#fff;font-weight:700;color:#132C3F;text-decoration:none}
.ktab b{display:inline-block;min-width:22px;padding:0 6px;border-radius:11px;background:#132C3F;color:#fff;font-size:12px;text-align:center;margin-left:4px}.ktab.active{border-color:#006A78;background:#eef6f7}
.flag.est{background:#f3f6ea;color:#5d6600}
/* Zusatz-Module */
a.card.mrow{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;padding:12px 16px;margin:0 0 8px;border-left:4px solid #006A78}
a.card.mrow:hover{box-shadow:0 2px 10px rgba(19,44,63,.12)}a.card.mrow.late{border-left-color:#C11F66;background:#fff6f9}
.mdate{min-width:54px;text-align:center;border-radius:10px;background:#132C3F;color:#fff;padding:6px 4px;line-height:1.1}.mdate b{display:block;font-size:20px}.mdate span{font-size:11px;text-transform:uppercase}.mdate small{display:block;font-size:11px;opacity:.8}
.chbox{padding:10px 14px;border-left:4px solid #D9782D;background:#fff8ef}.chbox.on{border-left-color:#2E8B57;background:#f1faf4}
.inqt{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.inqt .kt{text-align:left;font:inherit;cursor:pointer}.inqt .kt:hover{border-color:#006A78}
@media(max-width:900px){.inqt{grid-template-columns:repeat(2,1fr)}}
.mfiles{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.mfile{width:120px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;word-break:break-all}.mfile img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid #e2e7eb}
.utrow.tdone b{text-decoration:line-through;opacity:.6}
.evme{border-left:4px solid #C11F66}
.late{color:#C11F66;font-weight:700}
/* Lager */
.ltab td{vertical-align:middle}.secbox{border-left:4px solid #132C3F}.secpre{background:#f4f6f8;padding:8px;border-radius:8px;white-space:pre-wrap;font-size:14px;margin:0 0 6px}
.lbl{width:70mm;height:36mm;border:1px dashed #bbb;display:flex;gap:3mm;padding:2mm;margin:10px;box-sizing:border-box;font-size:9pt;line-height:1.2;background:#fff}.lblq{width:30mm;flex:none}.lblq svg{width:30mm;height:30mm}.lblt{overflow:hidden}.lblb{font-weight:800;color:#006A78;font-size:11pt}
@media print{.lbl{border:none;margin:0}}
/* Lieferschein */
.ls{max-width:190mm;margin:0 auto;background:#fff;padding:14mm 12mm;font-size:10.5pt}.ls .stripe{display:flex;height:6px;margin:-14mm -12mm 10mm}.ls .stripe i{flex:1}.ls .stripe i:nth-child(1){background:#006A78}.ls .stripe i:nth-child(2){background:#C11F66}.ls .stripe i:nth-child(3){background:#9BA800}.ls .stripe i:nth-child(4){background:#D9782D}.ls .stripe i:nth-child(5){background:#7556A4}.ls .stripe i:nth-child(6){background:#132C3F}
.lsbrand{font-weight:800;font-size:22pt;color:#132C3F;line-height:1}.lsbrand span{font-size:10pt;font-weight:600;color:#5B6B78}
.lstab{width:100%;border-collapse:collapse;margin:16px 0}.lstab th,.lstab td{border-bottom:1px solid #ccd3d9;padding:5px 6px;text-align:left}.lstab th{background:#eef2f4}.lstab .lsdev td{background:#f7f9fa}
.sig{border-top:1px solid #333;padding-top:4px;font-size:9pt;color:#555;margin-top:28px}
@media print{.ls{padding:0;max-width:none}.ls .stripe{margin:0 0 8mm}}
/* Kalender */
.kfil{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.kfc{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:2px solid var(--c);font-size:13px;cursor:pointer;background:#fff}
.kgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #dfe5ea;border-radius:10px;overflow:hidden;background:#fff}.kwd{background:#132C3F;color:#fff;font-weight:700;padding:6px;text-align:center;font-size:13px}
.kday{min-height:104px;border-right:1px solid #eef1f4;border-bottom:1px solid #eef1f4;padding:3px;display:flex;flex-direction:column;gap:2px;min-width:0}.kday.out{background:#f7f9fa;opacity:.65}.kday.we{background:#fbfbf7}.kday.today{box-shadow:inset 0 0 0 2px #C11F66}
.kdn{font-weight:700;font-size:12px;color:#132C3F;text-decoration:none;align-self:flex-end;padding:0 4px}.kday.today .kdn{background:#C11F66;color:#fff;border-radius:10px}
.kev{display:block;background:color-mix(in srgb,var(--c) 14%,#fff);border-left:3px solid var(--c);color:#132C3F;font-size:11.5px;padding:2px 4px;border-radius:4px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kev:hover{background:color-mix(in srgb,var(--c) 26%,#fff)}.kev.tent{border-left-style:dashed;opacity:.8}.kev b{color:#2E8B57}.kev small{display:block;color:#5B6B78;white-space:normal}
.kmore{font-size:11px;color:#5B6B78}.kweek{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.kwcol{background:#fff;border:1px solid #dfe5ea;border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:3px;min-height:200px;min-width:0}.kwcol.today{border-color:#C11F66}.kwh{font-size:13px;padding:4px;border-bottom:1px solid #eef1f4}.kweek .kev{white-space:normal;font-size:12.5px}
@media (max-width:760px){.kweek{grid-template-columns:1fr}.kday{min-height:70px}.kev{font-size:10px}}
.form .cbx.f,.cbx.f{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;text-align:left}.cbx.f input{width:auto}
/* Aufgaben */
.aquick{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.aquick input[name=title]{flex:1 1 320px}.aquick select,.aquick input[type=date],.aquick input[type=time]{width:auto}
.aghead{font-weight:800;padding:6px 14px;font-size:14px}.arow{display:flex;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid #eef1f4;cursor:pointer}.arow:hover{background:#f7f9fa}.arow.over{background:#fff6f8}.arow.adone b{text-decoration:line-through;opacity:.6}
.acheck{width:28px;height:28px;border-radius:50%;border:2px solid #2E8B57;background:#fff;color:#fff;font-weight:800;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center}.acheck:hover{background:#2E8B57}.acheck.on{background:#2E8B57;cursor:default}
.apeople{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.apl{background:#eef2f4;border-radius:12px;padding:2px 8px;font-size:12px}.apl.me{background:#2E8B57;color:#fff}.adue{min-width:120px;text-align:right;font-size:13px;font-weight:600}
.apicks{display:flex;flex-wrap:wrap;gap:6px}.apick{border:1.5px solid #dfe5ea;border-radius:20px;padding:4px 10px;font-size:13px;cursor:pointer;display:inline-flex;gap:5px;align-items:center}.apick.on{border-color:#2E8B57;background:#eef8f2}.apick input{width:auto}
.amail{border-left:4px solid #C11F66}.amtext{white-space:pre-wrap;font-size:13px;max-height:320px;overflow:auto;background:#f7f9fa;border-radius:8px;padding:8px;margin-top:6px}
@media (max-width:760px){.arow{flex-wrap:wrap}.adue{text-align:left;min-width:0}}
@media(max-width:1440px){.ma{padding:11px 11px 12px;gap:6px;font-size:14.5px}nav.mainnav{gap:2px}}
.inqxl{margin-top:2px;flex:none}.card.inq > .row:first-of-type{flex-wrap:nowrap}@media(max-width:700px){.card.inq > .row:first-of-type{flex-wrap:wrap}}
.inqquick{display:none;gap:6px}.inq.collapsed .inqquick{display:inline-flex}.inq.collapsed>[id^=att]:not(:empty){display:block!important;margin-top:8px}
/* Einsätze */
.gcard{display:block;text-decoration:none;color:inherit;border-left:4px solid #7556A4}.gcard:hover{box-shadow:0 2px 10px rgba(19,44,63,.12)}
.gphs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.gph{font-size:12px;border-radius:12px;padding:2px 8px;background:#f1edf7}.gp-anreise,.gp-abreise{background:#eef2f4}.gp-aufbau,.gp-abbau{background:#fdf0e6}.gp-termin{background:#7556A4;color:#fff}
.gprow{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.gprow select{width:190px}.gprow input[type=text]{flex:1 1 160px;width:auto}.gprow input[type=datetime-local]{width:auto}
.gteam{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end;margin-top:8px}.gteam select,.gteam input{width:auto}.gteam label{display:flex;flex-direction:column;gap:2px}
.kmine{font-weight:700}
.inq.collapsed .inqquick .btn{display:inline-flex!important}
.selwrap{display:flex;gap:8px;align-items:flex-start}.selwrap>input[type=checkbox]{width:auto;margin-top:16px;flex:none}.selwrap>a,.selwrap>div{flex:1;min-width:0}.agrp .selwrap>input{margin:14px 0 0 10px}
/* Promotoren */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.pgrid .selwrap>input{margin-top:8px}
.pcard{display:block;background:#fff;border:1px solid #dfe5ea;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}.pcard:hover{box-shadow:0 2px 10px rgba(19,44,63,.14)}.pcard.pinact{opacity:.55}
.pimg{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#eef2f4}.pnoimg{display:flex;align-items:center;justify-content:center;font-size:48px;color:#9aa8b3;background:#eef2f4}.pcb{padding:10px 12px}
.pskills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pskills span{background:#f1edf7;color:#5a3f8c;border-radius:10px;padding:1px 8px;font-size:12px}.pskills.big span{background:#7556A4;color:#fff;font-size:13px;padding:3px 10px}
.pstar{color:#D9782D;letter-spacing:1px}.pfilt .pskf{display:flex;flex-wrap:wrap;gap:6px}
.pphotos{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.pph{width:140px;display:flex;flex-direction:column;gap:4px;align-items:center}.pph.main .pthumb{outline:3px solid #CFD600}.pthumb{width:140px;height:180px;object-fit:cover;border-radius:10px;display:flex}
.pskchk{display:flex;flex-wrap:wrap;gap:6px}
.sc .scg{display:grid;grid-template-columns:70mm 1fr;gap:8mm;margin-top:8mm}.scmain{width:70mm;height:92mm;object-fit:cover;border-radius:4mm;display:flex}.scth{display:flex;gap:2mm;margin-top:2mm}.scthumb{width:22mm;height:29mm;object-fit:cover;border-radius:2mm}
.sctab td{padding:3px 12px 3px 0;vertical-align:top}.sctab td:first-child{color:#5B6B78}
/* Mockup-Editor */
.mkwrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}@media(max-width:900px){.mkwrap{grid-template-columns:1fr}}
.mkcols{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.mkcols button{width:26px;height:26px;border-radius:50%;border:2px solid #dfe5ea;cursor:pointer;padding:0}.mkcols button.on{border-color:#C11F66;box-shadow:0 0 0 2px #fff inset}
.mkdeco{border:1.5px solid #e5eaee;border-radius:10px;padding:8px;margin-bottom:8px;cursor:pointer}.mkdeco.on{border-color:#C11F66;background:#fff7fa}.mkno{background:#C11F66;color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.mktabs a.used{font-weight:800}.mkstage{position:relative;background:#fff;border:1px solid #dfe5ea;border-radius:12px;display:flex;justify-content:center;overflow:hidden;min-height:300px}.mkstage canvas{display:block}#mkOv{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.mklogo{position:absolute;cursor:move;outline:1px dashed rgba(193,31,102,.0);touch-action:none;user-select:none}.mklogo:hover,.mklogo.on{outline-color:rgba(193,31,102,.85)}.mklogo img{width:100%;height:100%;display:block;pointer-events:none}.mklogo>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:2px dashed #C11F66;font-size:11px;color:#C11F66;background:rgba(255,255,255,.6)}
.mkh{position:absolute;width:14px;height:14px;background:#C11F66;border:2px solid #fff;display:none}.mklogo.on .mkh,.mklogo:hover .mkh{display:block}.mkh.rs{right:-8px;bottom:-8px;cursor:nwse-resize;border-radius:3px}.mkh.rt{left:50%;top:-26px;margin-left:-7px;border-radius:50%;cursor:grab}
.mkcm{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);background:#132C3F;color:#fff;font-size:11px;padding:1px 6px;border-radius:8px;white-space:nowrap;display:none}.mklogo.on .mkcm,.mklogo:hover .mkcm{display:block}.mkn{position:absolute;left:-12px;top:-12px;background:#C11F66;color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center}
.warnbox{background:#fff6e5;border:1px solid #f0d9a8;border-radius:8px;padding:6px 10px;margin:6px 0}
.mktpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.mktpl{display:block;text-decoration:none;color:inherit}.mktpl img{width:100%;height:200px;object-fit:contain;background:#fff}
.mtviews{display:flex;flex-wrap:wrap;gap:14px}.mtview{width:260px}.mtimg{position:relative;cursor:crosshair;border:1px solid #dfe5ea;border-radius:8px;overflow:hidden;background:#fff}.mtimg canvas{display:block;width:260px}
.mtz{position:absolute;transform:translate(-50%,-50%);background:#C11F66;color:#fff;border-radius:50%;width:22px;height:22px;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mtadd{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #dfe5ea;border-radius:8px;min-height:200px}
/* Drag & Drop */
.dzhint{border:2px dashed #cfd8de;border-radius:10px;padding:10px 12px;margin:6px 0 10px;color:#5B6B78;font-size:13px;background:#fafcfd}
.dzover{outline:3px dashed #C11F66!important;outline-offset:-3px;background:#fff7fa!important}.dzover .dzhint{border-color:#C11F66;color:#C11F66}
label.dzdeco select{background-image:none}label.dzdeco::after{content:'⬇ Logo hierher ziehen';display:block;font-size:11px;color:#8A99A5;font-weight:500}
/* Drucksorten */
.dstpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.dstpl{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.dstpl img{width:100%;aspect-ratio:85/55;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px}
.dsprev{position:relative;container-type:inline-size;max-width:520px}.dsprev img{width:100%;display:block;border:1px solid var(--line);border-radius:6px;box-shadow:0 3px 12px rgba(19,44,63,.12)}.dsprev span{position:absolute;white-space:nowrap;line-height:1.1;font-family:var(--dsfont,Montserrat),Arial,sans-serif}
.tpclick .dsprev{cursor:crosshair}.dsplain{margin-top:8px;font-size:13px}
.dscard{aspect-ratio:85/55;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 3px 12px rgba(19,44,63,.12);padding:6% 7%;display:flex;flex-direction:column;justify-content:flex-start;border-top:6px solid #7556A4}.dscard .dsc1{font-weight:800;font-size:18px;color:#132C3F}.dscard .dsc2{color:#5B6B78;margin-bottom:auto}.dscard .dsc3{font-size:12.5px;color:#132C3F}.dscard.small{padding:5%}.dscard.small .dsc1{font-size:15px}
.dsflow{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 12px}.dsflow span{background:#eef2f4;border-radius:14px;padding:3px 10px;font-size:12px;color:#5B6B78}.dsflow span.done{background:#e3f3ea;color:#2E8B57}.dsflow span.cur{background:#7556A4;color:#fff;font-weight:700}
.dspdf{width:100%;height:440px;border:1px solid var(--line);border-radius:8px}.proofwait{border-left:5px solid #C11F66}.dsitem{border-bottom:1px solid #eef1f4;padding:6px 0}
@font-face{font-family:'Montserrat';font-weight:400;font-display:swap;src:url(/fonts/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:800;font-display:swap;src:url(/fonts/montserrat-latin-800-normal.woff2) format('woff2')}
.mktxt{border:1.5px solid #e5eaee;border-radius:10px;padding:8px;margin-bottom:8px}.mktxt.on{border-color:#7556A4;background:#f8f5fc}.mktxt textarea{width:100%;font-size:14px}
.mklogo.mktext{outline-color:rgba(117,86,164,0)}.mklogo.mktext:hover,.mklogo.mktext.on{outline-color:rgba(117,86,164,.9)}.mklogo.mktext .mkh{background:#7556A4}
.mkgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:260px;overflow:auto}
.mkth{position:relative;border:1.5px solid #e5eaee;border-radius:8px;background:#f6f8f9;overflow:hidden}.mkth.on{border-color:#C11F66;background:#fff7fa}
.mkthi{display:block;width:100%;height:64px;border:0;background:repeating-conic-gradient(#eef1f3 0 25%,#fff 0 50%) 0 0/12px 12px;cursor:pointer;padding:3px}.mkthi img{width:100%;height:100%;object-fit:contain}.mkthi span{font-size:11px;color:#5B6B78}
.mkthi:hover{outline:2px solid #006A78;outline-offset:-2px}
.mkthp{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:#006A78;color:#fff;font-weight:700;cursor:pointer;line-height:22px;padding:0}
.mkthu{position:absolute;top:3px;left:3px;background:#C11F66;color:#fff;border-radius:9px;font-size:10px;font-weight:700;padding:1px 6px}
.mkthn{font-size:10px;color:#5B6B78;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mksend{border:2px solid #006A78;margin:6px 0 12px}.mksendg{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-top:8px}.mksend .cbx{display:block;margin:3px 0}
@media(max-width:900px){.mksendg{grid-template-columns:1fr}}
@font-face{font-family:'PT Sans Narrow';src:url(/fonts/ptsansnarrow-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'PT Sans Narrow';src:url(/fonts/ptsansnarrow-700.woff2) format('woff2');font-weight:700;font-display:swap}
.dssides{display:flex;flex-direction:column;gap:6px}.dsside{margin-top:6px}
.dsqr{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.dsqr svg,.dsqr img{width:100%;height:100%;display:block;border:0!important;box-shadow:none!important;border-radius:0!important}.dsqr img{object-fit:cover;object-position:top}
.dsqrph{width:100%;height:100%;border:2px dashed #9fb3c2;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2.4cqw;color:#5B6B78;background:rgba(255,255,255,.7);line-height:1.2}
.dsqrsel .cbx{display:block;margin:2px 0}.dsqrrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}.dsqrimg{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:#fff}
.dsqrgen{width:100%;height:100%;padding:14%;box-sizing:border-box}.dsqrgen svg{width:100%;height:100%}
.pblocked{display:block;color:#B42318;font-style:italic;font-size:12.5px;padding:3px 0;text-decoration:none}.pblocked:hover{text-decoration:underline}.pblockcard{border-left:5px solid #B42318;font-style:italic;color:#7A1A12}
.adt td.ad{min-width:64px;cursor:pointer;text-align:center;font-size:12px;padding:6px 4px}.adt th.wk{border-left:2px solid #C9D2D8}.adb{height:6px;background:#EEF2F4;border-radius:3px;overflow:hidden;margin-bottom:3px}.adb i{display:block;height:100%;background:#2E8B57}
.adt td.warn .adb i{background:#E0A800}.adt td.over .adb i{background:#C62828}.adt td.over{background:#FDECEC}.adt td.free span{color:#1E8E4F}.adt td.off{background:repeating-linear-gradient(45deg,#f6f8f9 0 6px,#eef2f4 6px 12px)}.adt tr.adsum td{border-top:2px solid #C9D2D8}
/* Handlungsaufforderungen (rot, gut sichtbar) */
.btn.cta{background:#C11F66;border-color:#C11F66;color:#fff;font-weight:800;box-shadow:0 3px 10px rgba(193,31,102,.35)}.btn.cta:hover{background:#A3164F;border-color:#A3164F}.btn.cta.big{font-size:16px;padding:12px 22px}
.cta-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#FFF0F5;border:2px solid #C11F66;border-radius:14px;padding:14px 18px;margin:8px 0 14px}.cta-banner>div{flex:1;min-width:240px}.cta-banner b{display:block;font-size:17px;color:#8E1149}.cta-banner span{font-size:14px;color:#5B2140}
.cta-strip{display:block;background:#C11F66;color:#fff!important;font-weight:800;font-size:13px;text-align:center;padding:7px 8px;border-radius:0 0 12px 12px;margin-top:-6px;text-decoration:none}.cta-strip:hover{background:#A3164F}
.cta-check{display:flex;gap:10px;align-items:flex-start;background:#FFF0F5;border:2px solid #C11F66;border-radius:12px;padding:12px 14px;cursor:pointer}.cta-check input{width:20px;height:20px;accent-color:#C11F66;margin-top:2px}.cta-check b{display:block;color:#8E1149}.cta-check small{color:#5B2140}
.pcwrap{display:flex;flex-direction:column;min-width:0;flex:1}.pcwrap .pcard{flex:1}
/* Nächster Schritt im Job */
.ns-band{background:#FFF0F5;border:2px solid #C11F66;border-radius:14px;padding:12px 16px;margin:8px 0}.ns-band.warn{background:#FFF8E6;border-color:#E0A800}
.ns-h{font-weight:800;font-size:17px;color:#8E1149;margin-bottom:6px}.ns-band.warn .ns-h{color:#7A5600}.ns-h span{font-size:13px;font-weight:600;color:#5B6B78;margin-left:6px}
.ns-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px dashed rgba(193,31,102,.25);flex-wrap:wrap}.ns-row:first-of-type{border-top:0}.ns-t{flex:1;min-width:220px;font-weight:600;font-size:14px}.ns-row.crit .ns-t{color:#8E1149}.ns-row.warn .ns-t{color:#5B4A00}
.ns-pulse{outline:3px solid #C11F66!important;outline-offset:3px;border-radius:10px;transition:outline .3s}
/* Heute zu tun */
.td-band{background:#fff;border:2px solid #C11F66;border-radius:16px;padding:12px 16px;margin:8px 0 12px}.td-band.ok{border-color:#2E8B57;background:#F0FAF4}.td-band.ok .td-h{color:#1E6B42;margin:0}
.td-h{font-weight:800;font-size:17px;color:#8E1149;margin-bottom:8px}.td-tiles{display:flex;flex-wrap:wrap;gap:10px}
.td-tile{display:flex;align-items:center;gap:10px;text-decoration:none;color:#132C3F;background:#fff;border:2px solid var(--c);border-left-width:8px;border-radius:12px;padding:8px 14px;min-width:200px;box-shadow:0 2px 8px rgba(19,44,63,.08)}.td-tile:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(19,44,63,.15)}
.td-n{font-size:26px;font-weight:800;color:var(--c);line-height:1}.td-l{font-weight:700;font-size:14px}
.artph{width:46px;height:46px;border-radius:8px;background:#EEF2F4;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.artpick{margin:6px 0;border:2px solid #C11F66}.artres{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin-top:8px;max-height:320px;overflow:auto}.artopt{display:flex;gap:10px;align-items:center;text-align:left;border:1.5px solid #DDE3E7;background:#fff;border-radius:10px;padding:6px 8px;cursor:pointer;font:inherit}.artopt:hover{border-color:#C11F66;background:#FFF0F5}.artopt img{width:40px;height:40px;object-fit:cover;border-radius:6px}.artopt small{display:block;color:#5B6B78}
/* Kalender: Aktionen groß, Filter dezent */
.kact{margin:10px 0 6px}.kact-h{font-weight:800;font-size:16px;color:#8E1149;margin-bottom:6px}.kact-t{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.kact-t a{display:block;text-decoration:none;color:#fff;background:var(--c);border-radius:14px;padding:12px 14px;box-shadow:0 4px 12px color-mix(in srgb,var(--c) 35%,transparent);transition:transform .12s}.kact-t a:hover{transform:translateY(-2px)}
.kact-t b{display:block;font-size:15px}.kact-t small{display:block;opacity:.92;font-size:12px;margin-top:2px}
.kfil-s{margin:6px 0 8px;gap:6px}.kfil-s .kfc{font-size:12px;padding:2px 8px;border-width:1.5px;color:#5B6B78}.kfil-s .kfc input{width:13px;height:13px}
/* ---- Mockup-Baukasten: Schriften, Editor, Schnellstart ---- */
@font-face{font-family:'Arimo';font-weight:400;font-display:swap;src:url(/fonts/arimo-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/arimo-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-weight:700;font-display:swap;src:url(/fonts/arimo-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Arimo';font-weight:700;font-style:italic;font-display:swap;src:url(/fonts/arimo-latin-700-italic.woff2) format('woff2')}
@font-face{font-family:'Roboto Slab';font-weight:400;font-display:swap;src:url(/fonts/roboto-slab-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto Slab';font-weight:700;font-display:swap;src:url(/fonts/roboto-slab-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-weight:400;font-display:swap;src:url(/fonts/oswald-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Oswald';font-weight:700;font-display:swap;src:url(/fonts/oswald-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Dancing Script';font-weight:400;font-display:swap;src:url(/fonts/dancing-script-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Dancing Script';font-weight:700;font-display:swap;src:url(/fonts/dancing-script-latin-700-normal.woff2) format('woff2')}
.kt.kt-mk{border:2px solid #C11F66;background:#fff4f8}.kt-mk b{color:#C11F66}
.mkband{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff4f8;border:2px solid #C11F66;border-radius:12px;padding:10px 14px;margin:6px 0 10px}.mkband.ok{background:#eef8ef;border-color:#2E7D32}.mkband.chg{background:#fff6e5;border-color:#E67E22}
.mkband-t{font-weight:800;color:#C11F66;font-size:16px}.mkband.ok .mkband-t{color:#2E7D32}
.mkchips{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 6px}.mkchip{border:1.5px solid #cfd6dc;background:#fff;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600;cursor:pointer;color:#132C3F}
.mkchip.on{background:#132C3F;border-color:#132C3F;color:#fff}.mkchip.tit{border-color:#7556A4;color:#7556A4;font-size:13.5px;padding:5px 14px}.mkchip.tit.on{background:linear-gradient(135deg,#2b2b2b,#4a4a4a 45%,#2b2b2b);color:#f0f0f0;border-color:#111;box-shadow:0 0 0 2px #7556A4}
.mkpal{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:2px 0 6px}.mkpal button{width:22px;height:22px;border-radius:50%;border:1.5px solid #b8c2ca;cursor:pointer;padding:0}.mkpal button.on{box-shadow:0 0 0 3px #C11F66}.mkpal input[type=color]{width:30px;height:26px;padding:1px}
.mkinp{width:100%;font-size:13px;margin:2px 0 6px}.mkwarn{background:#fff1e6;border:1.5px solid #E67E22;color:#8a3d00;border-radius:8px;padding:5px 8px;font-size:12.5px;margin-top:4px}
.mksw{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #999;vertical-align:middle}.mkpsel{flex:1;font-weight:700;min-width:0}
.mkcombo{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px;padding:8px 10px;background:#f4f1fa;border-radius:10px;border:1.5px solid #d9cfee}
.mkposnav{display:flex;gap:4px;flex-wrap:wrap}.mkbig{border-width:2px}
.btn.big{font-size:18px;padding:14px 26px}
.mkq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mkq .mkqp{grid-column:1/-1}.mkqs h2{margin:0 0 8px;font-size:18px;color:#C11F66}
@media(max-width:900px){.mkq{grid-template-columns:1fr}}
.mkqtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px;max-height:520px;overflow:auto}
.mkqtile{display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid #e1e6ea;border-radius:12px;background:#fff;padding:8px;cursor:pointer;text-align:center}.mkqtile:hover{border-color:#C11F66}
.mkqtile.on{border-color:#C11F66;background:#fff4f8;box-shadow:0 0 0 2px #C11F66}.mkqtile img{width:100%;height:120px;object-fit:contain}.mkqtile b{font-size:13px}.mkqtile small{font-size:11px;color:var(--muted)}.mkqtile i{font-style:normal;font-size:12px;font-weight:700;color:#2E7D32}
.mkqsel{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mkqchip{background:#132C3F;color:#fff;border-radius:999px;padding:4px 6px 4px 12px;font-size:13px}.mkqchip .btn{margin-left:4px}
.mkqimgs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.mkqimg{display:flex;flex-direction:column;align-items:center;gap:2px;width:110px;border:1.5px solid #e1e6ea;border-radius:10px;padding:6px;position:relative;cursor:pointer}
.mkqimg img{width:96px;height:76px;object-fit:contain}.mkqimg span{font-size:34px}.mkqimg small{font-size:10.5px;word-break:break-all;text-align:center}.mkqimg input{position:absolute;top:4px;left:4px}.mkqimg .btn{position:absolute;top:2px;right:2px}
.mkupics{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.mkupic{border:2px solid #e1e6ea;border-radius:10px;padding:6px;background:#fff}.mkupic.on{border-color:#2E7D32;background:#eef8ef}
.mkupic img{width:100%;height:120px;object-fit:contain;cursor:pointer;background:#f6f7f8}.mkupic select{width:100%;margin-top:4px;font-size:12px}
/* Mengen & Größen, Unterschrift */
.szwrap{display:flex;flex-direction:column;gap:12px}.szpos{border:1.5px solid #e1e6ea;border-radius:12px;padding:10px 12px;background:#fff}.szh{margin-bottom:6px}.szmuted{color:#6b7b88;font-size:13px}.szsum{float:right;font-weight:800;color:#1E8E4F}
.szgrid[hidden]{display:none}.szgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-top:4px}.szc{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;font-weight:700;font-size:13px;color:#132C3F}
.szc input{width:100%;text-align:center;font-size:17px;font-weight:700;padding:8px 4px;border:1.5px solid #c9d1d8;border-radius:8px;margin:0}.szone{max-width:140px}
button.szmore{background:none;border:0;color:#006A78;font-weight:700;font-size:13px;padding:6px 0;cursor:pointer;text-decoration:underline}
.sigbox{border:2px dashed #9aa7b1;border-radius:12px;background:#fff;position:relative}.sigbox canvas{width:100%;height:170px;display:block;cursor:crosshair}.sigbox .sighint{position:absolute;left:14px;bottom:10px;color:#9aa7b1;font-size:13px;pointer-events:none}
button.sigclr{background:#fff;border:1.5px solid #c9d1d8;color:#132C3F;font-size:13px;padding:6px 12px;border-radius:8px;margin-top:6px}
.mkband{flex-direction:column;align-items:stretch}.mkband.run{background:#f2f7fb;border-color:#006A78}.mkband.run .mkband-t{color:#006A78}
.mkband-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.btn.ok-b{background:#2E7D32;border-color:#2E7D32;color:#fff;font-weight:800}.btn.ok-b:hover{background:#1f5f23}
.mkchain{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mkstep{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid #cfd6dc;border-radius:999px;padding:5px 12px 5px 6px;font-size:13.5px;font-weight:600}
.mkstep i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#cfd6dc;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.mkstep.ok{border-color:#2E7D32}.mkstep.ok i{background:#2E7D32}
.mkstep.bad{border-color:#C11F66;background:#fff4f8}.mkstep.bad i{background:#C11F66}.mkstep small{font-weight:400;color:#5b6b78}.mkstep input{padding:3px 6px;font-size:13px}
.mkacc{margin-top:10px;background:#fff8e6;border:2px solid #E67E22;border-radius:12px;padding:10px 14px}.mkacc h3{margin:0 0 6px;color:#8a3d00}
.mkband.ro .mkband-a,.mkband.ro #mkOrd,.mkband.ro #mkCdh,.mkband.ro #mkCdhB,.mkband.ro #mkStartB{display:none}
.mkqtile{position:relative}.mkqcnt{position:absolute;top:6px;right:6px;background:#C11F66;color:#fff;border-radius:999px;padding:2px 8px;font-weight:800;font-size:13px}
.mkqasg{display:flex;flex-direction:column;gap:8px}.mkqarow{display:flex;gap:10px;align-items:center;border:1.5px solid #e1e6ea;border-radius:10px;padding:6px 10px;background:#fff}.mkqarow img{width:70px;height:56px;object-fit:contain;background:#f6f7f8;border-radius:6px}.mkqarow span{font-size:30px}.mkqarow select{width:auto}
.btn.danger-o{border:1.5px solid #B42318;color:#B42318;background:#fff;font-weight:700}.btn.danger-o:hover{background:#B42318;color:#fff}
.mkthx{position:absolute;bottom:20px;right:2px;width:24px;height:24px;border-radius:50%;border:1.5px solid #B42318;background:#fff;color:#B42318;font-size:12px;cursor:pointer;padding:0;line-height:1}.mkthx:hover{background:#B42318;color:#fff}
.nbbtn{display:inline-flex;align-items:center;gap:7px;background:#111;color:#fff!important;font-weight:900;letter-spacing:2px;font-size:12px;padding:7px 13px;border-radius:999px;text-decoration:none;margin-right:10px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.nbbtn b{border:2px solid #fff;padding:0 4px;line-height:1.2}.nbbtn:hover{background:#333}