@media(max-width:759px){:root{--rand: 19px}}@media(max-width:360px){:root{--rand: 14px}}.monatsleiste{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.monat{display:grid;justify-items:center;align-content:center;gap:1px;min-width:0;height:30px;padding:0;border-radius:8px;border:1px solid var(--line);color:var(--muted)}.monat>span{display:none;font-size:10.5px;line-height:1.2}.monat b{font:700 12px/1 var(--heading)}.monat.voll{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.monat.zukunft{border-style:dashed}.monatsleiste.gross{gap:6px}.monatsleiste.gross .monat{height:54px;border-radius:12px}.monatsleiste.gross .monat>span{display:block}.monatsleiste.gross .monat b{font-size:16px}.monatsleiste.gross .monat.voll{cursor:pointer}.monatsleiste.gross .monat.voll:hover{box-shadow:inset 0 0 0 1px var(--accent)}.monatsleiste.gross .monat[aria-expanded=true]{background:var(--accent);color:var(--paper)}.monat-detail{margin-top:12px}.monat-detail .jahr-titel{margin-top:0}.status-zeile{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}.status-zeile small{color:var(--muted);font-size:12.5px}.status-mail{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;font-size:12.5px;color:var(--accent)}.status-mail svg{width:15px;height:15px}.status-mail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liste{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}.buchung-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 16px}.buchung-zeile+.buchung-zeile{border-top:1px solid var(--line)}.buchung-zeile.leer{grid-template-columns:1fr}.kontakt-text{min-width:0;display:grid;gap:1px}.kontakt-text b{font:700 14.5px/1.35 var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kontakt-text small{color:var(--muted);font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}.buchung-datum{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums;text-align:right}.top-marken{display:grid;gap:6px}.top-zeile{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr) 32px;align-items:center;gap:12px;width:100%;padding:6px 0;text-align:left}.top-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13.5px var(--heading)}.top-balken{height:10px;border-radius:5px;background:var(--rose);overflow:hidden}.top-balken i{display:block;height:100%;border-radius:5px;background:var(--accent)}.top-zeile b{font:700 14px var(--heading);text-align:right}.top-zeile:hover .top-name{color:var(--accent)}.umschalter-chips{margin:0}.steuerung{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:22px}.paar{display:grid;gap:20px}.paar section h3{margin-bottom:10px}.paar-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.paar-zahlen span{display:grid;gap:2px;color:var(--muted);font-size:12.5px}.paar-zahlen b{color:var(--ink);font:700 18px/1.2 var(--heading);letter-spacing:-.02em;white-space:nowrap}.paar-knopf{justify-content:center}.jahr-titel{margin:14px 0 8px;font:700 13px var(--heading);color:var(--muted)}.jahr-titel:first-of-type{margin-top:0}.paar-dialogkopf{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.paar-dialogkopf h2{font-size:22px;line-height:1.2}.paar-dialogkopf p{margin-top:2px}.paar-dialog{max-width:620px}.anfrage-dialog{max-width:680px}.anfrage-zeile{margin-bottom:2px}.wahl-titel{margin:20px 0 8px}.wahl-gruppe{margin:14px 0 8px;font-size:13px}.wahl-liste{display:grid;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.wahl{display:grid;grid-template-columns:auto minmax(0,1fr) auto 22px;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left}.wahl+.wahl{border-top:1px solid var(--line)}.wahl.gewaehlt{background:var(--rose)}.wahl:disabled{opacity:1;cursor:default}.wahl-punkt{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center}.wahl.gewaehlt .wahl-punkt{border:6px solid var(--accent)}.wahl-punkt.eckig{border-radius:6px}.wahl.gewaehlt .wahl-punkt.eckig{border:0;background:var(--accent);color:var(--paper)}.wahl-punkt.eckig svg{width:14px;height:14px;stroke-width:2.4}.wahl-symbol{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.weitere{margin-top:10px}.weitere summary{display:inline-flex;align-items:center;gap:6px;padding:6px 0;color:var(--accent);font:700 13.5px var(--heading);cursor:pointer;list-style:none}.weitere summary::-webkit-details-marker{display:none}.weitere summary svg{width:16px;height:16px;transition:transform .2s}.weitere[open] summary svg{transform:rotate(180deg)}.weitere .wahl-liste{margin-top:6px}.anfrage-dialog .avatar{flex:none;width:38px;height:38px;font-size:12.5px}.kontakt-knopf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);text-align:left}button.kontakt-knopf:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.kontakt-suche{width:100%;margin:10px 0 0}.kontakt-gruppe h4{margin:18px 0 8px;font:700 13px var(--heading);color:var(--muted)}.weitere .kontakt-gruppe h4{margin-top:12px}.kontakt-leer{margin:16px 2px 4px;color:var(--muted)}[data-treffer]>.wahl-liste{margin-top:10px}.kontakt-text b.kontakt-mail,.kontakt-gewaehlt b.kontakt-mail{white-space:normal;overflow-wrap:anywhere}.kontakt-gesichter{display:flex;flex-wrap:wrap;gap:10px;padding:4px 2px}.kontakt-gesichter::-webkit-scrollbar{display:none}.kontakt-gesicht{flex:none;display:grid;justify-items:center;align-content:start;gap:6px;width:64px;padding:0;text-align:center}.kontakt-gesicht>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/1.3 var(--heading);color:var(--muted)}.kontakt-gesicht[aria-checked=true]>span:last-child{color:var(--ink)}.anfrage-dialog .kontakt-gesicht .avatar{width:52px;height:52px;font-size:16px;box-shadow:0 0 0 2px var(--paper),0 0 0 4px transparent;transition:box-shadow .2s}.anfrage-dialog .kontakt-gesicht[aria-checked=true] .avatar{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--accent)}.anfrage-dialog .kontakt-gesicht.alle .avatar{background:var(--paper);border:1px dashed var(--line);color:var(--muted);font-size:14px}.kontakt-gewaehlt{display:grid;gap:1px;margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--rose)}.kontakt-gewaehlt b{font:700 14.5px/1.35 var(--heading);color:var(--ink)}.kontakt-gewaehlt small{color:var(--muted);font-size:12.5px}.anfrage-dialog.auf-kontakte{height:min(720px,calc(100dvh - 50px))}.modal-header.mit-zurueck{justify-content:flex-start;gap:4px}.modal-header.mit-zurueck h2{flex:1;min-width:0}.kopf-zurueck{margin-left:-10px;color:var(--ink)}.anhaenge{display:grid;gap:8px}.anhang-zeile{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--rose)}.anhang-zeile svg{color:var(--accent)}.anhang-zeile b{display:block;font:700 13.5px var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anhang-zeile small{color:var(--muted);font-size:12px}.anhang-zeile.fehlt{background:none;border:1px dashed var(--line)}.anhang-zeile.fehlt svg{color:var(--muted)}.entwurf-kopf{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px 12px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--line);font-size:13.5px}.entwurf-kopf dt{color:var(--muted)}.entwurf-kopf dd{margin:0;overflow-wrap:anywhere}.entwurf-text{white-space:pre-line;color:var(--ink);line-height:1.65;margin-bottom:16px}.anfrage-dialog .form-actions{margin-top:22px}@media(max-width:759px){.chips.wischen{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--rand));padding-inline:var(--rand);scrollbar-width:none}.chips.wischen::-webkit-scrollbar{display:none}.chips.wischen .chip{flex:none}.wahl{grid-template-columns:auto minmax(0,1fr) 22px}.wahl>:nth-child(3){display:none}.top-zeile{grid-template-columns:minmax(80px,120px) minmax(0,1fr) 28px}.monatsleiste.gross{grid-template-columns:repeat(6,minmax(0,1fr))}.kontakt-gesichter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.modal-backdrop.als-blatt .modal.blatt.anfrage-dialog.auf-kontakte{height:88dvh}}@media(prefers-reduced-motion:reduce){.weitere summary svg,.anfrage-dialog .kontakt-gesicht .avatar{transition:none}}