/* ReadyMat – helles Designsystem angelehnt an Material 3 / Fluent, mobile first */
:root{
  color-scheme:light;
  --pri:#E0401C;--on-pri:#fff;--pri-c:#FCE4DA;--on-pri-c:#6E1A0B;
  --bg:#f8fafd;--surf:#fff;--surf2:#f0f4f9;--surf3:#e9eef6;--fg:#1f1f1f;--mut:#5e5e5e;--line:#e1e3e1;--outline:#c4c7c5;
  --ok:#146c2e;--ok-c:#c4eed0;--warn:#8a5000;--warn-c:#ffdfb5;--err:#b3261e;--err-c:#f9dedc;--info-c:#FCE4DA;
  --sh1:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);--sh2:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);--sh3:0 4px 4px rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15);
  --r:16px;--rs:8px;--font:"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,system-ui,sans-serif;
  --bottom:0px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}[hidden]{display:none!important}
body{margin:0;font:15px/1.5 var(--font);background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent}
a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{margin:0;font-weight:500;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.1rem}h3{font-size:1.05rem}
p{margin:0}code{background:var(--surf2);padding:1px 6px;border-radius:4px;font-size:.9em}
.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.logo{width:32px;height:32px;flex:none}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--fg);font-size:1.3rem;font-weight:500;letter-spacing:-.01em;text-decoration:none!important}
.muted{color:var(--mut)}.small{font-size:.85rem}.center{text-align:center}.mono{font-family:Consolas,ui-monospace,monospace;word-break:break-all}.mb{margin-bottom:12px}
.pad{padding:12px 20px}.txt-err{color:var(--err)}.txt-warn{color:var(--warn)}.grow{flex:1}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.center-row{justify-content:center}.nowrap{flex-wrap:nowrap}.gap-s{gap:6px}
.inline{display:inline;margin:0}.stack{display:flex;flex-direction:column;gap:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.only-m,.only-m-block{display:none}

/* Buttons */
.feature-filter{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.feature-filter .field{flex:1;min-width:160px}.feature-filter .btn{margin-bottom:4px}
.issue-work{flex-basis:100%;padding:0 20px 12px 76px}.issue-work p{margin-top:6px;overflow-wrap:anywhere}
.todo .acts{flex-wrap:wrap}.todo .li>span:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:680px){.feature-filter .field{min-width:calc(50% - 12px)}.feature-filter .btn{width:100%}.issue-work{padding-left:70px}.chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;border-radius:20px;border:0;background:var(--pri);color:var(--on-pri);font:500 .9rem/1 var(--font);letter-spacing:.01em;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:box-shadow .15s,background .15s}
.btn:hover{box-shadow:var(--sh1)}.btn:active{transform:translateY(1px)}.btn .i{width:18px;height:18px;margin-left:-6px}
.btn.outline{background:var(--surf);color:var(--pri);border:1px solid var(--outline)}.btn.outline:hover{background:var(--surf2);box-shadow:none}
.btn.tonal{background:var(--pri-c);color:var(--on-pri-c)}
.btn.text{background:transparent;color:var(--pri);padding:0 12px}.btn.text:hover{background:var(--surf2);box-shadow:none}.btn.text .i{margin-left:0}
.btn.danger{background:transparent;color:var(--err);border:1px solid var(--outline)}.btn.danger:hover{background:var(--err-c);box-shadow:none}.btn.danger .i{margin-left:-4px}
.btn.sm{height:32px;padding:0 14px;font-size:.85rem}.btn.lg{height:48px;padding:0 28px;font-size:1rem;border-radius:24px}.btn.full{width:100%}
.btn.white{background:#fff;color:#E0401C}.btn.white-o{color:#fff;background:transparent;border-color:#ffffff88}.btn.white-o:hover{background:#ffffff1a}
.iconbtn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--mut);cursor:pointer;flex:none}
.iconbtn:hover{background:var(--surf3);color:var(--fg)}

/* Chips & Hinweise */
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:8px;background:var(--surf);color:var(--fg);font-size:.8rem;font-weight:500;white-space:nowrap;border:1px solid var(--line)}
.chip .i{width:16px;height:16px}.chip.ok{background:var(--ok-c);color:var(--ok);border-color:transparent}.chip.warn{background:var(--warn-c);color:var(--warn);border-color:transparent}
.chip.err{background:var(--err-c);color:var(--err);border-color:transparent}.chip.info{background:var(--info-c);color:var(--on-pri-c);border-color:transparent}.chip.lg{height:36px;padding:0 16px;font-size:.9rem}
.alert{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:.92rem}
.alert.err{background:var(--err-c);color:var(--err)}.alert.ok{background:var(--ok-c);color:var(--ok)}.alert.info{background:var(--info-c);color:var(--on-pri-c)}
.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--mut);text-align:center}.empty>.i{width:40px;height:40px;color:var(--ok);background:var(--ok-c);border-radius:50%;padding:8px}.empty p{max-width:420px}

