:root{--kitale-brand-name:KITALE;--kitale-brand-domain:kitale.de;--kitale-brand-logo:/assets/logo.png;--kitale-brand-tagline-de:Die digitale Plattform für Kitas & Schulen – verbindet Familien.;--kitale-brand-tagline-en:The digital platform for daycares & schools – connecting families.;--kitale-color-paper:#f7f3ea;--kitale-color-paper-2:#efe8d9;--kitale-color-ink:#1a1712;--kitale-color-card:#fbf8f1;--kitale-color-muted:#6b655b;--kitale-color-line:#1a1712;--kitale-color-line-soft:#e3dccb;--kitale-color-accent:#0f6e6a;--kitale-color-accent-strong:#0b5854;--kitale-color-accent-tint:#e3efee;--kitale-color-accent-foreground:#fff;--kitale-color-warm:#e9a23b;--kitale-color-warm-strong:#c9852a;--kitale-color-warm-tint:#fbf1dc;--kitale-color-warm-foreground:#1a1712;--kitale-color-marigold:#e9a23b;--kitale-color-marigold-strong:#c9852a;--kitale-color-marigold-tint:#fbf1dc;--kitale-color-success:#1e7a4d;--kitale-color-warning:#e9a23b;--kitale-color-error:#c0392b;--kitale-color-error-foreground:#fff;--kitale-shadow-brutal:8px 8px 0 #1a1712;--kitale-shadow-brutal-accent:8px 8px 0 #0f6e6a;--kitale-shadow-soft:0 10px 30px -12px #1a17122e;--kitale-motion-marquee-fast:18s;--kitale-motion-marquee:30s;--kitale-motion-marquee-slow:60s;--kitale-motion-ease:cubic-bezier(.2, .8, .2, 1);--kitale-space-1:.25rem;--kitale-space-2:.5rem;--kitale-space-3:.75rem;--kitale-space-4:1rem;--kitale-space-5:1.25rem;--kitale-space-6:1.5rem;--kitale-space-8:2rem;--kitale-space-10:2.5rem;--kitale-space-12:3rem;--kitale-space-16:4rem;--kitale-space-20:5rem;--kitale-space-24:6rem;--kitale-radius-sm:4px;--kitale-radius-md:6px;--kitale-radius-lg:10px;--kitale-radius-xl:16px;--kitale-radius-pill:999px;--kitale-container-default:1080px;--kitale-container-wide:1280px;--kitale-container-narrow:720px;--kitale-font-family-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--kitale-font-family-display:Sora, Inter, system-ui, sans-serif;--kitale-font-weight-regular:400;--kitale-font-weight-medium:500;--kitale-font-weight-semibold:600;--kitale-font-weight-bold:700;--kitale-font-weight-black:800;--kitale-font-tracking-display:-.03em;--kitale-font-tracking-eyebrow:.22em;--kitale-font-leading-display:.98;--kitale-font-leading-body:1.55;--kitale-text-display-xl:clamp(2rem, 6vw, 4.6rem);--kitale-text-display-lg:clamp(1.7rem, 4.5vw, 3.4rem);--kitale-text-display-md:clamp(1.35rem, 3.2vw, 2.6rem);--kitale-text-body-lg:1.15rem;--kitale-text-body:1rem;--kitale-text-small:.85rem;--kitale-text-eyebrow:.7rem}
:root{--paper:var(--kitale-color-paper);--paper-2:var(--kitale-color-paper-2);--ink:var(--kitale-color-ink);--card:var(--kitale-color-card);--muted:var(--kitale-color-muted);--line:var(--kitale-color-line);--line-soft:var(--kitale-color-line-soft);--accent:var(--kitale-color-accent);--accent-strong:var(--kitale-color-accent-strong);--accent-tint:var(--kitale-color-accent-tint);--accent-fg:var(--kitale-color-accent-foreground);--warm:var(--kitale-color-warm);--warm-strong:var(--kitale-color-warm-strong);--warm-tint:var(--kitale-color-warm-tint);--success:var(--kitale-color-success);--error:var(--kitale-color-error);--sans:var(--kitale-font-family-sans);--display:var(--kitale-font-family-display);--tracking-display:var(--kitale-font-tracking-display);--tracking-eyebrow:var(--kitale-font-tracking-eyebrow);--leading-display:var(--kitale-font-leading-display);--r-sm:var(--kitale-radius-sm);--r-md:var(--kitale-radius-md);--r-lg:var(--kitale-radius-lg);--r-xl:var(--kitale-radius-xl);--r-pill:var(--kitale-radius-pill);--wide:var(--kitale-container-wide);--heben:0 20px 40px -24px #1a171259;--heben-accent:0 8px 24px -8px #0f6e6a80}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--kitale-text-body);line-height:var(--kitale-font-leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:var(--kitale-font-weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0 0 .6rem}h1{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:var(--kitale-font-weight-black)}h2{font-size:1.3rem;line-height:1.2}h3{letter-spacing:-.01em;font-size:1.05rem;line-height:1.35}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.kopf{z-index:50;background:color-mix(in srgb, var(--paper) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.kopf-innen{max-width:var(--wide);flex-wrap:wrap;align-items:center;gap:1.75rem;min-height:68px;margin:0 auto;padding:0 24px;display:flex}.marke{font-family:var(--display);font-weight:var(--kitale-font-weight-black);letter-spacing:-.04em;color:var(--ink);white-space:nowrap;align-items:center;gap:.55rem;font-size:1.2rem;display:flex}.marke:hover{text-decoration:none}.marke img{flex:none;width:30px;height:30px}.marke .zusatz{color:var(--muted);font-weight:var(--kitale-font-weight-semibold);letter-spacing:0;font-size:.95rem}.navigation{font-size:.95rem;font-weight:var(--kitale-font-weight-medium);flex-wrap:wrap;align-items:center;gap:1.4rem;display:flex}.navigation a{color:var(--ink);border-bottom:2px solid #0000;padding:.2rem 0}.navigation a:hover{color:var(--accent);text-decoration:none}.navigation a.aktiv{color:var(--accent);border-bottom-color:var(--warm);font-weight:var(--kitale-font-weight-semibold)}.zaehler{background:var(--warm-tint);color:var(--warm-strong);border-radius:var(--r-pill);font-size:.72rem;font-weight:var(--kitale-font-weight-bold);margin-left:.35rem;padding:.05rem .45rem;display:inline-block}.sync-status{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}main{max-width:var(--wide);margin:0 auto;padding:2.5rem 24px 5rem}.seiten-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.75rem;display:flex}.seiten-kopf p{color:var(--muted);max-width:62ch;font-size:var(--kitale-text-body-lg);margin:.5rem 0 0}.eyebrow{font-size:var(--kitale-text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:var(--kitale-font-weight-semibold);color:var(--accent);margin:0 0 .35rem}.karte{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:1.6rem 1.75rem}.karte-schlank{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:1rem 1.15rem}.karte-klickbar{transition:transform .2s,box-shadow .2s,border-color .2s}.karte-klickbar:hover{box-shadow:var(--heben);border-color:var(--accent);text-decoration:none;transform:translateY(-4px)}.raster{gap:1.25rem;display:grid}.raster-2{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.raster-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.raster-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kennzahl{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:1.4rem 1.5rem}.kennzahl .beschriftung{font-size:var(--kitale-text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:var(--kitale-font-weight-semibold);color:var(--muted)}.kennzahl .wert{font-family:var(--display);font-size:2.3rem;font-weight:var(--kitale-font-weight-black);color:var(--accent);font-variant-numeric:tabular-nums;margin-top:.5rem;line-height:1}.kennzahl .fussnote{font-size:var(--kitale-text-small);color:var(--muted);margin-top:.45rem}.tabellen-huelle{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:.65rem .7rem}tbody tr:last-child td{border-bottom:none}th{font-size:var(--kitale-text-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:var(--kitale-font-weight-semibold);white-space:nowrap}td.zahl,th.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sortierknopf{all:unset;cursor:pointer;font:inherit;color:inherit;white-space:nowrap;text-transform:inherit;letter-spacing:inherit;align-items:center;gap:.3rem;display:inline-flex}.sortierknopf:hover{color:var(--accent)}.sortierknopf .pfeil{opacity:.45;font-size:.75em}.sortierknopf:hover .pfeil{opacity:1}tbody tr:hover{background:var(--paper)}.etikett{border-radius:var(--r-pill);font-size:.72rem;font-weight:var(--kitale-font-weight-semibold);white-space:nowrap;background:var(--paper-2);color:var(--muted);padding:.18rem .6rem;display:inline-block}.etikett-lead,.etikett-mittel,.etikett-felix,.etikett-auto{background:var(--warm-tint);color:var(--warm-strong)}.etikett-kunde,.etikett-marc,.etikett-in-arbeit,.etikett-anruf,.etikett-email,.etikett-meeting{background:var(--accent-tint);color:var(--accent-strong)}.etikett-partner{color:#4c3f8a;background:#ece8f7}.etikett-erledigt{color:var(--success);background:#e2f0e8}.etikett-hoch,.etikett-verworfen{color:var(--error);background:#fbe3df}button,.knopf{font-family:var(--sans);font-size:.95rem;font-weight:var(--kitale-font-weight-semibold);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-fg);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.35rem;line-height:1.4;transition:transform .15s,background .2s,box-shadow .2s,color .2s;display:inline-flex}button:hover:not(:disabled),.knopf:hover{background:var(--accent-strong);box-shadow:var(--heben-accent);text-decoration:none;transform:translateY(-2px)}button.zweitrangig,.knopf.zweitrangig{color:var(--ink);border-color:var(--ink);box-shadow:none;background:0 0}button.zweitrangig:hover:not(:disabled),.knopf.zweitrangig:hover{background:var(--ink);color:var(--paper);box-shadow:none}button.warnung{color:var(--error);border-color:var(--error);background:0 0}button.warnung:hover:not(:disabled){background:var(--error);color:#fff;box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}button.klein{padding:.4rem .85rem;font-size:.82rem}.knopf-reihe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}input,select,textarea{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--card);color:var(--ink);width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}textarea{resize:vertical;min-height:5rem}label{font-size:var(--kitale-text-small);font-weight:var(--kitale-font-weight-semibold);color:var(--muted);margin-bottom:.3rem;display:block}.feld{margin-bottom:.9rem}.feld-reihe{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem;display:grid}.kanban{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:1.25rem;display:grid}.kanban-spalte{background:var(--paper-2);border:1px solid var(--line-soft);border-radius:var(--r-xl);min-height:8rem;padding:1.1rem}.kanban-spalte h2{font-size:var(--kitale-text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}.kanban-karte{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-lg);margin-bottom:.8rem;padding:.9rem 1rem;transition:transform .2s,box-shadow .2s}.kanban-karte:hover{box-shadow:var(--heben);transform:translateY(-2px)}.kanban-karte h3{margin-bottom:.3rem;font-size:.98rem}.kanban-karte .meta{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.6rem;display:flex}.balken-diagramm{align-items:flex-end;gap:3px;height:130px;padding-top:.5rem;display:flex}.balken{background:var(--accent);border-radius:var(--r-sm) var(--r-sm) 0 0;flex:1;min-width:3px;transition:background .15s}.balken:hover{background:var(--warm)}.leiste{border-radius:var(--r-pill);background:var(--accent-tint);height:7px;overflow:hidden}.leiste>span{background:var(--accent);border-radius:var(--r-pill);height:100%;display:block}.hinweis{border-radius:var(--r-lg);background:var(--warm-tint);color:var(--warm-strong);font-weight:var(--kitale-font-weight-medium);border:1px solid #f0ddb8;margin-bottom:1.25rem;padding:.85rem 1.1rem}.hinweis a{color:inherit;text-decoration:underline}.hinweis.info{background:var(--accent-tint);color:var(--accent-strong);border-color:#c9e0de}.hinweis.fehler{color:var(--error);background:#fbe3df;border-color:#f0c8c1}.leer{color:var(--muted);padding:.5rem 0}.gedaempft{color:var(--muted);font-size:var(--kitale-text-small)}.trenner{background:var(--line-soft);border:0;height:1px;margin:3rem 0 1.75rem}.zeile{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.abstand-oben{margin-top:1.25rem}.ueberfaellig{color:var(--error);font-weight:var(--kitale-font-weight-semibold)}details.aufklappbar>summary{cursor:pointer;font-weight:var(--kitale-font-weight-semibold);color:var(--accent);padding:.4rem 0}details.aufklappbar ul{color:var(--muted);font-size:var(--kitale-text-small);padding-left:1.1rem}.anmeldung{place-items:center;min-height:100dvh;padding:2rem 1.25rem;display:grid}.anmeldung .karte{width:100%;max-width:24rem}.anmeldung .marke{font-size:1.35rem}