/* BeckGastro Klickdemo */
:root{--gruen:#14463C;--gruen2:#1F6B5A;--senf:#F2B33D;--rot:#D6452F;--tinte:#1D1D1F;--grau:#6E6E73;--linie:#E3E3E8;--flaeche:#F5F5F7;--weiss:#fff;
  --sys:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:#E9E9EE;color:var(--tinte);font:15px/1.4 var(--sys);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid #0A84FF;outline-offset:2px;border-radius:8px}

/* Rahmen der Demo */
.app{display:grid;grid-template-columns:330px 1fr;grid-template-rows:56px 1fr;height:100vh;height:100dvh}
.leiste{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:0 18px;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:5}
.leiste .marke{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;letter-spacing:-.01em;text-decoration:none;color:inherit}
.leiste .marke img{width:28px;height:28px}
.leiste .marke small{font-weight:500;color:var(--grau)}
.leiste .rechts{margin-left:auto;display:flex;gap:8px}
.pille{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--linie);font-weight:600;font-size:14px;text-decoration:none;color:inherit;white-space:nowrap}
.pille:active{transform:scale(.97)}
.pille.blau{background:#0071E3;border-color:#0071E3;color:#fff}
.seite{background:#fff;border-right:1px solid rgba(0,0,0,.07);overflow:auto;padding:18px 16px 30px}
.seite h2{font-size:13px;color:var(--grau);font-weight:600;margin:18px 6px 8px}
.seite h2:first-child{margin-top:4px}
.szen{display:flex;flex-direction:column;gap:2px}
.szen button{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border-radius:10px;font-weight:600;font-size:14.5px}
.szen button span.ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--flaeche);font-size:15px;flex:none}
.szen button:hover{background:var(--flaeche)}
.szen button.an{background:var(--gruen);color:#fff}.szen button.an span.ic{background:rgba(255,255,255,.18)}
.schritte{list-style:none;margin:0;padding:0;counter-reset:s}
.schritte li{position:relative;padding:9px 10px 9px 40px;border-radius:10px;font-size:14px;line-height:1.4;color:var(--grau)}
.schritte li::before{counter-increment:s;content:counter(s);position:absolute;left:10px;top:9px;width:21px;height:21px;border-radius:50%;background:var(--flaeche);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--grau)}
.schritte li.ok{color:var(--tinte)}.schritte li.ok::before{content:"✓";background:#34C759;color:#fff}
.schritte li.jetzt{background:#EAF4F1;color:var(--tinte);font-weight:600}.schritte li.jetzt::before{background:var(--gruen);color:#fff}
.weiterknopf{margin:8px 0 0 40px;padding:8px 16px;border-radius:999px;background:var(--gruen);color:#fff;font-weight:600;font-size:14px}
.test{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.test button{padding:10px 6px;border-radius:10px;background:var(--flaeche);font-weight:600;font-size:13px;line-height:1.2}
.test button:active{transform:scale(.97)}
.hinweis{font-size:12.5px;color:var(--grau);margin:10px 6px 0;line-height:1.45}

.buehne{position:relative;overflow:auto;display:flex;flex-direction:column}
.tabs{display:flex;gap:6px;padding:12px 16px 0;flex-wrap:wrap}
.tabs button{padding:7px 12px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--grau);position:relative}
.tabs button.an{background:#fff;color:var(--tinte);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tabs .zahl{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--rot);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}
.flaeche{flex:1;display:flex;gap:22px;align-items:center;justify-content:center;padding:18px;min-height:0}
.platz{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.platz > .titel{font-size:12.5px;font-weight:600;color:var(--grau)}
.halter{position:relative}
.geraet{transform-origin:0 0;position:absolute;left:0;top:0}

/* Gerätehüllen */
.tablet{background:#1C1C1E;border-radius:30px;padding:16px;box-shadow:0 30px 60px -25px rgba(0,0,0,.45)}
.monitor{background:#2C2C2E;border-radius:16px;padding:12px;box-shadow:0 30px 60px -25px rgba(0,0,0,.45)}
.handy{background:#1C1C1E;border-radius:54px;padding:13px;box-shadow:0 30px 60px -25px rgba(0,0,0,.5)}
.schirm{position:relative;overflow:hidden;background:#fff;height:100%;width:100%}
.tablet .schirm{border-radius:16px}.monitor .schirm{border-radius:6px}.handy .schirm{border-radius:42px}
.handy .insel{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:110px;height:32px;background:#000;border-radius:20px;z-index:20}

/* ======================================================================
   Geräte-Bildschirme – Optik der echten Software
   Schriften: Anton (Überschriften), Archivo (Grundschrift), IBM Plex Mono
   (Zahlen/Beträge/Uhr), Inter (Kasse). Farben aus dem Design-System.
   ====================================================================== */
.schirm{--sp-bg:#f5f6f8;--sp-fl:#fff;--sp-linie:#e6e8ec;--sp-text:#141a22;--sp-text2:#4b5563;--sp-text3:#8a94a3;--sp-akzent:#e3000f;--sp-ok:#1a8a5a;--sp-ok-hell:#e6f5ee;--sp-warn:#b7791f;--sp-warn-hell:#fbf2e0;--sp-gefahr:#c23a3a;--sp-gefahr-hell:#fbe9e9;--sp-info:#2f62c9;--sp-info-hell:#e9eefb;
  --anton:'Anton',Impact,'Arial Narrow',sans-serif;--archivo:'Archivo',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;--inter:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-family:var(--archivo);color:var(--sp-text)}
.schirm .ico{flex:none;vertical-align:-.18em}
.schirm .mono{font-family:var(--mono)}
.gm-logo{width:34px;height:34px;border-radius:8px;flex:none;display:block}
.schirm button:disabled{opacity:.45;cursor:default}
.terminal{width:150px;height:210px;border-radius:24px;background:#141a22;display:grid;place-items:center;color:#fff;font:700 22px var(--mono);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.terminal.klein{width:120px;height:170px;font-size:18px}
.wellen{width:70px;height:70px;border-radius:50%;border:3px solid #1e6fe0;animation:welle 1.2s infinite}
@keyframes welle{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.4);opacity:0}}
.haken{width:76px;height:76px;border-radius:50%;background:#1fb653;color:#fff;display:grid;place-items:center}

/* ---------- Kasse: Creme-Design, Rot #e42313, Inter ---------- */
.ks{--rot:#e42313;--line:#e3dccb;--ok:#149043;--warn:#c47a00;--blau:#1e6fe0;position:relative;height:100%;display:flex;flex-direction:column;font-family:var(--inter);color:#1d1d1f;background:radial-gradient(1200px 520px at 18% -10%,#fffdf7 0,#f6f2ea 62%)}
.ks-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:2px solid var(--rot);background:linear-gradient(180deg,#fffaf2,#fbf3e9);flex:none}
.ks-titel{font:800 19px var(--inter);letter-spacing:.02em;white-space:nowrap}.ks-titel i{font-style:normal;color:var(--rot)}
.ks-typ{display:flex;gap:6px;margin-left:6px}
.ks-typ button,.ks-tb{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:12px;background:#fff;border:1.5px solid #d8d0bd;font:800 13.5px var(--inter);color:#1d1d1f;white-space:nowrap;box-shadow:0 1px 3px rgba(60,40,20,.08);position:relative}
.ks-typ button.an{border-color:var(--rot);color:var(--rot);background:#fdecea}
.ks-r{margin-left:auto;display:flex;gap:6px;align-items:center}
.ks-tb.rot{border-color:var(--rot);color:var(--rot)}.ks-tb.orange{border-color:#e8a200;color:#8a5a00}.ks-tb.ks-home{padding:9px 10px}
.ks-tb .zahl{min-width:19px;height:19px;border-radius:10px;background:var(--rot);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}
.ks-koerper{flex:1;display:grid;grid-template-columns:1fr 330px;min-height:0}
.ks-links{padding:12px 14px;overflow:auto;display:flex;flex-direction:column;gap:9px;min-width:0}
.ks-kats{display:flex;gap:7px;flex-wrap:wrap}
.ks-kats button{padding:7px 13px 7px 11px;border-radius:999px;background:#fff;border:1px solid #d8d0bd;border-left:5px solid var(--kf);font:800 12px var(--inter);text-transform:uppercase;letter-spacing:.02em}
.ks-kats button.an{background:var(--kf);color:#fff;border-color:var(--kf)}
.ks-suche{padding:9px 12px;border-radius:10px;background:#fbf8f2;border:1px solid var(--line);color:#8d8676;font-size:13px}
.ks-back{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-radius:11px;border:1px solid #f0c4bf;border-left:6px solid var(--kf);background:linear-gradient(180deg,#fbe3e1,#fdecea);font-size:13px}
.ks-back span{color:#8d8676;font-size:11.5px;font-weight:700}
.ks-arts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-content:start}
.ks-art{background:linear-gradient(180deg,#fff,#fbf8f2);border:1px solid #d8d0bd;border-top:4px solid var(--kf);border-radius:14px;padding:11px;text-align:left;min-height:82px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-shadow:0 2px 8px rgba(60,40,20,.10)}
.ks-art:active{transform:scale(.98)}
.ks-art b{font:800 13px/1.2 var(--inter);text-transform:uppercase}
.ks-art .u{display:flex;justify-content:space-between;align-items:center}
.ks-art .p{font:700 13.5px var(--mono);color:var(--ok)}
.ks-art .menue{font:800 10.5px var(--inter);background:var(--ok);color:#fff;border-radius:6px;padding:3px 7px}
.ks-bon{border-left:1px solid var(--line);background:#fbf8f2;display:flex;flex-direction:column;min-height:0}
.ks-bonliste{flex:1;overflow:auto;padding:8px 12px}
.ks-leer{text-align:center;color:#8d8676;font-size:12.5px;font-weight:700;padding:34px 10px}
.ks-pos{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:start;padding:8px 0;border-bottom:1px dashed var(--line)}
.ks-pos .m{display:flex;align-items:center;gap:5px}.ks-pos .m button{width:24px;height:24px;border-radius:7px;background:#fff;border:1px solid #d8d0bd;font-weight:800;line-height:1}
.ks-pos .m b{font:700 13px var(--mono);min-width:14px;text-align:center}
.ks-pos .n{font-weight:700;font-size:13.5px}.ks-pos .x{font-size:12px;color:var(--ok);font-weight:700}.ks-pos .x.o{color:var(--rot)}
.ks-pos .p{font:700 13px var(--mono)}
.ks-summe{border-top:2px solid var(--rot);padding:8px 12px 10px;background:#fffdf8}
.ks-summe .z{display:flex;justify-content:space-between;font-size:11px;color:#8d8676}.ks-summe .z span:last-child{font-family:var(--mono)}
.ks-summe .g{display:flex;justify-content:space-between;align-items:baseline;font:800 13px var(--inter);letter-spacing:.06em;margin:4px 0 8px}
.ks-summe .g span:last-child{font:700 24px var(--mono);color:var(--rot);letter-spacing:0}
.ks-pay{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ks-pay button{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:9px;font:800 15px var(--inter);color:#fff}
.ks-pay .bar{background:var(--ok)}.ks-pay .karte{background:var(--blau)}
.ks-akt{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}
.ks-akt span,.ks-akt button{padding:5px 4px;border-radius:7px;border:1.5px solid #d8d0bd;background:#fff;font:800 10.5px var(--inter);text-align:center;color:#5c5648}
.ks-akt .a1{border-color:var(--rot);color:var(--rot)}.ks-akt .a2{border-color:var(--blau);color:#184f9e}.ks-akt .a3{border-color:#e8a200;color:#8a5a00}.ks-akt .a4{border-color:var(--ok);color:var(--ok)}.ks-akt .a5{border-color:#8a63d2;color:#5b3aa3}
.ks-dunkel{position:absolute;inset:0;background:rgba(29,22,12,.45);display:grid;place-items:center;z-index:10}
.ks-blatt{width:470px;background:#fffdf8;border-radius:18px;padding:20px;border:1px solid #d8d0bd;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.ks-blatt h3{margin:0;font:800 19px var(--inter);text-transform:uppercase}.ks-blatt p{margin:4px 0 12px;color:#8d8676;font-size:13px}
.ks-blatt .opt{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}
.ks-blatt .opt button{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:11px;background:#fff;border:1.5px solid #d8d0bd;font-weight:700;font-size:14px}
.ks-blatt .opt button small{font-family:var(--mono);color:#8d8676}
.ks-blatt .opt button.an{border-color:var(--ok);background:#e7f5ec;color:#0f6b32}.ks-blatt .opt button.o.an{border-color:var(--rot);background:#fdecea;color:#b01c0f}
.ks-unten{display:grid;grid-template-columns:1fr 2fr;gap:8px}
.ks-gross{padding:13px;border-radius:11px;font:800 15px var(--inter);color:#fff}.ks-gross.bar{background:var(--ok)}.ks-gross.grau{background:#fff;color:#1d1d1f;border:1.5px solid #d8d0bd}
.ks-seite{flex:1;overflow:auto;padding:16px}
.ks-zeile{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ks-h{font:800 19px var(--inter)}.ks-grau{color:#6f6858}.ks-grau b{color:#1d1d1f}.ks-grau.klein{font-size:13px}
.ks-tab{width:100%;border-collapse:collapse;background:#fffdf8;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:13.5px}
.ks-tab th{text-align:left;font:800 11px var(--inter);letter-spacing:.06em;text-transform:uppercase;color:#8d8676;padding:9px 12px;border-bottom:1px solid var(--line)}
.ks-tab td{padding:9px 12px;border-bottom:1px solid #efe9db}
.ks-badge{display:inline-block;padding:3px 9px;border-radius:999px;font-weight:800;font-size:11.5px;background:#efe9db;color:#5c5648}.ks-badge.ok{background:#e0f3e7;color:#0f6b32}.ks-badge.warn{background:#fdf0d2;color:#8a5a00}
.ks-mini{padding:7px 14px;border-radius:9px;background:var(--ok);color:#fff;font:800 12.5px var(--inter)}
.ks-zahlen{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;min-height:0}
.ks-zahlen .l{display:flex;flex-direction:column;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:18px}
.ks-zahlen small{font:800 11px var(--inter);letter-spacing:.06em;text-transform:uppercase;color:#8d8676;margin-top:8px}
.ks-zahlen .gross{font:700 46px var(--mono);color:var(--rot)}
.ks-zahlen .anzeige{font:700 30px var(--mono);background:#fff;border:1.5px solid #d8d0bd;border-radius:12px;padding:10px 14px;min-height:60px;margin-top:4px}
.ks-zahlen .rueck{font:800 22px var(--inter);color:var(--ok);min-height:34px;margin-top:10px}
.ks-zahlen .ks-unten{margin-top:auto}
.ks-zahlen .r{display:flex;flex-direction:column;gap:10px}
.scheine{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ks .scheine button,.ks .tasten button{background:#fff;border:1.5px solid #d8d0bd;border-radius:12px;font:800 16px var(--inter);padding:13px 4px;box-shadow:0 1px 3px rgba(60,40,20,.08)}
.tasten{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1}
.ks .tasten button{font:700 24px var(--mono)}
.ks-mitte{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}

/* Kassenabschluss (helle Backend-Optik unter der Kassenleiste) */
.ab-seite{flex:1;overflow:auto;background:#f0efec;font-family:var(--archivo);color:var(--sp-text)}
.ab-kopf{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:2px solid #d43a2a}
.ab-kopf b{font:800 20px var(--archivo)}
.ab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid #dcdad3;background:#fff;font:700 13px var(--archivo)}.ab-btn.grau{background:#eceae4}
.ab-sel{margin-left:auto;min-width:230px;padding:9px 14px;border-radius:10px;border:1px solid #dcdad3;font-size:14px;display:flex;justify-content:space-between}.ab-sel i,.ab-feld i,.cz-sel i,.hc-sel i{font-style:normal;color:var(--sp-text3)}
.ab-2{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;padding:14px 16px 20px;align-items:start}
.ab-karte{background:#fff;border:1px solid #e3e1da;border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(20,26,34,.05)}
.ab-karte h4{margin:0 0 10px;font:800 16px var(--archivo);display:flex;align-items:center;gap:8px}
.ab-karte h4 .hk{width:19px;height:19px;border-radius:5px;background:#1fb653;color:#fff;display:grid;place-items:center}
.ab-zeile{display:flex;gap:8px;margin-bottom:10px}
.ab-feld{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:10px;border:1px solid #dcdad3;background:#fff;font-size:14.5px;min-height:38px;margin-top:4px}
.ab-feld.leer{border-color:#c9c5ba}
.ab-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ab-chips span{display:flex;align-items:baseline;gap:6px;padding:8px 12px;border:1px solid #dcdad3;border-radius:11px;font:700 11px var(--archivo);color:var(--sp-text2)}
.ab-chips b{font:700 16px var(--mono);color:var(--sp-text)}
.ab-felder{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.ab-felder label{font:800 10px var(--archivo);letter-spacing:.06em;color:var(--sp-text2);display:flex;flex-direction:column;justify-content:space-between}
.ab-zaehl{display:flex;gap:6px;margin:8px 0}
.ab-zaehl button{padding:6px 12px;border-radius:999px;border:1px solid #dcdad3;background:#fff;font:700 12px var(--archivo)}
.ab-soll{padding:9px 12px;border:1px solid #dcdad3;border-radius:10px;font-size:13.5px;color:var(--sp-text2)}.ab-soll b{color:var(--sp-text)}.ab-soll b.ok{color:var(--sp-ok)}.ab-soll b.rot{color:var(--sp-gefahr)}
.ab-gruen{margin:8px 0 10px;padding:9px 12px;border-radius:10px;background:#e3f3e8;border:1px solid #c5e3cf;color:#17633d;font-size:12.5px;line-height:1.45}
.ab-speichern{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;background:#1e7a50;color:#fff;font:800 14px var(--archivo)}
.ab-kpis{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:8px;margin-bottom:10px}
.ab-kpis div{border:1px solid #e3e1da;border-radius:12px;padding:9px 11px}
.ab-kpis small{font:800 10px var(--archivo);letter-spacing:.06em;color:var(--sp-text2);display:block}.ab-kpis b{font:700 17px var(--mono)}
.ab-tab{width:100%;border-collapse:collapse;font-size:13px}
.ab-tab th{text-align:left;font:800 10px var(--archivo);letter-spacing:.06em;text-transform:uppercase;color:var(--sp-text2);padding:6px 4px;border-bottom:1px solid #e3e1da}
.ab-tab td{padding:6px 4px;border-bottom:1px solid #f0efea}.ab-tab td:nth-child(n+2){font-family:var(--mono);font-size:12.5px}
.ab-kv{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13.5px}.ab-kv b{font-family:var(--mono)}

/* ---------- Küchenmonitor: dunkel #0b0b0b, Papierkarten ---------- */
.km{--rot:#e3000f;--line:#2b2b2b;--ok:#1fb653;--warn:#f5a300;--papier:#f6f2e9;--tinte:#171310;height:100%;background:#0b0b0b;color:#fff;display:flex;flex-direction:column;font-family:var(--archivo)}
.km-kopf{display:flex;align-items:center;gap:8px;padding:12px 16px}
.km-t{margin-right:auto;display:flex;flex-direction:column}
.km-t b{font:400 23px/1.05 var(--anton);letter-spacing:.02em}.km-t small{color:#9a9a9a;font-size:11.5px;margin-top:3px}
.km-b{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;background:#161616;border:1px solid var(--line);font:700 12px/1.25 var(--archivo);color:#eaeaea;text-align:center;min-height:44px}
.km-b.rot{border-color:#a00010}.km-b.hell{color:#ff6b6b}
.km-uhr{font:700 24px var(--mono);margin-left:6px}
.km-alarm{margin:0 16px 8px;padding:11px 16px;border-radius:10px;background:#a3000b;display:flex;align-items:center;gap:10px;font-size:14px}
.km-alarm span{margin-left:auto;padding:7px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);font:700 11.5px var(--archivo)}
.km-pillen{display:flex;gap:7px;padding:0 16px 8px}
.km-pillen span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#141414;font:700 11.5px var(--archivo);color:#e2e2e2}
.km-pillen span i{font:700 10.5px var(--mono);font-style:normal;background:#262626;border-radius:8px;padding:1px 6px}
.km-pillen .rot{border-color:#a00010}.km-pillen .rot i{background:var(--rot)}.km-pillen .an{background:#fff;color:#111;border-color:#fff}
.km-sek{padding:2px 16px 8px;font:400 14px var(--anton);letter-spacing:.06em;color:#cfcfcf;display:flex;align-items:center;gap:8px}
.km-sek i{width:8px;height:8px;border-radius:50%;background:var(--rot)}
.km-karten{flex:1;display:flex;gap:12px;padding:0 16px 14px;overflow:auto;align-items:flex-start;min-height:0}
.km-leer{margin:auto;color:#8a8a8a;font-size:16px}
.km-bk{flex:0 0 218px;background:var(--papier);color:var(--tinte);border-radius:10px;border:3px solid var(--rot);display:flex;flex-direction:column;overflow:hidden;max-height:100%}
.km-bk.zubereitung{border-color:var(--warn)}.km-bk.fertig{border-color:var(--ok)}
.km-bk.blink{animation:kmblink 1s 3}@keyframes kmblink{50%{box-shadow:0 0 0 5px rgba(227,0,15,.55)}}
.km-bk .kk{display:flex;justify-content:space-between;align-items:center;padding:9px 12px 5px}
.km-bk .kk b{font:400 27px var(--anton);color:var(--rot);letter-spacing:.01em}
.km-bk .kk span{font:700 11.5px var(--archivo);color:#5d564a;display:flex;align-items:center;gap:5px}
.km-bk .zahl{background:#c81e1e;color:#fff;text-align:center;font:400 14px var(--anton);letter-spacing:.06em;padding:4px}
.km-bk .zahl.ok{background:#17843f}
.km-bk .tags{display:flex;gap:5px;padding:7px 12px 2px}
.km-bk .tags span{background:#171310;color:#fff;border-radius:999px;font:700 10.5px var(--archivo);padding:2px 9px}.km-bk .tags .on{background:#e9e2d2;color:#5d564a}
.km-bk .pos{padding:6px 12px 8px;font:700 13.5px/1.35 var(--mono);flex:1;overflow:hidden}
.km-bk .pos .dr{color:#7b7466;font-weight:500}
.km-bk .pos .x{padding-left:14px;font-weight:500;font-size:12.5px;color:#17843f}.km-bk .pos .o{padding-left:14px;font-size:12.5px;color:#d9480f}
.km-bk .notiz{margin-top:6px;background:#efe6c8;border-radius:6px;padding:5px 7px;font:600 11.5px var(--archivo)}
.km-bk .fuss{display:flex;align-items:center;gap:6px;padding:0 12px 8px}
.km-bk .fuss>span:first-child{margin-right:auto;font:500 10px var(--archivo);color:#7b7466;display:flex;flex-direction:column}.km-bk .fuss b{font:700 11.5px var(--mono);color:#5d564a}
.km-bk .kb{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid #cfc7b3;border-radius:7px;padding:4px 9px;font:700 10px var(--archivo);color:#5d564a}.km-bk .kb.w{border-color:#e08a2a;color:#c2600c}
.km-bk .ak{margin:0 8px 8px;padding:12px 6px;border-radius:9px;background:var(--rot);color:#fff;font:400 16px var(--anton);letter-spacing:.05em}
.km-bk .ak.f{background:var(--ok)}.km-bk .ak.g{background:#e9e2d2;color:#17843f}

/* ---------- Kundendisplay ---------- */
.kd{height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 400px at 20% -10%,#fffdf7 0,#f6f2ea 65%);font-family:var(--inter);color:#1d1d1f}
.kd-kopf{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:2px solid #e42313;background:#fffaf2}
.kd-kopf b{font:400 20px var(--anton);letter-spacing:.03em}.kd-kopf span{margin-left:auto;font:700 16px var(--mono)}
.kd-liste{flex:1;padding:8px 20px;overflow:hidden}
.kd-liste .z{display:flex;justify-content:space-between;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #e3dccb;font-weight:700;font-size:16px}
.kd-liste .z small{display:block;font-size:12.5px;color:#149043;font-weight:700}.kd-liste .z b{font:700 16px var(--mono)}
.kd-info{display:flex;justify-content:space-between;padding:8px 20px;font-weight:800;font-size:17px;color:#6f6858}.kd-info .ok{color:#149043}.kd-info.blau{justify-content:center;color:#1e6fe0}
.kd-summe{display:flex;justify-content:space-between;align-items:baseline;padding:12px 20px 16px;border-top:2px solid #e42313;background:#fffdf8;font:800 15px var(--inter);letter-spacing:.08em}
.kd-summe span:last-child{font:700 34px var(--mono);color:#e42313;letter-spacing:0}
.kd-danke{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6f6858}
.kd-danke b{font:400 26px var(--anton);color:#1d1d1f;letter-spacing:.04em}.kd-danke .nr{font:400 96px/1 var(--anton);color:#e42313}
.kd-brett{flex:1;display:grid;grid-template-columns:1fr 1fr}
.kd-brett>div{padding:16px 20px}.kd-brett>div.f{background:#eaf6ee;border-left:1px solid #e3dccb}
.kd-brett h4{margin:0 0 12px;font:400 17px var(--anton);letter-spacing:.06em;color:#6f6858}.kd-brett .f h4{color:#149043}
.kd-brett .nrn{display:flex;flex-wrap:wrap;gap:10px}.kd-brett .nr{font:400 40px var(--anton);background:#fff;border:1px solid #d8d0bd;border-radius:12px;padding:4px 16px}.kd-brett .f .nr{background:#149043;border-color:#149043;color:#fff}
.kd-brett .kein{color:#b1aa98;font-size:22px}

/* ---------- Drucker ---------- */
.drucker{height:100%;display:grid;grid-template-columns:210px 1fr;background:#1a1a1a;font-family:var(--archivo)}
.dliste{border-right:1px solid #2b2b2b;overflow:auto;background:#0b0b0b;color:#eee}
.dkopf{padding:12px 14px;font:400 15px var(--anton);letter-spacing:.08em;border-bottom:2px solid #e3000f;display:flex;gap:8px;align-items:center}
.dliste button{display:block;width:100%;text-align:left;padding:10px 14px;border-bottom:1px solid #1f1f1f;font-size:13px;color:#eee}
.dliste button b{display:block;font-size:13.5px}.dliste button small{color:#8a8a8a}
.dliste button.an{background:#1d1d1d;box-shadow:inset 3px 0 0 #e3000f}
.dablage{overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:18px}
.dleer{color:#8a8a8a;padding:40px;text-align:center}
.papier{background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.5);font-family:var(--mono);font-weight:500;font-size:12px;line-height:1.45;color:#111;animation:drucken .6s ease-out}
@keyframes drucken{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
.bon{width:280px;padding:16px 14px}
.bon .mitte{text-align:center}.bon .z{display:flex;justify-content:space-between;gap:8px}
.bon hr{border:0;border-top:1px dashed #999;margin:7px 0}
.bon .gr{font-size:15px;font-weight:700}
.etikett{width:368px;height:224px;padding:10px 12px;display:grid;grid-template-columns:1fr 84px;gap:8px;font-family:var(--archivo);border-radius:6px}
.etikett .nr{font-size:30px;font-weight:800;line-height:1}
.etikett .bez{display:inline-block;margin-top:3px;padding:2px 7px;border-radius:5px;font-weight:800;font-size:12px}
.etikett .bez.bar{background:#111;color:#fff}.etikett .bez.ok{border:2px solid #111}
.etikett .adr{font-size:12.5px;margin-top:6px;line-height:1.3}
.etikett .pos{font-size:11px;margin-top:5px;color:#333;line-height:1.3}
.etikett .qr{width:84px;height:84px}

/* ---------- Handy: Statusleiste, Karte, Anruf ---------- */
.statusleiste{position:absolute;top:16px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font:700 14px var(--archivo);z-index:21;color:#141a22}
.statusleiste.d{color:#fff}
.statusleiste .sig{display:flex;align-items:flex-end;gap:2px}.statusleiste .sig i{width:3px;background:currentColor;border-radius:1px;height:6px}.statusleiste .sig i:nth-child(2){height:9px}.statusleiste .sig i:nth-child(3){height:12px}
.statusleiste .sig b{font-size:11px;margin:0 4px}.statusleiste .sig em{width:22px;height:11px;border-radius:3px;border:1.5px solid currentColor;position:relative}.statusleiste .sig em::after{content:"";position:absolute;inset:1.5px;right:5px;background:currentColor;border-radius:1px}
.karteSvg{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--sp-linie)}.karteSvg.d{border-color:#262626}
.fahrerpunkt{transition:transform .4s linear}
.anruf{position:absolute;inset:0;background:linear-gradient(#1d232b,#0b0b0b);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:120px;gap:6px;z-index:25;font-family:var(--archivo)}
.anruf .av{width:96px;height:96px;border-radius:50%;background:#2e3742;display:grid;place-items:center;font:400 38px var(--anton);margin-bottom:10px}
.anruf b{font-size:23px}.anruf span{opacity:.75;font-size:13.5px}
.anruf .auf{margin-top:auto;margin-bottom:60px;width:72px;height:72px;border-radius:50%;background:#e3000f;color:#fff;display:grid;place-items:center}

/* ---------- Online-Shop & Kundenkonto: dunkles Shop-Theme (Sora, Anton, IBM Plex Mono) ---------- */
.so{--bg:#0e0d0c;--k1:#241f1c;--k2:#171412;--tx:#f4f1ec;--tx2:#b9b2a8;--li:#2e2925;--rot:#e3000f;--gr:#159a43;--gr2:#0f7a33;--gelb:#f5a300;--sora:'Sora',var(--archivo);
  height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--tx);font-family:var(--sora);font-size:13.5px;position:relative}
.so button{font-family:inherit}
.so-info{padding:48px 12px 7px;background:#d9f3e1;color:#0f6b2f;font:700 10.5px/1.4 var(--sora);text-align:center}
.so-info .ico{vertical-align:-2px}
.so-kopf{display:flex;align-items:center;gap:7px;padding:8px 12px;background:#141210;border-bottom:1px solid var(--li)}
.so-kopf.start,.so-kopf.mein{padding-top:52px}.so-kopf.mein{border-bottom:2px solid var(--rot);padding-bottom:12px}
.so-kopf .gm-logo{width:30px;height:30px;border:1px solid var(--li)}
.so-kopf b{font:800 14px var(--sora);letter-spacing:.05em;margin-right:auto;white-space:nowrap}.so-kopf b i{font-style:normal;color:#ff5a4d}
.so-kopf.start b,.so-kopf.mein b{font:400 21px var(--anton);letter-spacing:.04em}.so-kopf.mein b i{color:var(--rot)}
.so-kopf .p{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;border:1px solid var(--li);background:#1c1917;font:700 11px var(--sora)}.so-kopf .p.r{padding:8px 13px;font-size:12.5px}
.so-reiter{display:flex;gap:6px;padding:8px 12px 0;border-bottom:2px solid var(--li);overflow:hidden;flex:none}
.so-reiter span{padding:9px 13px;border-radius:9px 9px 0 0;background:#1a1715;font:800 11.5px var(--sora);letter-spacing:.03em;white-space:nowrap}.so-reiter .an{background:#e3261b;color:#fff}
.so-chips{display:flex;gap:6px;padding:9px 12px;overflow:auto;scrollbar-width:none;border-bottom:1px solid var(--li);flex:none}
.so-chips button{padding:8px 12px;border-radius:999px;background:#1c1917;border:1px solid var(--li);color:var(--tx);font:800 11px var(--sora);white-space:nowrap}
.so-chips button.an{background:#fff;color:#c2160c;border-color:#fff;box-shadow:0 0 0 2px #e3261b55}
.so-inhalt{flex:1;overflow:auto;padding:12px;min-height:0;scrollbar-width:none}
.so-ort{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--tx2);margin-bottom:10px;white-space:nowrap;overflow:hidden}.so-ort b{color:var(--tx)}.so-ort .ico{color:var(--rot)}
.so-ort em{margin-left:auto;font-style:normal;font-weight:700;color:#ff7a70;border:1px solid var(--li);border-radius:999px;padding:3px 9px}
.so-menue{display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#159a43,#0e7a33);border-radius:16px;padding:12px 13px;margin-bottom:12px;box-shadow:0 6px 20px rgba(21,154,67,.3)}
.so-menue b{display:block;font:800 15px var(--sora)}.so-menue small{font-size:10.5px;line-height:1.35;display:block;margin-top:2px}
.so-menue span{flex:none;background:#fbc02d;color:#231a00;border-radius:999px;padding:9px 11px;font:800 10.5px var(--sora);box-shadow:0 3px 0 #c99300}
.so-kat{margin:2px 0 9px;font:800 15px var(--sora);letter-spacing:.06em;color:#1fb653}
.so-raster{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.so-art{background:linear-gradient(180deg,var(--k1),var(--k2));border:1px solid var(--li);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:9px}
.so-art .b{position:relative;height:104px;background:radial-gradient(circle at 50% 40%,#3a2f28,#12100e 75%);margin-bottom:8px}
.so-ill{width:100%;height:100%;display:block}
.so-art .plus{position:absolute;right:8px;bottom:-12px;width:38px;height:38px;border-radius:50%;background:var(--gr);color:#fff;display:grid;place-items:center;border:3px solid #171412;box-shadow:0 4px 12px rgba(21,154,67,.45)}
.so-art .n{position:absolute;left:8px;top:8px;background:var(--rot);border-radius:999px;padding:2px 8px;font:700 11px var(--mono)}
.so-art>b{padding:0 10px;font:800 12px/1.25 var(--sora);padding-right:44px}.so-art>small{padding:3px 10px 0;color:var(--tx2);font-size:10px;line-height:1.35;flex:1}
.so-art .pr{padding:6px 10px 0;font:700 13px var(--mono);color:#fff}
.so-bar,.so-dfuss{display:flex;align-items:center;gap:12px;padding:10px 12px 24px;background:#141210;border-top:2px solid var(--rot);flex:none}
.so-bar b,.so-dfuss b{display:block;font:700 17px var(--mono)}.so-bar small,.so-dfuss small{font:700 10px var(--sora);color:var(--tx2);letter-spacing:.04em}
.so-gruen{margin-left:auto;padding:12px 20px;border-radius:10px;background:linear-gradient(180deg,#159a43,#0f7a33);color:#fff;font:800 13.5px var(--sora);text-align:center}
.so-gruen.rund{display:block;width:100%;border-radius:999px;margin:10px 0 0;padding:13px}.so-gruen.matt{opacity:.55}
.so-gruen.breit,.so-dunkel.breit,.so-rot.breit{display:block;width:100%;margin:10px 0 0;padding:14px;border-radius:10px;font:800 14px var(--sora);color:#fff}
.so-dunkel{background:#1c1917;border:1px solid var(--li)}.so-rot{background:var(--rot)}
.so-h{margin:8px 0 6px;text-align:center;font:400 32px var(--anton);letter-spacing:.03em}.so-sub{margin:0 10px 12px;text-align:center;color:var(--tx2);font-size:13px;line-height:1.4}
.so-nah{margin:0 auto 16px;width:max-content;padding:11px 18px;border-radius:999px;border:1px solid var(--li);background:#141210;font-weight:700;display:flex;gap:7px;align-items:center}.so-nah .ico{color:var(--rot)}
.so-laden{border:1px solid var(--li);border-left:5px solid var(--rot);border-radius:16px;padding:14px;margin-bottom:12px;background:linear-gradient(135deg,#2a1414,#151211 60%)}
.so-laden.blau{border-left-color:#2f62c9;background:linear-gradient(135deg,#141b2c,#121212 60%)}
.so-laden .t{display:flex;align-items:center;gap:10px}.so-laden .t b{font:400 21px var(--anton);letter-spacing:.03em}.so-laden .adr{color:var(--tx2);margin:8px 0;font-size:12.5px}
.so-tags{display:flex;gap:6px;flex-wrap:wrap}
.so-tags button,.so-tags span{padding:5px 11px;border-radius:999px;border:1px solid #3a3430;background:#1a1715;color:var(--tx);font:600 11px var(--sora)}
.so-tags button.an{background:#fff;color:#c2160c;border-color:#fff;font-weight:800}
.so-mini{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.so-mini span{padding:7px 11px;border-radius:999px;border:1px solid var(--li);background:#141210;font:700 11px var(--sora);display:inline-flex;gap:5px;align-items:center}.so-mini .tel{font-family:var(--mono);font-weight:500;color:var(--tx2)}
/* Overlays (Artikel-Dialog, Warenkorb + Checkout): am Handy bildschirmfüllend */
.so-ov{position:absolute;inset:0;background:#131110;z-index:22;display:flex;flex-direction:column}
.so-x{position:absolute;right:12px;top:50px;width:38px;height:38px;border-radius:50%;background:#1c1917;border:1px solid var(--li);color:#fff;display:grid;place-items:center;z-index:2}
.so-ovin{flex:1;overflow:auto;padding:50px 14px 26px;min-height:0;scrollbar-width:none}
.so-ovin h3{margin:10px 0 4px;font:800 19px/1.2 var(--sora);letter-spacing:.02em;color:#e9e4dc}.so-ovin h3.wk{margin:2px 0 12px;font-size:18px;letter-spacing:.06em;color:#fff}
.so-ovin .zut{margin:0 0 12px;color:var(--tx2);font-size:12px;line-height:1.5}
.so-dbild{height:230px;background:radial-gradient(circle at 50% 42%,#3a2f28,#000 78%);border-radius:4px}
.so-menge{display:flex;align-items:center;gap:8px;margin-bottom:10px}.so-menge span{font-weight:700;color:var(--tx2);margin-right:6px}
.so-menge button{width:36px;height:36px;border-radius:9px;background:#1c1917;border:1px solid var(--li);color:#fff;font-size:18px;font-weight:700}.so-menge b{min-width:26px;text-align:center;font:700 15px var(--mono)}.so-menge i{margin-left:auto;font:700 15px var(--mono);font-style:normal}
.so-ovin label{display:block;margin:12px 0 6px;font:800 10.5px var(--sora);letter-spacing:.07em;color:var(--tx2)}
.so-opt{display:grid;gap:6px}
.so-opt button,.so-zeile{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:9px;background:#1a1715;border:1px solid var(--li);color:var(--tx);font:700 12.5px var(--sora)}
.so-opt button i,.so-zeile i{font:500 12px var(--mono);font-style:normal;color:var(--tx2)}.so-opt button.an{border-color:#1fb653;background:#11281a}.so-opt button.an i{color:#58d98a}
.so-zeile{margin-top:6px;gap:8px;justify-content:flex-start}.so-zeile i{margin-left:auto}
.so-ohne{display:flex;gap:6px;flex-wrap:wrap}
.so-ohne button{padding:7px 12px;border-radius:999px;border:1px solid var(--li);background:#1a1715;color:var(--tx);font:700 11.5px var(--sora)}.so-ohne button.an{border-color:var(--rot);background:#3a1210;color:#ff9087;text-decoration:line-through}
.so-alsmenue{margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--gr);font:800 12px var(--sora)}
.so-dfuss{border-top:1px solid var(--li)}
.so-pos{display:flex;gap:10px;align-items:flex-start;padding:9px;border:1px solid var(--li);border-radius:10px;background:#171412;margin-bottom:7px}
.so-pos .b{width:50px;height:50px;border-radius:8px;background:radial-gradient(circle,#3a2f28,#12100e);flex:none}
.so-pos .m{flex:1}.so-pos .m>b{font:800 12.5px var(--sora);display:block}.so-pos small{display:block;color:#58d98a;font-size:10.5px;margin-top:2px}
.so-pos .mg{display:flex;align-items:center;gap:7px;margin-top:6px}.so-pos .mg i{width:24px;height:24px;border-radius:7px;border:1px solid var(--li);display:grid;place-items:center;font-style:normal;color:var(--tx2)}.so-pos .mg b{font:700 12.5px var(--mono)}
.so-pos .mg button{margin-left:6px;color:var(--tx2);width:24px;height:24px;border-radius:7px;border:1px solid var(--li);display:grid;place-items:center}
.so-pos .pr{font:700 13px var(--mono);white-space:nowrap}
.so-modi{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.so-modi button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 4px;border-radius:10px;background:#1a1715;border:1px solid var(--li);color:var(--tx2)}
.so-modi b{font:800 12.5px var(--sora)}.so-modi small{font:700 9.5px var(--sora)}
.so-modi button.an,.so-zahl button.an{background:#fff0ef;border:2px solid var(--rot);color:#c2160c}.so-modi button.an small{color:#0f7a33}
.so-feld{display:flex;justify-content:space-between;padding:11px 12px;border-radius:9px;background:#171412;border:1px solid var(--li);font-size:13.5px;min-height:42px}.so-feld.leer{color:#6f6860}.so-feld i{font-style:normal;color:var(--tx2)}
.so-zwei{display:grid;grid-template-columns:1fr 1.6fr;gap:8px}
.so-treue{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:12px;background:#f1fbf4;border:2px solid #1fb653;color:#1f2a22;font-size:11.5px;line-height:1.4}
.so-treue .hk{width:22px;height:22px;border-radius:5px;background:#159a43;color:#fff;display:grid;place-items:center;flex:none}.so-treue small{display:block;color:#4d5a51;font-size:10.5px;margin-top:3px}
.so-gut{display:grid;grid-template-columns:1fr auto;gap:8px}.so-gut span{padding:11px 16px;border-radius:9px;background:#1f5fe0;font:800 13px var(--sora)}
.so-zahl{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.so-zahl button{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 4px;border-radius:10px;background:#1a1715;border:1px solid var(--li);color:var(--tx2);font:800 13px var(--sora)}
.so-tip{display:flex;gap:6px}.so-tip span{padding:7px 12px;border-radius:999px;border:1px solid var(--li);background:#1a1715;font:700 11.5px var(--sora)}.so-tip .an{background:#fff;color:#111}
.so-rech{margin-top:14px;font-size:13px}.so-rech div{display:flex;justify-content:space-between;padding:2px 0;color:var(--tx2)}.so-rech .gr{color:#58d98a;font-weight:700}
.so-rech .ges{font:800 17px var(--sora);color:#fff;margin-top:6px}.so-rech .ges span:last-child{font:700 17px var(--mono);color:#ff3b2f}
.so-hinw{margin:8px 0 2px;color:var(--tx2);font-size:11px;line-height:1.45}
.so-mitte{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px 18px}
.so-mitte>b{font-size:17px}.so-mitte>b.anton{font:400 27px/1.1 var(--anton);letter-spacing:.03em}.so-mitte p{margin:0;color:var(--tx2);line-height:1.55}.so-mitte p b{color:#fff}
/* Karten, Konto, Verfolgung */
.so-karte{background:linear-gradient(180deg,var(--k1),var(--k2));border:1px solid var(--li);border-radius:14px;padding:13px;margin-bottom:10px}
.so-karte.klein,.so-karte .klein{font-size:12px;color:var(--tx2);line-height:1.45;margin:0}
.so-karte h5{margin:0 0 8px;font:400 17px var(--anton);letter-spacing:.05em}
.so-karte.punkte small{font:800 10.5px var(--sora);letter-spacing:.08em;color:var(--tx2);display:block}.so-karte.punkte>b{font:700 40px var(--mono);display:block}.so-karte.punkte>b i{font:700 14px var(--sora);font-style:normal;color:var(--tx2)}
.so-karte.punkte span{font-size:12px;color:var(--tx2)}.so-karte .balken{height:6px;border-radius:3px;background:#0b0a09;margin:8px 0 10px;overflow:hidden}.so-karte .balken i{display:block;height:100%;background:var(--rot)}
.so-karte.punkte em{display:inline-flex;gap:6px;align-items:center;font-style:normal;font:700 12px var(--sora);padding:8px 12px;border-radius:999px;border:1px solid var(--li);background:#141210}
.so-kv{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--li);font-size:13px}.so-kv:last-child{border-bottom:0}
.so-kv small{display:block;color:var(--tx2);font-size:11px;margin-top:2px}.so-kv b{font:700 13px var(--mono);white-space:nowrap}.so-kv.sum{font-weight:800}.so-kv.sum b{color:#ff3b2f;font-size:15px}
.so-zw{display:flex;justify-content:space-between;align-items:center}.so-zw h5{margin:0}
.so-badge{padding:3px 9px;border-radius:999px;font:800 10.5px var(--sora);background:#2a2521}.so-badge.ok{background:#11281a;color:#58d98a}.so-badge.warn{background:#33260d;color:#f5c35a}
.so-status{list-style:none;margin:12px 0 0;padding:0}
.so-status li{display:flex;gap:11px;align-items:flex-start;padding-bottom:13px;position:relative;color:#7d766d;font-weight:600}.so-status li:last-child{padding-bottom:0}
.so-status li::before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:2px;background:var(--li)}.so-status li:last-child::before{display:none}
.so-status .p{width:18px;height:18px;border-radius:50%;border:2px solid #4a433d;background:var(--bg);flex:none;position:relative;z-index:1}
.so-status li.ok{color:var(--tx)}.so-status li.ok .p{background:#1fb653;border-color:#1fb653}.so-status li.ok::before{background:#1fb653}
.so-status li.jetzt{color:#fff;font-weight:800}.so-status li.jetzt .p{border-color:var(--gelb);box-shadow:0 0 0 4px #f5a30033}
.so-status small{display:block;font:500 11px var(--mono);color:#7d766d}
.so-karte.fahrer{display:flex;align-items:center;gap:11px;margin-top:10px}
.so-karte.fahrer .av{width:44px;height:44px;border-radius:50%;background:var(--rot);display:grid;place-items:center;font:400 20px var(--anton)}
.so-karte.fahrer b{display:block}.so-karte.fahrer span{color:var(--tx2);font:500 12.5px var(--mono)}
.so-karte.fahrer .ruf{margin-left:auto;width:42px;height:42px;border-radius:50%;background:var(--gr);color:#fff;display:grid;place-items:center}
.so-karte.fertig{text-align:center;background:#11281a;border-color:#1d5a36}.so-karte.fertig .nr{font:400 60px/1.1 var(--anton);color:#1fb653}.so-karte.fertig span{color:var(--tx2);font-size:12px}
.so-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px 22px;background:#141210;border-top:1px solid var(--li);flex:none}
.so-nav button,.so-nav span{display:flex;flex-direction:column;align-items:center;gap:4px;font:700 9.5px var(--sora);color:#8d867c;padding:5px 0;border-radius:10px}.so-nav button.an{color:#fff;background:#231e1b;box-shadow:inset 0 2px 0 var(--rot)}

/* ---------- Fahrer-App: dunkel mit rotem Trennstrich ---------- */
.fa{height:100%;display:flex;flex-direction:column;background:#0b0b0b;color:#f2f2f2;font-family:var(--archivo);position:relative;font-size:14.5px}
.fa-kopf{display:flex;align-items:center;gap:10px;padding:54px 14px 11px;border-bottom:2px solid #e3000f;background:#0d0d0d}
.fa-kopf>b{font:400 21px var(--anton);letter-spacing:.03em}.fa-kopf>b i{font-style:normal;color:#e3000f}
.fa-kopf .gm-logo{width:30px;height:30px;border:1px solid #2b2b2b}
.fa-kopf .zur{width:32px;height:32px;border-radius:9px;border:1px solid #2b2b2b;background:#161616;color:#fff;display:grid;place-items:center}
.fa-chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;background:#161616;border:1px solid #2b2b2b;font:700 12.5px var(--archivo)}
.fa-inhalt{flex:1;overflow:auto;padding:14px}
.fa-fuss{padding:10px 14px 26px;border-top:1px solid #222;background:#0d0d0d}
.fa-karte{background:#161616;border:1px solid #262626;border-radius:14px;padding:14px;margin-bottom:10px}
.fa-karte h5{margin:0 0 10px;font:400 18px var(--anton);letter-spacing:.04em}
.fa-karte label,.fa h6{display:block;margin:10px 2px 6px;font:800 11px var(--archivo);letter-spacing:.09em;color:#a3a3a3}
.fa-karte p{margin:10px 0 0;color:#a3a3a3;font-size:12.5px;line-height:1.45}
.fa-karte.grau,.fa .grau{color:#a3a3a3;font-size:13px;line-height:1.45}
.fa-karte.okk{background:#12301f;border-color:#1d5a36;color:#7ee2a4;font-weight:700}
.fa-karte.mitte{text-align:center}.fa-karte.mitte small{color:#a3a3a3;font-weight:700}.fa-karte .betrag{font:700 40px var(--mono);margin-top:4px}
.fa-karte .gr,.fa-navi .gr{display:block;font-size:19px;margin:5px 0 2px}.fa-karte .hinw{color:#f5a300;font-weight:700;font-size:13px;margin-top:4px}.fa-karte .pos{color:#a3a3a3;font-size:12.5px;margin-top:7px}
.fa-wer{display:grid;gap:6px}
.fa-wer button{text-align:left;padding:12px 14px;border-radius:10px;background:#0b0b0b;border:1px solid #2b2b2b;color:#fff;font-weight:600;font-size:15px}
.fa-wer button.an{border-color:#1fb653;box-shadow:inset 0 0 0 1px #1fb653}
.fa-eingabe{padding:12px 14px;border-radius:10px;background:#0b0b0b;border:1px solid #2b2b2b;font:700 18px var(--mono);letter-spacing:.3em}
.fa-knopf{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;background:#1fb653;color:#fff;font:800 15px var(--archivo);margin-top:12px}
.fa-fuss .fa-knopf,.fa-zwei .fa-knopf{margin-top:0}
.fa-knopf.dunkel{background:#1d1d1d;border:1px solid #2b2b2b}.fa-knopf.blau{background:#2f62c9}
.fa-laden{text-align:center;color:#6f6f6f;font-size:12px;margin-top:14px}
.fa-zeile{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px;border-radius:12px;background:#161616;border:1px solid #262626;color:#fff;margin-bottom:8px}
.fa-zeile.an{border-color:#1fb653}.fa-zeile.matt{opacity:.55}
.fa-zeile .box{width:26px;height:26px;border-radius:8px;border:2px solid #4a4a4a;display:grid;place-items:center;flex:none}.fa-zeile.an .box{background:#1fb653;border-color:#1fb653}
.fa-zeile .t{margin-right:auto}.fa-zeile b{display:block;font-size:14.5px}.fa-zeile small{color:#a3a3a3;font-size:12.5px}
.fa-badge{padding:3px 9px;border-radius:999px;font:800 11px var(--archivo);background:#262626;color:#ddd;white-space:nowrap}.fa-badge.ok{background:#12301f;color:#7ee2a4}.fa-badge.warn{background:#33260d;color:#f5c35a}
.fa-zw{display:flex;justify-content:space-between;align-items:center;gap:8px}.fa-zw small{font:800 10.5px var(--archivo);letter-spacing:.08em;color:#a3a3a3}.fa-zw span{color:#a3a3a3}
.fa-zwei{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fa-scheine{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}
.fa-scheine button{padding:13px 2px;border-radius:10px;background:#161616;border:1px solid #2b2b2b;color:#fff;font:800 14px var(--archivo)}.fa-scheine button.an{border-color:#1fb653;background:#12301f}
.fa-kv{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #222;font-size:14px}.fa-kv:last-child{border-bottom:0}.fa-kv b{font-family:var(--mono)}.fa-kv b.ok{color:#4fd787}
.fa-mitte{text-align:center;padding:40px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.fa-mitte b{font:400 24px var(--anton);letter-spacing:.03em}.fa-mitte p{margin:0;color:#a3a3a3}
.fa-navi{position:absolute;inset:0;background:#0b0b0b;display:flex;flex-direction:column;z-index:24}
.fa-navi.mitte{align-items:center;justify-content:center;gap:14px;text-align:center}
.fa-navi .anw{background:#17843f;color:#fff;padding:56px 18px 14px}.fa-navi .anw small{opacity:.85;font-weight:700}.fa-navi .anw b{display:block;font-size:19px}
.fa-navi .kartenfeld{flex:1;padding:10px;display:flex;align-items:center}
.fa-navi .unten{padding:14px 16px 28px;border-top:1px solid #222;background:#111}

/* ---------- Chef-Zentrale: schwarze Firmenleiste, helle Karten ---------- */
.cz{height:100%;display:flex;flex-direction:column;background:#f0efec;font-family:var(--archivo);color:var(--sp-text);font-size:14px}
.cz-top{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#141414;border-bottom:3px solid var(--sp-akzent);color:#fff;flex:none}
.cz-top .start,.cz-top .firma{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font:700 13px var(--archivo);border:1px solid #333;background:#1f1f1f;color:#e8e8e8}
.cz-top .start,.cz-top .firma.an{background:var(--sp-akzent);border-color:var(--sp-akzent);color:#fff;font-weight:800}
.cz-top small{font:700 11px var(--archivo);letter-spacing:.12em;color:#9a9a9a;margin:0 2px 0 6px}
.cz-top .adm{margin-left:auto;color:#9a9a9a;font-size:12px}.cz-top .adm b{color:#fff}
.cz-nav{display:flex;gap:7px;padding:10px 16px 0;flex:none}
.cz-nav button{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;background:#fff;border:1px solid #dcdad3;font:800 13px var(--archivo);border-left:4px solid #1a8a5a}
.cz-nav button.an{background:var(--sp-text);color:#fff;border-color:var(--sp-text);border-left-color:var(--sp-akzent)}
.cz-inhalt{flex:1;overflow:auto;padding:12px 16px 16px;min-height:0}
.cz-titel{display:flex;align-items:center;gap:9px;margin-bottom:10px;flex-wrap:wrap}
.cz-titel h3{margin:0 6px 0 0;font:800 23px var(--archivo);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.cz-sub{color:var(--sp-text3);font-size:12.5px}.cz-sub b{color:var(--sp-text2)}
.cz-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;background:#fff;border:1px solid #dcdad3;font:700 13px var(--archivo);color:var(--sp-text);white-space:nowrap}
.cz-btn.gruen{background:#1a8a3e;border-color:#1a8a3e;color:#fff}.cz-btn.rot{background:#d9301f;border-color:#d9301f;color:#fff}.cz-btn.r{margin-left:auto}
.cz-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.cz-kpi{background:#fff;border:1px solid #e3e1da;border-left:4px solid #1a8a5a;border-radius:14px;padding:11px 14px;box-shadow:0 1px 3px rgba(20,26,34,.05)}
.cz-kpi.blau{border-left-color:var(--sp-info)}.cz-kpi.gelb{border-left-color:#e8a200}
.cz-kpi small{display:block;font:800 10.5px var(--archivo);letter-spacing:.05em;color:var(--sp-text2)}
.cz-kpi b{display:block;font:700 20px var(--mono);margin:3px 0 1px}.cz-kpi span{font-size:11.5px;color:var(--sp-text3)}
.cz-2{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;align-items:start}.cz-2.gleich{grid-template-columns:1fr 1fr}.cz-2.breit{grid-template-columns:1.6fr 1fr}
.cz-karte{background:#fff;border:1px solid #e3e1da;border-radius:16px;padding:13px 15px;margin-bottom:12px;box-shadow:0 1px 3px rgba(20,26,34,.05)}
.cz-karte h4{margin:0 0 8px;font:800 15.5px var(--archivo);display:flex;align-items:center;gap:8px}
.cz-karte p{margin:0 0 8px;font-size:13px;color:var(--sp-text2);line-height:1.45}.cz-karte p b{color:var(--sp-text)}.cz .grau{color:var(--sp-text3);font-size:12.5px}
.cz-tab{width:100%;border-collapse:collapse;font-size:13.5px}
.cz-tab th{text-align:left;font:800 10.5px var(--archivo);letter-spacing:.07em;color:var(--sp-text2);padding:6px 6px;border-bottom:1px solid #dcdad3}
.cz-tab td{padding:7px 6px;border-bottom:1px solid #efeee9}.cz-tab tr:last-child td{border-bottom:0}
.cz-tab .rot{color:var(--sp-gefahr);font-weight:700}.cz-tab .blau{color:#1f4f9c}.cz .ok{color:var(--sp-ok)}
.cz-sel{display:inline-flex;justify-content:space-between;gap:10px;min-width:92px;padding:3px 8px;border:1px solid #c9c7c0;border-radius:6px;font-size:13px;background:#fff}
.cz-pille{display:inline-block;padding:3px 10px;border-radius:999px;font:800 11.5px var(--archivo);background:#eceae4;color:var(--sp-text2);white-space:nowrap}
.cz-pille.ok{background:#17402a;color:#8ff0b5}.cz-pille.warn{background:var(--sp-warn-hell);color:var(--sp-warn);border:1px solid #ecd9ae}
.cz-antrag{display:flex;align-items:center;justify-content:space-between;gap:10px}.cz-antrag small{display:block;color:var(--sp-text3)}.cz-antrag .kn{display:flex;gap:6px}
.cz-karte.stempel .wer{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.cz-karte.stempel .wer button{padding:7px 14px;border-radius:999px;border:1px solid #dcdad3;background:#fff;font:700 13px var(--archivo)}.cz-karte.stempel .wer button.an{background:var(--sp-text);color:#fff;border-color:var(--sp-text)}
.cz-karte.stempel .pin{border:1px solid #dcdad3;border-radius:10px;min-height:40px;display:grid;place-items:center;font:700 22px var(--mono);letter-spacing:.3em}.cz-karte.stempel .pin span{font:500 13px var(--archivo);letter-spacing:0;color:var(--sp-text3)}
.cz-karte.stempel .tasten{margin-top:8px;gap:6px}
.cz-karte.stempel .tasten button{padding:8px;border-radius:10px;border:1px solid #dcdad3;background:#f9f8f5;font:700 17px var(--mono)}.cz-karte.stempel .tasten button.ok{background:#1a8a3e;border-color:#1a8a3e;color:#fff}
.cz-karte.stempel>small{display:block;margin-top:8px;color:var(--sp-text3);font-size:11.5px}
.cz-subnav{display:flex;gap:6px;margin-bottom:10px}
.cz-subnav span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:#1f1f1f;color:#d6d6d6;font:800 12.5px var(--archivo)}.cz-subnav .an{background:#1a8a3e;color:#fff}
.cz-beleg{height:74px;border-radius:10px;border:1px dashed #c9c7c0;background:repeating-linear-gradient(0deg,#fff,#fff 11px,#f3f2ee 11px,#f3f2ee 13px);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sp-text2);font:500 13px var(--mono);margin-bottom:10px}
.cz-kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #efeee9;font-size:13.5px}
.cz-karte.export{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}.cz-karte.export small{display:block;font:800 10.5px var(--archivo);letter-spacing:.07em;color:var(--sp-text2)}
.cz-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#fde9e7;border:1px solid #e8a29b;margin-bottom:10px;font-size:14px}.cz-banner small{color:var(--sp-text2)}
.ek-kacheln{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}
.ek-kacheln div{background:#fff;border:1px solid #e3e1da;border-radius:14px;padding:11px 13px}.ek-kacheln div.an{border:2px solid #d9301f}
.ek-kacheln small{display:block;font:800 10px var(--archivo);letter-spacing:.07em;color:var(--sp-text2)}.ek-kacheln b{display:block;font:700 23px var(--mono);color:#d9301f;margin:2px 0}.ek-kacheln span{font-size:11.5px;color:var(--sp-text2)}
.cz-mail{font:500 12px/1.5 var(--mono);background:#f6f5f1;border-radius:10px;padding:10px;margin-bottom:10px;color:var(--sp-text2)}
/* HACCP dunkel */
.cz.b-hygiene{background:#111}.cz.b-hygiene .cz-nav button{background:#1c1c1c;border-color:#2b2b2b;color:#e8e8e8;border-left-color:#1a8a5a}.cz.b-hygiene .cz-nav button.an{background:#fff;color:#111;border-left-color:var(--sp-akzent)}
.b-hygiene .cz-inhalt{color:#eee}
.hc-kopf{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:2px solid #c91f1f}
.hc-kopf b{font:800 17px var(--archivo);display:flex;align-items:center;gap:8px}.hc-kopf b i{font-style:normal;color:#ff3b3b}
.hc-sel{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:9px;border:1px solid #2e2e2e;background:#1a1a1a;font-size:13px}
.hc-tabs{display:flex;gap:22px;border-bottom:1px solid #2a2a2a;margin-bottom:12px}
.hc-tabs span{display:inline-flex;align-items:center;gap:7px;padding:10px 2px;color:#7b8592;font:700 13.5px var(--archivo)}.hc-tabs .an{color:#ff3b3b;box-shadow:inset 0 -2px 0 #ff3b3b}
.hc-karte{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:13px 15px;margin-bottom:10px}
.hc-karte h5{margin:0 0 8px;font:800 11.5px var(--archivo);letter-spacing:.08em;color:#ff3b3b}.hc-karte h5.ok{color:#4fd787}
.hc-karte small{color:#8a8a8a;font-size:11.5px}.hc-karte p{margin:0 0 10px;color:#bdbdbd;font-size:13px;line-height:1.45}.hc-karte p b{color:#fff}
.hc-fort{height:7px;border-radius:4px;background:#0c0c0c;overflow:hidden;margin-bottom:6px}.hc-fort i{display:block;height:100%;background:#1fb653}
.hc-gruppe{color:#9aa3ad;font-size:12.5px;margin:4px 0 2px}
.hc-zeile{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #2a2a2a}.hc-zeile:last-child{border-bottom:0}
.hc-zeile b{display:block;font-weight:600;font-size:14px}
.hc-wert{min-width:86px;text-align:center;padding:8px 10px;border-radius:8px;border:1.5px solid #333;background:#0c0c0c;font:700 14px var(--mono);color:#8a8a8a}
.hc-wert.ok{border-color:#1d5a36;color:#4fd787}.hc-wert.rot{border-color:#c91f1f;color:#ff6b6b;background:#2a0f0f}
.hc-wahl{display:flex;gap:7px;flex-wrap:wrap}.hc-wahl.spalte{flex-direction:column}
.hc-wahl button{padding:10px 14px;border-radius:9px;border:1px solid #333;background:#0f0f0f;color:#fff;font:700 13.5px var(--mono);text-align:left}.hc-wahl.spalte button{font-family:var(--archivo)}
.hc-knopf{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:10px;background:#1fb653;color:#fff;font:800 13.5px var(--archivo)}
/* KI-Assistent */
.cz.b-ki .cz-inhalt{background:#f3f4f8;padding:0;display:flex;flex-direction:column;margin-top:10px}
.ki-kopf{display:flex;align-items:center;gap:14px;padding:11px 16px;background:#fff;border-bottom:1px solid var(--sp-linie)}
.ki-kopf b{font:800 18px var(--archivo);display:flex;align-items:center;gap:8px;white-space:nowrap}.ki-kopf span{color:var(--sp-text2);font-size:12px;line-height:1.4}.ki-kopf em{font-style:normal;color:var(--sp-info);font-weight:800;font-size:12.5px;white-space:nowrap;margin-left:auto}
.ki-chat{flex:1;overflow:hidden;padding:12px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:0}
.ki-chat .blase{max-width:78%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45;background:#fff;border:1px solid var(--sp-linie);box-shadow:0 1px 2px rgba(20,26,34,.04)}
.ki-chat .blase.ich{margin-left:auto;background:#141a22;color:#fff;border-color:#141a22}
.ki-fragen{display:flex;flex-wrap:wrap;gap:7px;padding:4px 16px 10px}
.ki-fragen button,.ki-fragen span{padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--sp-linie);font:700 12.5px var(--archivo);color:var(--sp-text)}
.ki-eingabe{display:flex;gap:8px;padding:10px 16px;background:#fff;border-top:1px solid var(--sp-linie)}
.ki-eingabe .mik{width:42px;border:1px solid var(--sp-linie);border-radius:10px;display:grid;place-items:center}
.ki-eingabe .feld{flex:1;padding:11px 13px;border:1px solid var(--sp-linie);border-radius:10px;color:var(--sp-text3);font-size:13.5px}
.ki-eingabe .senden{padding:11px 22px;border-radius:10px;background:#12853c;color:#fff;font:800 14px var(--archivo)}

/* Hinweis-Blasen, Ziel-Markierung, Finger */
.toasts{position:fixed;right:18px;top:68px;display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none}
.toast{background:rgba(29,29,31,.92);color:#fff;padding:10px 14px;border-radius:14px;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:rein .35s cubic-bezier(.32,.72,0,1)}
@keyframes rein{from{transform:translateY(-8px);opacity:0}}
.ziel{position:relative;z-index:3;animation:puls 1.6s infinite}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(10,132,255,.7)}70%{box-shadow:0 0 0 10px rgba(10,132,255,0)}100%{box-shadow:0 0 0 0 rgba(10,132,255,0)}}
.finger{position:fixed;width:34px;height:34px;border-radius:50%;background:rgba(10,132,255,.35);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:60;pointer-events:none;transition:left .55s cubic-bezier(.32,.72,0,1),top .55s cubic-bezier(.32,.72,0,1),transform .15s;transform:translate(-50%,-50%);display:none}
.finger.druck{transform:translate(-50%,-50%) scale(.75)}
.untertitel{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);max-width:min(900px,90vw);background:rgba(29,29,31,.88);color:#fff;padding:14px 22px;border-radius:18px;font-size:21px;font-weight:600;line-height:1.35;text-align:center;z-index:55;display:none;letter-spacing:-.01em}
.aufnahme .app{grid-template-columns:1fr}.aufnahme .seite{display:none}.aufnahme .untertitel{display:block}.aufnahme .tabs{display:none}

@media (max-width:900px){
  .app{grid-template-columns:1fr;grid-template-rows:56px auto 1fr}
  .seite{border-right:0;border-bottom:1px solid var(--linie);max-height:38vh}
  .leiste .marke small{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.aufnahme .flaeche{padding:24px 24px 118px}
.aufnahme .untertitel{bottom:22px}
.bild .app{grid-template-columns:1fr;grid-template-rows:1fr}.bild .leiste,.bild .seite,.bild .tabs,.bild .untertitel,.bild .toasts,.bild .finger{display:none!important}
.bild body,.bild .buehne{background:transparent}.bild .flaeche{padding:30px}.bild .ziel{animation:none}
html.bild,html.bild body{background:transparent}.bild .platz>.titel{display:none}
@media (max-width:900px){.flaeche{flex-direction:column;align-items:center;justify-content:flex-start;gap:26px;padding:16px 10px 30px}.buehne{overflow:auto}}
.toasts .toast:nth-last-child(n+4){display:none}
@media (max-width:700px){.leiste{padding:0 10px;gap:8px}.leiste .rechts .pille:first-child{display:none}.leiste .rechts .pille{padding:7px 12px;font-size:13px}
  .toasts{left:12px;right:12px;top:62px}.toast{font-size:13px;padding:8px 12px}.toasts .toast:nth-last-child(n+3){display:none}}
.statusleiste.d:has(+ .so > .so-info){color:#0f3d1e}.statusleiste.d:has(+ .so > .so-ov){color:#fff}