/* Formularfelder */
.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--mut);font-weight:500}
input,select,textarea{font:inherit;font-size:1rem;color:var(--fg);background:var(--surf);border:1px solid var(--outline);border-radius:var(--rs);padding:0 14px;height:48px;width:100%;min-width:0;transition:border-color .15s,box-shadow .15s}
textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.45}input[type=checkbox],input[type=radio]{width:auto;height:auto}
input:hover,select:hover,textarea:hover{border-color:var(--fg)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 1px var(--pri)}
.radiocard{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--fg);font-weight:400}.radiocard:has(:checked){border-color:var(--pri);background:var(--info-c)}
.radiocard input{margin-top:3px;accent-color:var(--pri);width:18px;height:18px}.radiocard small{display:block;color:var(--mut)}
.crit{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--err);border-radius:12px;background:#fdf3f2;color:var(--err);cursor:pointer}
.crit input{width:22px;height:22px;accent-color:var(--err);flex:none;margin-top:1px}.crit small{display:block;color:var(--mut);margin-top:2px;font-weight:400}
.divider{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:.85rem;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}
.selchip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px;border:1px solid var(--outline);border-radius:8px;background:var(--surf);color:var(--mut);max-width:100%}
.selchip select{border:0;height:38px;padding:0 8px;background:transparent;box-shadow:none!important;width:auto;max-width:260px;font-size:.92rem}.filter{margin-bottom:16px}

/* Modale (Desktop: zentriert, Mobil: Bottom-Sheet) */
.dlg{border:0;padding:0;border-radius:28px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);background:var(--surf);color:var(--fg);box-shadow:var(--sh3);overflow:hidden}
.dlg.sm{width:min(400px,calc(100% - 32px))}
.dlg::backdrop{background:rgba(31,31,31,.42)}
.dlg[open]{animation:dlgIn .18s ease-out}@keyframes dlgIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.dlg form{display:flex;flex-direction:column;max-height:inherit;margin:0}
.dlg-h{display:flex;align-items:center;gap:12px;padding:20px 16px 8px 24px}.dlg-h h2{flex:1;font-size:1.35rem;font-weight:400}.grab{display:none}
.dlg-b{padding:8px 24px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}
.dlg-a{display:flex;align-items:center;gap:8px;padding:12px 24px 20px;flex-wrap:wrap}
.dlg .quote{background:var(--surf2);border-radius:12px;padding:12px 14px;color:var(--fg)}.dlg .quote:empty{display:none}

/* Karten, Tabellen, Listen */
.card{background:var(--surf);border-radius:var(--r);border:1px solid var(--line);margin-bottom:16px;overflow:hidden}
.card>p,.card>.row,.card>form.inline,.card>.dl{margin-left:20px;margin-right:20px}.card>p{margin-bottom:12px}.card>.row:last-child,.card>form.inline:last-child{margin-bottom:20px}
.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px 20px;min-height:60px}.cardhead small{font-weight:400;font-size:.85rem;margin-left:4px}
.tblwrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th{text-align:left;font-weight:500;color:var(--mut);font-size:.8rem;padding:10px 20px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:12px 20px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl .r{text-align:right}
.tbl td small{display:block;color:var(--mut);font-size:.8rem}.tbl td a{color:var(--fg)}.tbl.hover tbody tr{cursor:pointer}.tbl.hover tbody tr:hover{background:var(--surf2)}
.todo{list-style:none;margin:0;padding:0 0 4px}.todo li{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;border-top:1px solid var(--line);padding:0 16px 0 0;flex-wrap:wrap}
.todo li>a,.todo .li{display:flex;gap:14px;align-items:center;padding:12px 0 12px 20px;color:var(--fg);flex:1 1 260px;min-width:0;text-decoration:none!important}.todo li>a{padding-right:4px}.todo li:has(>a):hover{background:var(--surf2)}
.todo b{display:block;font-weight:500}.todo small{display:block;color:var(--mut);font-size:.8rem}.todo li.done{opacity:.7}.todo .li>span:last-child,.todo li>a>span:nth-child(2){min-width:0;overflow-wrap:anywhere;flex:1}
.todo .res{display:block;font-style:normal;color:var(--ok);font-size:.85rem;margin-top:2px}.todo .mt{display:block;margin-top:6px}.mt-r{flex:none}
.todo .chev{color:var(--outline);flex:none}.acts{display:flex;gap:6px;align-items:center;padding:0 0 0 70px;margin-left:auto}
.todo li .acts:only-child{padding:0}
.ti{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none;background:var(--surf2);color:var(--mut)}.ti .i{width:20px;height:20px}
.ti.ok{background:var(--ok-c);color:var(--ok)}.ti.warn{background:var(--warn-c);color:var(--warn)}.ti.err{background:var(--err-c);color:var(--err)}
.seg{display:inline-flex;border:1px solid var(--outline);border-radius:20px;overflow:hidden;margin-bottom:16px;background:var(--surf)}
.seg a{padding:0 18px;height:38px;display:inline-flex;align-items:center;color:var(--fg);font-size:.88rem;font-weight:500;border-left:1px solid var(--outline);text-decoration:none!important;white-space:nowrap}.seg a:first-child{border-left:0}.seg a:hover{background:var(--surf2)}
.seg a.on{background:var(--pri-c);color:var(--on-pri-c)}.seg a.on:before{content:"✓";margin-right:6px}
.chips-scroll{overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}.chips-scroll::-webkit-scrollbar{display:none}
.dl{display:grid;grid-template-columns:140px 1fr;gap:12px 20px;padding:4px 0 20px}.dl dt{color:var(--mut)}.dl dd{margin:0;overflow-wrap:anywhere}

/* Tabs */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border:0;background:none;color:var(--mut);font:500 .92rem var(--font);cursor:pointer;white-space:nowrap}
.tabs button:hover{background:var(--surf2);color:var(--fg)}.tabs button.on{color:var(--pri)}.tabs button.on:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--pri)}
.tabn{background:var(--err);color:#fff;font-size:.72rem;min-width:20px;height:20px;border-radius:10px;display:inline-grid;place-items:center;padding:0 6px}
.tabn.neu{background:var(--surf3);color:var(--mut)}.chiprow{margin-bottom:12px}

/* Beladeliste */
.group{border-top:1px solid var(--line)}.grouph{display:flex;justify-content:space-between;padding:14px 20px 6px;font-size:.8rem;font-weight:500;color:var(--pri);text-transform:uppercase;letter-spacing:.04em}.grouph span{color:var(--mut)}
.itemrow{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 12px 8px 20px;border:0;background:none;font:inherit;color:var(--fg);text-align:left;cursor:pointer}
.itemrow:hover{background:var(--surf2)}.itemrow .nm{flex:1;min-width:0;overflow-wrap:anywhere}.itemrow .qty{color:var(--mut);font-size:.9rem}.itemrow .chev{color:var(--outline)}
.strip{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;padding:4px 20px 20px}.strip span{display:flex;flex-direction:column;align-items:center;gap:4px}
.strip i{width:100%;aspect-ratio:1;max-width:36px;border-radius:8px;background:var(--surf3)}.strip .on i{background:var(--ok)}.strip small{font-size:.7rem;color:var(--mut)}

/* KPI */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;margin-bottom:16px}
.kpi{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;color:var(--fg);text-decoration:none!important;transition:box-shadow .15s}
a.kpi:hover{box-shadow:var(--sh1)}.kpi .i{grid-row:span 2;width:44px;height:44px;padding:11px;border-radius:12px;background:var(--surf2);color:var(--mut)}
.kpi span{font-size:.85rem;color:var(--mut)}.kpi b{font-size:1.7rem;font-weight:500;line-height:1.1}
.kpi.ok .i{background:var(--ok-c);color:var(--ok)}.kpi.warn .i{background:var(--warn-c);color:var(--warn)}.kpi.err .i{background:var(--err-c);color:var(--err)}.kpi.err b{color:var(--err)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:0 16px;align-items:start}

