.zf-kiosk{--zf-bg: #F4F7FA;--zf-flaeche: #FBFCFE;--zf-schrift: #212C3B;--zf-neben: #5C697A;--zf-primaer: #2982E0;--zf-rahmen: #D1DBE6;--zf-kommen: #15803D;--zf-gehen: #C2410C;--zf-pause: #D97706;--zf-pause-flaeche: #FDF1DE;--zf-dienstgang: #2982E0;--zf-fehler: #C2410C;--zf-meldung-bg: #FDEAE2;--zf-meldung-rand: #E5A99A;--zf-meldung-text: #8A3410;--zf-b: 100vw;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--zf-bg);color:var(--zf-schrift);font-family:var(--font-body, ui-sans-serif, system-ui, sans-serif);overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zf-kiosk.zf-im-rahmen{position:absolute;top:0;right:0;bottom:0;left:0}.dark .zf-kiosk{--zf-bg: #1B1D23;--zf-flaeche: #23272E;--zf-schrift: #F2F2F2;--zf-neben: #8B97A7;--zf-primaer: #52A0FF;--zf-rahmen: #3E4451;--zf-kommen: #34C77B;--zf-gehen: #FF8A65;--zf-pause: #F5B342;--zf-pause-flaeche: #2B2620;--zf-dienstgang: #52A0FF;--zf-fehler: #FF8A65;--zf-meldung-bg: #33231E;--zf-meldung-rand: #6E4A3E;--zf-meldung-text: #FFB59B}.zf-kiosk.zf-hell{--zf-bg: #F4F7FA;--zf-flaeche: #FBFCFE;--zf-schrift: #212C3B;--zf-neben: #5C697A;--zf-primaer: #2982E0;--zf-rahmen: #D1DBE6;--zf-kommen: #15803D;--zf-gehen: #C2410C;--zf-pause: #D97706;--zf-pause-flaeche: #FDF1DE;--zf-dienstgang: #2982E0;--zf-fehler: #C2410C;--zf-meldung-bg: #FDEAE2;--zf-meldung-rand: #E5A99A;--zf-meldung-text: #8A3410}.zf-kiosk.zf-dunkel{--zf-bg: #1B1D23;--zf-flaeche: #23272E;--zf-schrift: #F2F2F2;--zf-neben: #8B97A7;--zf-primaer: #52A0FF;--zf-rahmen: #3E4451;--zf-kommen: #34C77B;--zf-gehen: #FF8A65;--zf-pause: #F5B342;--zf-pause-flaeche: #2B2620;--zf-dienstgang: #52A0FF;--zf-fehler: #FF8A65;--zf-meldung-bg: #33231E;--zf-meldung-rand: #6E4A3E;--zf-meldung-text: #FFB59B}.zf-kopf{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 6px}.zf-logo{display:flex;align-items:center;gap:12px;min-height:64px;padding:6px 16px;border:1px solid var(--zf-rahmen);border-radius:14px;background:var(--zf-flaeche);color:var(--zf-schrift);font-size:20px;font-weight:700;cursor:pointer}.zf-logo-icon{width:26px;height:26px;color:var(--zf-primaer)}.zf-logo-text{white-space:nowrap}.zf-logo-bild{display:block;height:48px;width:auto;max-width:240px;-o-object-fit:contain;object-fit:contain;pointer-events:none}.dark .zf-kiosk:not(.zf-hell) .zf-logo-bild,.zf-kiosk.zf-dunkel .zf-logo-bild{box-sizing:content-box;padding:4px 8px;border-radius:10px;background:#fff}.zf-schalter{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--zf-rahmen);border-radius:14px;background:var(--zf-flaeche);color:var(--zf-schrift);cursor:pointer}.zf-schalter svg{width:26px;height:26px}.zf-start{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:32px;align-items:center;padding:8px 40px 32px}.zf-uhr{font-size:clamp(64px,calc(var(--zf-b) * .11),132px);font-weight:800;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.zf-datum{margin-top:10px;font-size:22px;color:var(--zf-neben)}.zf-start-links{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0}.zf-start-rechts{display:flex;flex-direction:column;align-items:center;gap:14px}.zf-numpad{width:100%;max-width:420px}.zf-punkte{display:flex;gap:12px;justify-content:center;min-height:28px;margin-bottom:12px}.zf-punkt{width:16px;height:16px;border-radius:50%;border:2px solid var(--zf-rahmen)}.zf-punkt-voll{background:var(--zf-schrift);border-color:var(--zf-schrift)}.zf-tastenfeld{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.zf-taste{height:92px;display:grid;place-items:center;border:1px solid var(--zf-rahmen);border-radius:14px;background:var(--zf-flaeche);color:var(--zf-schrift);font-size:34px;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s}.zf-taste:hover{filter:brightness(.97)}.zf-taste:active{transform:scale(.97)}.zf-taste:disabled{opacity:.45;cursor:not-allowed}.zf-taste svg{width:32px;height:32px}.zf-taste-ok{background:var(--zf-primaer);border-color:var(--zf-primaer);color:#fff}.zf-hinweis{margin:0;font-size:20px;color:var(--zf-neben);text-align:center}.zf-fehler{margin:0;font-size:20px;font-weight:700;color:var(--zf-fehler);text-align:center}.zf-inhalt{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:8px 32px 28px;overflow-y:auto}.zf-meldung{margin:0;padding:14px 18px;border:1px solid var(--zf-meldung-rand);border-radius:14px;background:var(--zf-meldung-bg);color:var(--zf-meldung-text);font-size:22px;font-weight:700}.zf-sitzung{display:flex;flex-direction:column;gap:18px}.zf-person{display:flex;align-items:center;gap:18px;padding:16px 20px;border:1px solid var(--zf-rahmen);border-radius:18px;background:var(--zf-flaeche)}.zf-avatar{flex:none;width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:var(--zf-primaer);color:#fff;font-size:26px;font-weight:800}.zf-person-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.zf-name{font-size:30px;font-weight:800;letter-spacing:-.02em}.zf-nummer{font-size:18px;color:var(--zf-neben)}.zf-status{font-size:22px;font-weight:600}.zf-abmelden{flex:none;display:flex;align-items:center;gap:14px}.zf-countdown{font-size:18px;color:var(--zf-neben)}.zf-knopf{min-height:64px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--zf-rahmen);border-radius:14px;background:var(--zf-flaeche);color:var(--zf-schrift);font-size:20px;font-weight:700;cursor:pointer;transition:transform .1s,filter .15s}.zf-knopf:active{transform:scale(.98)}.zf-knopf:disabled{opacity:.5;cursor:not-allowed}.zf-knopf svg{width:22px;height:22px}.zf-knopf-leise{font-size:18px}.zf-knopf-primaer{background:var(--zf-primaer);border-color:var(--zf-primaer);color:#fff}.zf-felder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.zf-feld{min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:3px solid var(--zf-rahmen);border-radius:22px;background:var(--zf-flaeche);color:var(--zf-schrift);cursor:pointer;transition:transform .12s,box-shadow .16s}.zf-feld:active{transform:scale(.985)}.zf-feld-icon{width:52px;height:52px}.zf-feld-text{font-size:44px;font-weight:800;letter-spacing:-.02em;text-align:center;line-height:1.05}.zf-feld-kommen{border-color:var(--zf-kommen);color:var(--zf-kommen)}.zf-feld-gehen{border-color:var(--zf-gehen);color:var(--zf-gehen)}.zf-feld-pause{border-color:var(--zf-pause);background:var(--zf-pause-flaeche);color:var(--zf-pause)}.zf-feld-dienstgang{border-color:var(--zf-dienstgang);color:var(--zf-dienstgang)}.zf-feld-hervor{color:#fff;box-shadow:0 10px 26px #0f172a2e}.zf-feld-kommen.zf-feld-hervor{background:var(--zf-kommen);border-color:var(--zf-kommen)}.zf-feld-gehen.zf-feld-hervor{background:var(--zf-gehen);border-color:var(--zf-gehen)}.zf-feld-pause.zf-feld-hervor{background:var(--zf-pause);border-color:var(--zf-pause)}.zf-feld-dienstgang.zf-feld-hervor{background:var(--zf-dienstgang);border-color:var(--zf-dienstgang)}.zf-feld-aus{opacity:.35;cursor:not-allowed;border-color:var(--zf-rahmen);background:var(--zf-flaeche);color:var(--zf-neben)}.zf-auskunft{display:flex;flex-wrap:wrap;gap:12px 36px;padding:16px 20px;border:1px solid var(--zf-rahmen);border-radius:18px;background:var(--zf-flaeche)}.zf-auskunft-posten{display:flex;flex-direction:column;gap:3px;min-width:160px}.zf-auskunft-label{font-size:15px;color:var(--zf-neben)}.zf-auskunft-wert{font-size:24px;font-weight:700}.zf-auskunft-negativ{color:var(--zf-fehler)}.zf-auskunft-laufend{font-size:12px;font-weight:600;color:var(--zf-neben);margin-left:7px}.zf-auskunft-stand{grid-column:1 / -1;font-size:12px;color:var(--zf-neben)}.zf-bestaetigung{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.zf-bestaetigung-text{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.zf-haken{width:150px;height:150px;display:grid;place-items:center;color:var(--zf-primaer);flex:none}.zf-haken svg{width:100%;height:100%}.zf-farbe-kommen .zf-haken{color:var(--zf-kommen)}.zf-farbe-gehen .zf-haken{color:var(--zf-gehen)}.zf-farbe-pause .zf-haken{color:var(--zf-pause)}.zf-farbe-dienstgang .zf-haken{color:var(--zf-dienstgang)}.zf-gruss{margin:0;font-size:40px;font-weight:800;letter-spacing:-.02em}.zf-buchung{margin:0;font-size:54px;font-weight:800;letter-spacing:-.03em}.zf-buchung-datum{margin:0;font-size:22px;color:var(--zf-neben)}.zf-wartend{margin:0;font-size:20px;color:var(--zf-neben)}.zf-bestaetigung-knoepfe{display:flex;gap:16px;margin-top:18px}.zf-schicht{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;gap:14px;padding:24px 32px 32px;background:var(--zf-bg);overflow-y:auto}.zf-schicht-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px}.zf-schicht-titel{margin:0;font-size:32px;font-weight:800}.zf-schicht-hinweis{margin:0;font-size:20px;color:var(--zf-neben)}.zf-gruende{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.zf-grund{min-height:88px;display:flex;align-items:center;gap:16px;padding:12px 18px;border:2px solid var(--zf-rahmen);border-radius:18px;background:var(--zf-flaeche);color:var(--zf-schrift);text-align:left;cursor:pointer;transition:border-color .16s,transform .1s}.zf-grund:hover{border-color:var(--zf-primaer)}.zf-grund:active{transform:scale(.99)}.zf-grund:disabled{opacity:.5;cursor:not-allowed}.zf-grund-kuerzel{min-width:78px;font-size:24px;font-weight:800;color:var(--zf-primaer)}.zf-grund-text{font-size:24px;font-weight:600}.zf-dialog-hinter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a8c}.zf-dialog{width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--zf-rahmen);border-radius:20px;background:var(--zf-flaeche)}.zf-dialog-kopf{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800}.zf-dialog-icon{width:26px;height:26px;color:var(--zf-primaer)}.zf-dialog-titel{min-width:0}.zf-dialog-hinweis{margin:0;font-size:18px;color:var(--zf-neben)}.zf-kiosk.zf-quer .zf-start{grid-template-columns:minmax(0,1fr) min(500px,55%);gap:32px;align-items:center}.zf-kiosk.zf-quer .zf-start-links{align-self:stretch;justify-content:center}.zf-kiosk.zf-quer .zf-uhr{font-size:clamp(64px,calc(var(--zf-b) * .11),132px)}.zf-kiosk.zf-quer .zf-numpad{width:100%;max-width:500px}.zf-kiosk.zf-quer .zf-taste{height:92px}.zf-kiosk.zf-quer .zf-felder{grid-template-columns:repeat(4,minmax(0,1fr))}.zf-kiosk.zf-quer .zf-feld{min-height:176px}.zf-kiosk.zf-quer .zf-auskunft{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 36px}.zf-kiosk.zf-quer .zf-bestaetigung{flex-direction:row;justify-content:center;align-items:center;gap:48px;text-align:left}.zf-kiosk.zf-quer .zf-bestaetigung-text{align-items:flex-start}.zf-kiosk.zf-quer .zf-bestaetigung-knoepfe{justify-content:flex-start;margin-top:8px}.zf-kiosk.zf-quer.zf-kompakt .zf-start{gap:24px;padding:8px 28px 24px}.zf-kiosk.zf-quer.zf-kompakt .zf-feld{min-height:140px}.zf-kiosk.zf-quer.zf-kompakt .zf-feld-text{font-size:34px}.zf-kiosk.zf-quer.zf-kompakt .zf-feld-icon{width:40px;height:40px}.zf-kiosk.zf-quer.zf-kompakt .zf-name{font-size:24px}.zf-kiosk.zf-quer.zf-kompakt .zf-buchung{font-size:42px}.zf-kiosk.zf-quer.zf-kompakt .zf-gruss{font-size:32px}.zf-kiosk.zf-quer.zf-kompakt .zf-haken{width:112px;height:112px}.zf-kiosk.zf-hoch .zf-start{grid-template-columns:minmax(0,1fr);align-content:center;gap:24px;padding:8px 32px 24px}.zf-kiosk.zf-hoch .zf-start-links{align-self:stretch;justify-content:center}.zf-kiosk.zf-hoch .zf-uhr{font-size:clamp(96px,calc(var(--zf-b) * .23),170px)}.zf-kiosk.zf-hoch .zf-datum{margin-top:6px}.zf-kiosk.zf-hoch .zf-start-rechts{gap:12px}.zf-kiosk.zf-hoch .zf-numpad{max-width:100%}.zf-kiosk.zf-hoch .zf-taste{height:104px;font-size:38px}.zf-kiosk.zf-hoch .zf-taste svg{width:36px;height:36px}.zf-kiosk.zf-hoch .zf-felder{grid-template-columns:repeat(2,minmax(0,1fr))}.zf-kiosk.zf-hoch .zf-feld{min-height:150px}.zf-kiosk.zf-hoch .zf-feld-text{font-size:40px}.zf-kiosk.zf-hoch .zf-feld-icon{width:46px;height:46px}.zf-kiosk.zf-hoch .zf-auskunft{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.zf-kiosk.zf-hoch .zf-person{flex-wrap:wrap}.zf-kiosk.zf-hoch .zf-abmelden{width:100%;justify-content:space-between}.zf-kiosk.zf-hoch .zf-bestaetigung{flex-direction:column;gap:14px;text-align:center}.zf-kiosk.zf-hoch .zf-bestaetigung-text{align-items:center}.zf-kiosk.zf-hoch .zf-bestaetigung-knoepfe{justify-content:center}