:root{--akzent:#e7205f;--akzent-text:#c8114e;--grund:#f2f2f7;--karte:#fff;--text:#000;--text2:#6c6c70;--linie:#c6c6c8;--segment:#e3e3e8;--belegt:#e9e9ee;--gruen:#34c759;--rot:#d70015;--schrift:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--grund);color:var(--text);font-family:var(--schrift);margin:0;font-size:17px}button,input,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--akzent-text)}.seite{max-width:560px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;margin:0 auto;display:flex}.seite.mit-leiste{padding-bottom:calc(env(safe-area-inset-bottom) + 110px)}.kopf{grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;margin:0 -8px;display:grid}.kopf .mitte{text-align:center;font-weight:600}.kopf .rechts{justify-self:end}.kopf-link{min-height:44px;color:var(--akzent-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 8px;text-decoration:none;display:inline-flex}.titel{letter-spacing:.01em;margin:4px 4px 2px;font-size:34px;font-weight:700;line-height:41px}.titel.klein{font-size:28px;line-height:34px}.untertitel{color:var(--text2);margin:0 4px 18px;font-size:15px}.segment{background:var(--segment);border-radius:9px;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:18px;padding:2px;display:grid}.segment button{cursor:pointer;background:0 0;border:0;border-radius:7px;height:32px;font-size:14px;font-weight:500}.segment button[aria-pressed=true]{background:#fff;font-weight:600;box-shadow:0 3px 8px #0000001f}.segment button:disabled{color:var(--text2);cursor:not-allowed}.abschnitt{color:var(--text2);text-transform:uppercase;letter-spacing:.02em;margin:0 16px 6px;font-size:13px}.gruppe{background:var(--karte);border-radius:12px;margin-bottom:22px;padding-left:16px;overflow:hidden}.zeile{border-bottom:.5px solid var(--linie);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:11px 16px 11px 0;display:flex}.zeile:last-child{border-bottom:0}.zeile .wert{color:var(--text2);text-align:right}.zeile select{color:var(--text2);text-align:right;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14'%3E%3Cpath d='M1.5 1.5L7 7l-5.5 5.5' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 100% no-repeat;border:0;padding-right:18px}.fussnote{color:var(--text2);margin:-14px 16px 22px;font-size:13px;line-height:18px}.feld{background:var(--karte);border-radius:12px;align-items:center;height:52px;padding:0 16px;display:flex}.feld input{background:0 0;border:0;outline:0;flex:1;min-width:0}.code-feld input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}.knopf{background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;width:100%;height:54px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf.leise{color:var(--akzent-text);background:0 0;height:44px;font-size:17px;font-weight:400}.knopf.zeilen{background:var(--karte);color:var(--akzent-text);border-radius:12px;justify-content:flex-start;gap:12px;height:48px;padding:0 16px;font-size:17px;font-weight:400}.kalender{background:var(--karte);border-radius:12px;margin-bottom:18px;padding:12px 8px 14px}.kalender-kopf{justify-content:space-between;align-items:center;padding:0 8px 10px;display:flex}.kalender-kopf strong{font-size:17px}.pfeil{cursor:pointer;background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.pfeil:disabled{opacity:.3;cursor:not-allowed}.tage{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.tag{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.tag .wt{color:var(--text2);font-size:12px;font-weight:600}.tag .nr{border-radius:19px;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.tag[aria-pressed=true] .nr{background:var(--akzent);color:#fff;font-weight:700}.tag.heute:not([aria-pressed=true]) .nr{color:var(--akzent-text);font-weight:600}.tag:disabled{cursor:not-allowed}.tag:disabled .nr{color:#b5b5ba}.tag .punkt{background:0 0;border-radius:3px;width:5px;height:5px}.tag .punkt.frei{background:var(--text2)}.slot-kopf{color:var(--text2);justify-content:space-between;align-items:baseline;margin:0 4px 8px;font-size:13px;display:flex}.slot-kopf strong{text-transform:uppercase;letter-spacing:.02em;font-weight:600}.slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.slot{background:var(--karte);cursor:pointer;font-variant-numeric:tabular-nums;border:0;border-radius:10px;height:44px;font-size:16px;font-weight:500}.slot.belegt{background:var(--belegt);color:var(--text2);cursor:not-allowed;font-weight:400;text-decoration:line-through}.slot.gewaehlt{background:var(--akzent);color:#fff;font-weight:700}.hinweis{color:var(--text2);margin:10px 4px 0;font-size:13px;line-height:18px}.leer{background:var(--karte);color:var(--text2);text-align:center;border-radius:12px;padding:20px 16px;font-size:15px}.leiste{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:.5px solid var(--linie);padding:12px 20px calc(env(safe-area-inset-bottom) + 12px);background:#f9f9f9f0;position:fixed;bottom:0;left:0;right:0}.leiste-innen{align-items:center;gap:14px;max-width:520px;margin:0 auto;display:flex}.leiste-innen .info{flex:1;min-width:0}.leiste-innen .klein{color:var(--text2);font-size:13px}.leiste-innen .gross{font-size:20px;font-weight:700}.leiste .knopf{width:auto;height:50px;padding:0 26px}.fehler{color:#8a0a2c;background:#ffe5e9;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:15px;line-height:20px}.lade{justify-content:center;padding:28px;display:flex}.kreisel{border:3px solid #d1d1d6;border-top-color:var(--akzent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite dreh}@keyframes dreh{to{transform:rotate(360deg)}}.erfolg{text-align:center;flex-direction:column;align-items:center;gap:14px;margin:48px 0 28px;display:flex}.erfolg .haken{background:var(--gruen);border-radius:38px;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.erfolg h1{margin:0;font-size:28px;line-height:34px}.erfolg p{color:var(--text2);margin:0;line-height:22px}.termin{align-items:center;gap:14px;display:flex}.datumskachel{background:var(--grund);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:54px;display:flex}.datumskachel .m{color:var(--akzent-text);text-transform:uppercase;font-size:11px;font-weight:600}.datumskachel .t{font-size:22px;font-weight:600;line-height:26px}.buchung{border-bottom:.5px solid var(--linie);align-items:center;gap:14px;padding:12px 16px 12px 0;display:flex}.buchung:last-child{border-bottom:0}.buchung .wt{flex-direction:column;flex-shrink:0;align-items:center;width:46px;display:flex}.buchung .wt span:first-child{color:var(--text2);font-size:12px;font-weight:600}.buchung .wt span:last-child{font-size:22px;font-weight:600;line-height:26px}.buchung .text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.buchung .text .k{color:var(--text2);font-size:14px}.buchung .text .kk{color:var(--text2);font-size:13px}.storno{color:var(--rot);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 0 0 8px}.storno:disabled{opacity:.5}.person{border:0;border-bottom:.5px solid var(--linie);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px 12px 0;display:flex}.person:last-child{border-bottom:0}.person .text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.person .text .k{color:var(--text2);text-overflow:ellipsis;font-size:14px;overflow:hidden}.person .text .kk{color:var(--text2);font-size:13px}.pfeil-klein{color:#c7c7cc;font-size:26px;line-height:1}.eingabe{text-align:right;min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.eingabe::placeholder{color:#b5b5ba}.eingabe.notiz{text-align:left;resize:vertical;font-family:inherit}.haken-feld{width:22px;height:22px;accent-color:var(--akzent)}.gruppe label.zeile{cursor:pointer}.app-icon{background:var(--akzent);border-radius:20px;justify-content:center;align-items:center;width:84px;height:84px;display:flex;box-shadow:0 6px 16px #e7205f47}.anmelden{flex-direction:column;flex:1;align-items:center;gap:32px;padding-top:72px;display:flex}.anmelden .kopftext{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.anmelden .formular{flex-direction:column;gap:12px;width:100%;display:flex}.anmelden .formular .fussnote{margin:0 16px}.unten{text-align:center;color:var(--text2);margin-top:24px;font-size:13px;line-height:18px}.nur-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:3px solid #e7205f73}