/* App-Rahmen */
.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;height:64px;padding:0 16px 0 8px;background:var(--bg)}
.appbar .brand{min-width:200px;padding-left:8px}
.search{flex:1;max-width:720px;display:flex;align-items:center;gap:10px;background:var(--surf3);border-radius:28px;padding:0 18px;height:48px;color:var(--mut);margin:0}
.search:focus-within{background:var(--surf);box-shadow:var(--sh1)}.search input{border:0;background:transparent;height:46px;padding:0;box-shadow:none!important}.searchback,.searchbtn,.menubtn{display:none}
.who{margin-left:auto;display:flex;align-items:center;gap:8px}.orgname{font-size:.85rem;color:var(--mut);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:4px}
.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#E0401C;color:#fff!important;font-weight:500;font-size:.9rem;flex:none;text-decoration:none!important}.avatar.sm{width:40px;height:40px}
.layout{display:flex;min-height:calc(100vh - 64px)}
.side{width:256px;flex:none;display:flex;flex-direction:column;padding:8px 12px 16px;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;background:var(--bg)}
.sidehead{display:none}
.side a,.navbtn{display:flex;align-items:center;gap:14px;height:52px;padding:0 16px;border-radius:26px;color:var(--fg);font-weight:500;font-size:.92rem;text-decoration:none!important;border:0;background:none;width:100%;cursor:pointer;font-family:inherit}
.side a:hover,.navbtn:hover{background:var(--surf3)}.side a.on{background:var(--pri-c);color:var(--on-pri-c)}.side form{margin:0}
.count{margin-left:auto;background:var(--err);color:#fff;font-size:.72rem;min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;padding:0 6px;font-weight:500}
.demo{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;background:var(--warn-c);color:var(--warn);border-radius:12px;padding:12px;margin-bottom:8px}.demo small{opacity:.85}
.content{flex:1;min-width:0;padding:8px 24px 48px 8px;max-width:1400px}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 16px;flex-wrap:wrap;margin:8px 0 20px}.pagehead h1{font-size:1.6rem;font-weight:400;overflow-wrap:anywhere}.pagehead p{margin-top:4px}.ph-t{min-width:0}
.crumb{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;margin-bottom:4px}.crumb .i{width:16px;height:16px}
.scrim{display:none}.bottomnav,.fab{display:none}
.snack{position:fixed;left:50%;bottom:calc(24px + var(--bottom));transform:translateX(-50%);display:flex;gap:12px;align-items:center;background:#303030;color:#f2f2f2;padding:14px 20px;border-radius:8px;box-shadow:var(--sh2);z-index:60;font-size:.92rem;max-width:calc(100% - 32px);transition:opacity .3s,transform .3s}
.snack .i{color:#6dd58c}.snack.hide{opacity:0;transform:translate(-50%,20px);pointer-events:none}

/* QR */
.qrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.qrsheet{background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:var(--r);padding:24px;text-align:center;break-inside:avoid}
.qrhead{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:#5e5e5e}.qrhead .logo{width:22px;height:22px}.qrsheet h2{font-size:1.5rem;margin:8px 0 2px}
.qr{display:flex;justify-content:center;margin:16px 0}.qr img,.qr canvas{max-width:100%;height:auto}

/* Öffentlich */
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.narrow{max-width:800px}.sec{padding-top:72px;padding-bottom:72px}
.pubbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.pubnav{display:flex;gap:4px}.pubnav a{color:var(--fg);padding:8px 14px;border-radius:20px;font-size:.92rem;text-decoration:none!important}.pubnav a:hover{background:var(--surf2)}.pubmenu{display:none}
.hero{padding:72px 0 0;background:radial-gradient(1200px 500px at 50% -10%,#FCE4DA,transparent 70%);overflow:hidden}
.hero h1{font-size:clamp(2.1rem,5.4vw,4rem);font-weight:500;letter-spacing:-.025em;line-height:1.08;margin:24px 0 20px}
.grad{background:linear-gradient(90deg,#E0401C,#7b3fe4 55%,#d62828);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:var(--mut);max-width:720px;margin:0 auto 28px}.hero .muted{margin-top:16px}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:6px 16px;font-size:.88rem;color:var(--mut)}.pill .i{color:var(--pri);width:18px;height:18px}
.shot{position:relative;max-width:1000px;margin:56px auto 0;background:var(--surf);border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 20px 60px rgba(11,87,208,.18);text-align:left}
.shot-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line)}.shot-bar i{width:11px;height:11px;border-radius:50%;background:var(--outline)}
.shot-bar span{margin-left:12px;background:var(--surf2);border-radius:14px;padding:3px 14px;font-size:.78rem;color:var(--mut)}
.shot-body{padding:20px 20px 28px}.kpis.mini{grid-template-columns:repeat(4,1fr);gap:12px}.kpis.mini .kpi{display:block;padding:12px 14px}.kpis.mini .kpi b{display:block;font-size:1.4rem}
.kpis.mini .kpi.warn b{color:var(--warn)}.kpis.mini .kpi.err b{color:var(--err)}
.shot .tbl{border:1px solid var(--line);border-radius:12px;border-collapse:separate;overflow:hidden}.shot .tbl td,.shot .tbl th{padding:10px 16px}
.phone{position:absolute;right:-12px;bottom:-40px;width:230px;background:var(--surf);border:8px solid #202124;border-radius:30px;padding:14px 12px 18px;box-shadow:var(--sh2);display:flex;flex-direction:column;gap:8px;font-size:.8rem}
.ph-top small{display:block;color:var(--mut)}.bar-p{height:6px;background:var(--surf3);border-radius:3px;overflow:hidden;margin-top:6px}.bar-p i{display:block;height:100%;width:62%;background:var(--pri);border-radius:3px;transition:width .2s}
.ph-row{padding:9px 10px;border:1px solid var(--line);border-radius:10px}.ph-row.on{background:var(--ok-c);border-color:transparent;color:var(--ok)}.ph-row em{display:block;font-style:normal;color:var(--err);font-size:.72rem}
.ph-btn{background:var(--pri);color:var(--on-pri);text-align:center;border-radius:18px;padding:9px;font-weight:500}
.logos{padding:56px 0 8px;border-bottom:1px solid var(--line)}.logos .row{margin:16px 0 48px}
.eyebrow{color:var(--pri);font-weight:500;font-size:.9rem;margin-bottom:10px}.sec h2{font-size:clamp(1.55rem,3.2vw,2.4rem);font-weight:400;letter-spacing:-.015em;margin-bottom:16px}
.sec h2.center{margin-bottom:40px}.lead2{font-size:1.06rem;color:var(--mut)}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:40px;align-items:center}
.compare{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);border-collapse:separate;overflow:hidden}.compare td:first-child{font-weight:500}
.compare .no{color:var(--mut)}.compare .yes{color:var(--ok);font-weight:500}.compare .yes:before{content:"✓ "}
.tint{background:var(--surf2)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
.step{background:var(--surf);border-radius:var(--r);padding:28px;border:1px solid var(--line)}.step span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pri);color:var(--on-pri);font-weight:500;margin-bottom:16px}
.step h3,.feat h3{margin-bottom:8px}.step p,.feat p{color:var(--mut)}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.feat{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:box-shadow .2s}.feat:hover{box-shadow:var(--sh1)}
.fi{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--pri-c);color:var(--on-pri-c);margin-bottom:16px}.fi .i{width:24px;height:24px}
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;align-items:stretch}
.price{position:relative;display:flex;flex-direction:column;gap:12px;padding:32px;margin:0}.price.hl{border:2px solid var(--pri);box-shadow:var(--sh2)}
.price .badge{position:absolute;top:20px;right:20px}.amt{font-size:2.6rem;font-weight:400;letter-spacing:-.02em}.amt small{font-size:1rem;color:var(--mut)}
.price ul{list-style:none;padding:0;margin:8px 0 16px;flex:1;display:flex;flex-direction:column;gap:10px}.price li{display:flex;gap:10px;align-items:center}.price li .i{color:var(--ok)}
details{background:var(--surf);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 20px}details summary{cursor:pointer;font-weight:500;padding:18px 0}details p{color:var(--mut);padding-bottom:18px}
.ctaband{background:linear-gradient(135deg,#E0401C,#B22E10);color:#fff}.ctaband h2{color:#fff}.ctaband .lead{color:#FCE4DA}
.pubfoot{background:var(--surf);border-top:1px solid var(--line);font-size:.9rem}.foot{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px;padding-top:48px;padding-bottom:32px}
.foot div{display:flex;flex-direction:column;gap:10px}.foot a{color:var(--mut)}.foot b{font-weight:500}.copy{padding-bottom:32px;color:var(--mut);font-size:.85rem}
.prose h1{margin-bottom:24px}.prose h3{margin:24px 0 8px}.prose p{margin-bottom:12px}

/* Anmeldung */
.plain{background:var(--bg)}.authwrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}
.authcard{width:100%;max-width:450px;background:var(--surf);border:1px solid var(--line);border-radius:28px;padding:40px 40px 32px}
.authcard h1{font-size:1.8rem;font-weight:400;margin:24px 0 6px}.authcard>p{margin-bottom:24px}.authcard.center .brand{justify-content:center}.authcard.center .btn{margin-top:20px}
.authfoot{display:flex;gap:20px;margin-top:16px;font-size:.8rem}.authfoot a{color:var(--mut)}
.bigok{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ok-c);color:var(--ok)}.bigok .i{width:38px;height:38px}
.bigok.warn{background:var(--warn-c);color:var(--warn)}.bigok.err{background:var(--err-c);color:var(--err)}

/* Crew-Check */
.crewbody{background:var(--bg)}.crewbar{position:sticky;top:0;z-index:10;background:var(--surf);border-bottom:1px solid var(--line);padding:10px 16px}.crewbar .brand{font-size:1.15rem}
.crewbar small{display:block;color:var(--mut);margin-left:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crew{max-width:640px;margin:0 auto;padding:16px 16px calc(110px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.crewinfo{display:flex;gap:8px;flex-wrap:wrap}
.crew .card{margin:0}.crew .card>.stack{padding:20px}
.crew>fieldset{margin:0;padding:4px 0 6px;min-width:0}.crew>fieldset>legend{float:left;width:100%;padding:14px 20px 6px;font-weight:500;color:var(--pri);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.chk{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 20px;min-height:58px;cursor:pointer;border-top:1px solid var(--line);flex-wrap:wrap;font-size:1rem;color:var(--fg);font-weight:400}
.chk input{position:absolute;opacity:0;pointer-events:none}.chk .box{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:2px solid var(--outline);flex:none;color:transparent;transition:all .12s;background:var(--surf)}
.chk .box .i{width:18px;height:18px;stroke-width:3}.chk:has(:checked){background:#eef9f1}.chk:has(:checked) .box{background:var(--ok);border-color:var(--ok);color:#fff}
.chk:has(:focus-visible) .box{box-shadow:0 0 0 3px var(--pri-c)}.chk .nm{flex:1 1 140px;min-width:0}.chk .chip{flex-shrink:1;white-space:normal;height:auto;min-height:28px;padding:4px 10px;margin-left:42px}
.known summary{display:flex;align-items:center;gap:10px;padding:14px 20px;color:var(--warn);font-weight:500;list-style:none}.known summary::-webkit-details-marker{display:none}.known summary span{flex:1}
.known{padding:0;border-color:var(--warn-c)}.known[open] summary{border-bottom:1px solid var(--line)}
.crewfoot{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surf);border-top:1px solid var(--line);box-shadow:0 -2px 8px rgba(0,0,0,.06)}
.crewfoot .prog{flex:1;font-size:.85rem;color:var(--mut);max-width:440px;margin-left:auto;min-width:0}.crewfoot .bar-p i{width:0}.crewfoot .btn{margin-right:auto}

/* Beanstandung, Auswahlfelder, Empfänger */
.chkrow{display:flex;align-items:stretch;border-top:1px solid var(--line);clear:both}.chkrow .chk{flex:1;border-top:0;min-width:0}
.chk .nm .mt{display:block;margin-top:6px}.chk .nm .chip{margin:0}
.repbtn{flex:none;width:56px;border:0;border-left:1px solid var(--line);background:none;color:var(--mut);cursor:pointer;display:grid;place-items:center}
.repbtn:hover{background:var(--warn-c);color:var(--warn)}.repbtn .i{width:22px;height:22px}
.repinfo{display:block;margin-top:6px;font-size:.85rem;font-weight:500;color:var(--warn);overflow-wrap:anywhere}
.chkrow.rep{background:#fff8ed}.chkrow.rep .box{border-color:var(--warn);background:var(--warn-c)}.chkrow.rep .repbtn{color:var(--warn);background:var(--warn-c)}
.chkrow.rep.critical{background:#fdf1f0}.chkrow.rep.critical .repinfo,.chkrow.rep.critical .repbtn{color:var(--err)}.chkrow.rep.critical .repbtn,.chkrow.rep.critical .box{background:var(--err-c);border-color:var(--err)}
.chkrow.rep.info .repinfo,.chkrow.rep.info .repbtn{color:var(--pri)}.chkrow.rep.info{background:#f3f7fe}.chkrow.rep.info .repbtn,.chkrow.rep.info .box{background:var(--info-c);border-color:var(--pri)}
.optset{border:0;padding:0;margin:0;min-width:0}.optset legend{font-size:.85rem;color:var(--mut);font-weight:500;padding:0;margin-bottom:6px}
.radios{display:flex;flex-direction:column;gap:8px}.radiocard.crit-o:has(:checked){border-color:var(--err);background:var(--err-c)}.radiocard.crit-o input{accent-color:var(--err)}
.segpick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.segpick.c3{grid-template-columns:repeat(3,1fr)}
.segpick label{position:relative;cursor:pointer}.segpick input{position:absolute;opacity:0}.segpick span{display:flex;align-items:center;justify-content:center;height:100%;min-height:46px;padding:4px 6px;font-size:.88rem;font-weight:500;color:var(--fg);text-align:center;border:1px solid var(--outline);border-radius:10px;background:var(--surf)}
.segpick input:checked+span{background:var(--pri-c);color:var(--on-pri-c);border-color:var(--pri)}.segpick input:focus-visible+span{outline:2px solid var(--pri);outline-offset:1px}
.tripcard{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;padding:6px 16px 6px 0}.tripcard .li{display:flex;gap:14px;align-items:center;padding:8px 0 8px 16px;flex:1 1 200px}.tripcard b{display:block;font-weight:500}.tripcard small{color:var(--mut)}
.kmhint{margin-top:-8px}.kmhint b{color:var(--fg)}
.tripsec{padding:16px}.tripsec>.stack{margin-top:16px}.switch.big{border-color:var(--pri);background:#f3f7fe}.switch.big b{display:flex;align-items:center;gap:8px;font-size:1rem}.switch.big b .i{color:var(--pri)}
.switch.big input{width:24px;height:24px}.names .stack{padding:20px}.sech{display:flex;align-items:center;gap:8px;font-size:1rem}.sech .i{color:var(--pri)}
.chkrow.carry .repinfo{font-weight:600}.resolved{display:flex;flex-direction:column;gap:6px}.resolved .btn{height:48px}.txt-ok{color:var(--ok)}
.tripdone{display:flex;gap:12px;align-items:flex-start;text-align:left;margin-top:16px;padding:14px;border-radius:12px;background:var(--info-c);color:var(--on-pri-c)}.tripdone b{display:block}.tripdone .i{flex:none;margin-top:2px}
.stepper{display:flex;align-items:center;gap:8px}.stepper input{width:90px;text-align:center;font-size:1.1rem}.stepper .iconbtn{width:48px;height:48px;border:1px solid var(--outline);font-size:1.4rem;color:var(--fg)}
.rowbtn{border:0;background:none;font:inherit;text-align:left;cursor:pointer}.todo li:has(.rowbtn):hover{background:var(--surf2)}
.alert.inset{margin:0 20px 16px}.ti.info{background:var(--info-c);color:var(--pri)}

/* Drag & Drop, Fotos, Schalter */
.handle{display:inline-grid;place-items:center;width:32px;height:36px;margin-left:-8px;color:var(--outline);cursor:grab;touch-action:none;flex:none;border-radius:8px}
.handle:hover{background:var(--surf3);color:var(--mut)}.handle .i{width:18px;height:18px;fill:currentColor;stroke:none}
.dragging{opacity:.92;background:var(--pri-c)!important;box-shadow:var(--sh2);position:relative;z-index:5;border-radius:12px}.dragging .handle{cursor:grabbing}
.grouph .gt{flex:1}.grouph{align-items:center;gap:6px}.group.dragging .itemrow{pointer-events:none}
.hint{display:flex;align-items:center;gap:6px;margin:-4px 20px 8px}.hint .i{width:16px;height:16px;fill:currentColor;stroke:none}
.itemrow.ro{cursor:default}.itemrow.ro:hover{background:none}
.photo-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photo-in label.btn{cursor:pointer}.photo-in img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.thumbs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.switch{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--fg);font-weight:400}.switch input{width:20px;height:20px;accent-color:var(--pri);margin-top:2px;flex:none}.switch small{display:block;color:var(--mut)}
.regions{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:12px;color:var(--mut)}.regions .i{width:18px;height:18px}.regions a.on{color:var(--pri);font-weight:500}
.me{padding:10px 16px;border-top:1px solid var(--line);margin-top:8px}.me b{display:block;font-weight:500;font-size:.9rem}.me small{color:var(--mut)}
.dl.tight{margin:0!important;padding:0}.locklink{display:inline-flex;align-items:center;gap:6px;margin-top:10px}.locklink .i{width:16px;height:16px}

/* Kalender */
.calbar{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-bottom:12px}.calbar .seg{margin-bottom:0}
.weeknav{display:flex;align-items:center;gap:4px}.weeknav span{padding:0 6px;white-space:nowrap}
.calwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cal{border-collapse:separate;border-spacing:0;width:100%;min-width:880px;table-layout:fixed}
.cal th,.cal td{border-bottom:1px solid var(--line);border-left:1px solid var(--line);vertical-align:top;padding:6px}
.cal thead th{background:var(--surf);font-weight:500;color:var(--mut);font-size:.8rem;text-align:left;padding:10px 8px;position:sticky;top:0}
.cal thead th span{display:block;font-size:.72rem;text-transform:uppercase}.cal thead th b{font-weight:500;color:var(--fg);font-size:.95rem}
.cal th.today,.cal td.today{background:#f3f7fe}.cal thead th.today b{color:var(--pri)}
.cal thead th{z-index:1}.cal thead th.cv{z-index:4}.cal .cv{position:sticky;left:0;z-index:3;background:var(--surf);width:150px;border-left:0;text-align:left;padding:10px 12px}.cal tbody .cv b{display:block;font-weight:500;font-size:.9rem}.cal .cv small{color:var(--mut);font-size:.75rem;font-weight:400}
.cal td{height:76px}.cal tr:last-child td,.cal tr:last-child th{border-bottom:0}
.bk{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;border-left:4px solid var(--pri);border-radius:6px;background:var(--info-c);color:var(--on-pri-c);padding:4px 7px;margin-bottom:4px;font:inherit;font-size:.75rem;text-align:left;cursor:pointer;line-height:1.3}
.bk b{font-weight:600}.bk.werkstatt{background:var(--warn-c);color:var(--warn);border-left-color:var(--warn)}.bk.sonst{background:var(--surf3);color:var(--fg);border-left-color:var(--mut)}
.bk.requested{background:repeating-linear-gradient(135deg,var(--surf) 0 6px,var(--surf2) 6px 12px);color:var(--fg);border:1px dashed var(--outline);border-left:4px dashed var(--mut)}
span.bk{cursor:default}button.bk:hover{filter:brightness(.97)}
.addslot{display:grid;place-items:center;width:100%;height:26px;border:1px dashed transparent;border-radius:6px;background:none;color:transparent;cursor:pointer}
.cal td:hover .addslot,.addslot:focus-visible{border-color:var(--outline);color:var(--pri)}.addslot .i{width:16px;height:16px}
.callegend{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.callegend .bk{width:auto;margin:0;cursor:default;padding:3px 10px}
.pubcal{padding-top:16px;padding-bottom:48px}.pubcal>p{margin-bottom:12px}
.reqbar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:center;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 35%)}

/* Sperrseite */
.lockcard{padding:0}.lockstate{display:flex;gap:16px;align-items:center;padding:20px}.lockstate .ti{width:56px;height:56px}.lockstate .ti .i{width:28px;height:28px}.lockstate b{display:block;font-size:1.15rem;font-weight:500}.lockstate small{color:var(--mut)}
.lockcard.locked{border-color:var(--pri);background:#f3f7fe}.lockbtns{display:grid;gap:10px;padding:0 20px 20px}.lockbtns .btn{justify-content:flex-start;height:56px}
.qrsheet.lock{border:2px dashed #E0401C}.qrsheet.lock .qrhead{color:#E0401C;font-weight:500}.qrsheet.lock .qrhead .i{width:18px;height:18px}

/* Tablet */
@media (max-width:1000px){.appbar .brand{min-width:0}.orgname{display:none}.foot{grid-template-columns:1fr 1fr}.phone{display:none}
  .pubnav{display:none}.pubmenu{display:inline-grid}
  .pub-open .pubnav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--surf);border-bottom:1px solid var(--line);padding:8px 16px 16px;box-shadow:var(--sh2)}
  .pub-open .pubnav a{padding:14px 16px;font-size:1rem}.pubnav .only-m{display:block}}

/* Mobil */
@media (max-width:860px){
  :root{--bottom:80px}
  .menubtn,.searchbtn{display:inline-grid}.appbar{padding:0 8px;height:60px;background:var(--surf);border-bottom:1px solid var(--line)}.appbar .brand{padding-left:0}.appbar .brand span{font-size:1.15rem}
  .search{display:none}.search-open .search{display:flex;position:absolute;inset:6px 8px;max-width:none;background:var(--surf);box-shadow:var(--sh2);padding:0 12px 0 4px;z-index:2}.search-open .searchback{display:inline-grid}.search-open .sicon{display:none}
  .layout{min-height:calc(100vh - 60px)}
  .side{position:fixed;left:0;top:0;height:100vh;height:100dvh;z-index:50;background:var(--surf);transform:translateX(-105%);transition:transform .22s ease;box-shadow:var(--sh3);width:min(300px,85vw);border-radius:0 16px 16px 0;padding-top:12px}
  .sidehead{display:block;padding:8px 16px 16px;border-bottom:1px solid var(--line);margin-bottom:8px}.sidehead small{display:block;color:var(--mut);margin-top:4px;padding-left:42px}
  .nav-open .side{transform:none}.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(31,31,31,.42);z-index:45}
  .content{padding:4px 16px calc(var(--bottom) + 88px)}
  .pagehead{margin:12px 0 16px;align-items:flex-start}.pagehead h1{font-size:1.45rem}.pha{width:100%}.pha .btn{height:36px;padding:0 16px;font-size:.85rem}
  .hide-s{display:none!important}.hide-m{display:none!important}.only-m{display:inline}.only-m-block{display:block}
  .bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--bottom) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:var(--surf2);border-top:1px solid var(--line)}
  .bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--mut);font-size:.72rem;font-weight:500;text-decoration:none!important;min-width:0}
  .bottomnav .bi{position:relative;display:grid;place-items:center;width:60px;height:32px;border-radius:16px;transition:background .15s}
  .bottomnav a.on{color:var(--fg)}.bottomnav a.on .bi{background:var(--pri-c);color:var(--on-pri-c)}
  .bottomnav .count{position:absolute;top:-4px;right:8px;min-width:18px;height:18px;font-size:.65rem;padding:0 4px}
  .fab{display:inline-flex;position:fixed;right:16px;bottom:calc(var(--bottom) + 16px + env(safe-area-inset-bottom));z-index:35;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:16px;border:0;background:var(--pri-c);color:var(--on-pri-c);font:500 .95rem var(--font);box-shadow:var(--sh2);cursor:pointer;text-decoration:none!important}
  .fab .i{width:24px;height:24px}
  .kpis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.kpi{grid-template-columns:1fr;padding:14px;gap:8px}.kpi .i{grid-row:auto;width:40px;height:40px;padding:10px}.kpi b{font-size:1.45rem}
  .card{border-radius:14px;margin-bottom:12px}.cardhead{padding:12px 8px 8px 16px;min-height:56px}
  .todo li>a,.todo .li{padding-left:16px}.acts{padding:0 0 12px 70px;width:100%;justify-content:flex-start}.todo li{padding-right:8px}
  .tbl.cards thead{display:none}.tbl.cards tr{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line)}.tbl.cards tr:last-child{border-bottom:0}
  .tbl.cards td{padding:0;border:0}.tbl.cards .c-main{flex:1;min-width:0}.tbl.cards .c-main b{overflow-wrap:anywhere}
  .dl{grid-template-columns:1fr;gap:2px;margin:0 16px!important}.dl dt{margin-top:10px;font-size:.8rem}
  .strip{gap:3px;padding:4px 12px 16px}.strip small{font-size:.62rem}
  .itemrow{padding-left:16px}.grouph{padding-left:16px}
  .seg{display:flex;width:max-content;min-width:100%}.seg a{flex:1;justify-content:center;padding:0 14px}
  .chips-scroll .seg{min-width:0}
  .two{grid-template-columns:1fr}.segpick{grid-template-columns:1fr 1fr}.segpick.c3{grid-template-columns:repeat(3,1fr)}
  .alert.inset{margin:0 16px 12px}
  .cal{min-width:760px}.cal .cv{width:112px;padding:8px}.cal td{height:68px;padding:4px}.addslot{color:var(--outline);border-color:var(--line)}
  .weeknav{width:100%;justify-content:space-between}.hint{margin:-4px 16px 8px}
  .dlg{width:100%;max-width:none;margin:auto 0 0;border-radius:28px 28px 0 0;max-height:92dvh}.dlg.sm{width:100%;max-width:none}
  .dlg[open]{animation:sheetIn .22s ease-out}@keyframes sheetIn{from{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}
  .grab{display:block;position:absolute;left:50%;top:8px;width:32px;height:4px;border-radius:2px;background:var(--outline);transform:translateX(-50%)}.dlg-h{position:relative;padding-top:24px}
  .dlg-a{padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.dlg-a .btn{flex:1}.dlg-a .grow{display:none}.dlg-a .btn.danger{flex:0 0 auto}
  .qrgrid{grid-template-columns:1fr}
  .sec{padding-top:48px;padding-bottom:48px}.hero{padding-top:40px}.lead{font-size:1.05rem}.shot{margin-top:40px}.shot-body{padding:12px}.kpis.mini{grid-template-columns:1fr 1fr}
  .compare td,.compare th{padding:10px 12px}.feat,.step,.price{padding:22px}
}
@media (max-width:520px){
  .authwrap{justify-content:flex-start;padding-top:32px}.authcard{padding:8px 4px;border:0;background:transparent}
  .pubbar .btn{height:36px;padding:0 14px;font-size:.85rem}.foot{grid-template-columns:1fr}.hero .row .btn,.hero .row form,.ctaband .row .btn,.ctaband .row form{width:100%}.hero form .btn,.ctaband form .btn{width:100%}
  .crewfoot .btn{padding:0 20px}
}

@media print{
  .appbar,.side,.pagehead .row,.snack,.scrim,.bottomnav,.fab,dialog,.seg,.pagehead .crumb{display:none!important}.content{padding:0}.layout{display:block}body{background:#fff}
  .qrgrid{grid-template-columns:repeat(2,1fr)}.qrsheet{border:2px solid #000}
}
/* Markenauftritt FireAID (wie fireaid.ch): Papier, warmes Schwarz, Rotorange, Fraunces-Titel */
:root{
  --pri:#E0401C;--on-pri:#fff;--pri-c:#FCE4DA;--on-pri-c:#6E1A0B;
  --bg:#FAF7F0;--surf:#fff;--surf2:#F4EEE2;--surf3:#ECE4D4;--fg:#1B1610;--mut:#6B6253;--line:#E3DBCB;--outline:#D5CBB7;
  --ok:#2F6B41;--ok-c:#DCEFE0;--info-c:#FCE4DA;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--display:"Fraunces",Georgia,"Times New Roman",serif;
}
h1,.brand,.pagehead h1,.authcard h1,.qrsheet h2{font-family:var(--display);letter-spacing:0}
h1{font-weight:500}
.brand{font-weight:600}
.btn.white{color:var(--pri)}
.btn:hover{box-shadow:0 1px 3px rgba(32,20,16,.25)}
.kpi b,.amt,.tabn,.count{font-family:var(--font)}

.renew{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:0 0 16px;padding:12px 16px;border-radius:12px;background:#FFF4E5;border:1px solid #F2C27B;color:#6B3A00}
.renew.over{background:#FDECEA;border-color:#F0A39A;color:#7A1D12}.renew .btn{flex:none}

/* FireAid-Familie: Farben und Formen wie FireAid – Wassertransport */
:root{--pri:#C62828;--on-pri:#fff;--pri-c:#FCE4E4;--on-pri-c:#8E0000;--info-c:#FCE4E4;
  --bg:#F5F7FA;--surf:#fff;--surf2:#F0F2F5;--surf3:#E8EDF3;--fg:#1F2937;--mut:#4B5563;--line:#E5E7EB;--outline:#D0D5DD;
  --ok:#1B7F4B;--ok-c:#E6F4ED;--warn:#8A5300;--warn-c:#FBEFD8;--err:#C62828;--err-c:#FCE4E4;
  --sh1:0 1px 2px rgba(16,24,40,.06),0 2px 8px rgba(16,24,40,.06);--r:12px;--rs:8px;
  --font:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
.pubbar,.appbar{background:#1F2937;color:#fff;border-bottom:1px solid #111827}
.pubbar .brand,.appbar .brand,.pubbar a:not(.btn),.appbar .orgname{color:#fff}
.appbar .iconbtn{color:#fff}
.pubfoot{background:#1F2937;color:#CBD5E1}.pubfoot a{color:#CBD5E1}.pubfoot .brand{color:#fff}
.brand,.brand span{font-family:var(--font);font-weight:700;letter-spacing:0}