@font-face{font-family:schrift;src:url(../media/Bricolage-s.p.37lcicq_iohk5.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:schrift Fallback;src:local(Arial);ascent-override:91.48%;descent-override:26.56%;line-gap-override:0.0%;size-adjust:101.66%}.rhKeaq_className{font-family:schrift,schrift Fallback}.rhKeaq_variable{--schrift:"schrift", "schrift Fallback"}
:root{--p-tinte:#1b1f4b;--p-papier:#eef1f7;--p-weiss:#fff;--p-grau:#d5dae8;--p-tomate:#f04e37;--p-tomate-tief:#c73620;--p-kobalt:#2b57e8;--p-minze:#58d6a3;--p-pflaume:#8a3fc4;--p-sonne:#ffc83d;--bg-seite:var(--p-papier);--bg-fach:var(--p-papier);--bg-rahmen:var(--p-tinte);--text:var(--p-tinte);--aktion:var(--p-tomate-tief);--fokus:var(--p-tomate);--fehler:#b3261e;--steg:10px;--radius-rahmen:6px;--kante:inset 4px 4px 0 #1b1f4b24;--c-tomate:var(--p-tomate);--c-kobalt:var(--p-kobalt);--c-minze:var(--p-minze);--c-pflaume:var(--p-pflaume);--c-sonne:var(--p-sonne);--marke-primaer:var(--p-tomate-tief);--marke-primaer-text:#fff;--marke-sekundaer:var(--p-kobalt);--marke-akzent:var(--p-sonne);--marke-hintergrund:var(--p-papier);--marke-flaeche:#fff;--marke-text:var(--p-tinte);--marke-text-leise:#4b5178;--marke-rand:var(--p-tinte);--marke-erfolg:#1e7a52;--marke-warnung:#8a5a00;--marke-fehler:#b3261e;--marke-fach-a:var(--p-kobalt);--marke-fach-b:var(--p-tomate);--marke-fach-c:var(--p-sonne)}[data-flaeche=dunkel]{--marke-hintergrund:var(--p-tinte);--marke-flaeche:#262b63;--marke-text:var(--p-papier);--marke-text-leise:#b9c0e0;--marke-rand:#6c75c8;--marke-primaer:#ff7a63;--marke-primaer-text:var(--p-tinte)}.marke-logo{width:auto;height:1em;display:block;overflow:visible}.marke-logo .marke-fach-a{fill:var(--marke-fach-a)}.marke-logo .marke-fach-b{fill:var(--marke-fach-b)}.marke-logo .marke-fach-c{fill:var(--marke-fach-c)}.logo .marke-logo{height:1.7em}.logo:has(.marke-logo){align-items:center;display:inline-flex}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg-seite);color:var(--text);font-family:var(--schrift), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.5}:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}a{color:inherit}img,svg{max-width:100%}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--p-tinte);color:#fff;z-index:10;padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.nav{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.logo{letter-spacing:-.02em;font-size:22px;font-weight:800;text-decoration:none}.nav ul{gap:28px;padding:0;font-weight:600;list-style:none;display:flex}.nav ul a{border-bottom:3px solid #0000;padding:6px 0;text-decoration:none}.nav ul a:hover{border-bottom-color:var(--p-tinte)}.btn{background:var(--p-tinte);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-family:inherit;font-size:18px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn.t{background:var(--aktion)}.btn.l{color:var(--p-tinte);box-shadow:inset 0 0 0 3px var(--p-tinte);background:0 0}.btn.gefahr{background:var(--fehler)}.btn:hover{filter:brightness(1.12)}.btn[disabled]{opacity:.5;cursor:not-allowed}h1,h2{letter-spacing:-.03em;font-weight:800;font-stretch:78%}h1{max-width:12ch;font-size:clamp(46px,8vw,120px);line-height:.9}h2{max-width:16ch;font-size:clamp(34px,5vw,64px);line-height:.95}h3,.h3{font-size:26px;font-weight:800;line-height:1.1}.lead{max-width:46ch;font-size:20px}.sub{flex-wrap:wrap;align-items:center;gap:26px;margin:22px 0 32px;display:flex}.klein-text{font-size:15px;font-weight:600;line-height:1.3}.case{background:var(--bg-rahmen);gap:var(--steg);padding:var(--steg);border-radius:var(--radius-rahmen);grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;display:grid}.c{background:var(--bg-fach);box-shadow:var(--kante);flex-direction:column;justify-content:flex-end;min-width:0;padding:16px;display:flex;position:relative}.c small,.c .kl{font-size:15px;font-weight:600;line-height:1.3}.c.top{justify-content:flex-start}.o{background:var(--c);position:absolute}.num{letter-spacing:-.03em;font-size:84px;font-weight:800;font-stretch:75%;line-height:.8}.zero{color:var(--p-tomate);font-size:76px;font-weight:800;font-stretch:75%;line-height:.8}.code{letter-spacing:.02em;white-space:nowrap;font-size:clamp(22px,2.6vw,34px);font-weight:800}.chk{padding:0;font-size:16px;font-weight:600;list-style:none}.chk label{cursor:pointer;padding:3px 0 3px 26px;display:block;position:relative}.chk input{opacity:0;width:1px;height:1px;position:absolute}.chk label:before{content:"";border:3px solid var(--p-tinte);width:14px;height:14px;position:absolute;top:7px;left:0}.chk input:checked+label:before{background:var(--p-tinte)}.chk input:checked+label{text-decoration:line-through}.chk input:focus-visible+label{outline:3px solid var(--fokus);outline-offset:2px}.start section{padding:88px 0 0}.start section>h2{margin-bottom:18px}.start section>.lead{margin-bottom:32px}.produkt-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px;display:grid}.produkt-links article{padding:24px}.produkt-links p{margin-top:12px}.produkt-seite code{overflow-wrap:anywhere}.c1{grid-area:1/1/3/3}.c2{grid-area:1/3/2/4}.c3{grid-area:1/4/2/6}.c4{grid-area:1/6/3/7}.c5{grid-area:2/3/3/5}.c6{grid-area:2/5/3/6}.c7{grid-area:3/1/4/2}.c8{grid-area:3/2/4/4}.c9{grid-area:3/4/4/7}.c9 b{font-size:24px;font-weight:800;line-height:1.15}.sicht{grid-auto-rows:auto}.person{grid-area:1/1/3/4;justify-content:flex-start;padding:20px}.person h3{margin-bottom:2px}.person .bsp{margin-bottom:16px;font-size:15px;font-weight:600}.felder{gap:10px;padding:0;list-style:none;display:grid}.felder li{border-top:3px solid var(--p-tinte);grid-template-columns:150px 1fr;align-items:center;gap:12px;min-height:46px;font-size:17px;font-weight:600;display:grid}.felder .w{font-weight:700}.felder .balken{background:var(--p-tinte);grid-column:1/3;height:24px}.felder li.zu .w,.felder li.zu .n,.felder li:not(.zu) .balken{display:none}.felder li .n{align-items:center;gap:8px;min-width:0;display:flex}.felder li .n i{background:var(--c);border-radius:50%;flex:none;width:14px;height:14px}.wer{grid-column:4/7;justify-content:flex-start;padding:16px}.wer fieldset{border:0;min-width:0;padding:0}.wer legend{margin-bottom:10px;padding:0;font-size:20px;font-weight:800}.opt{display:block;position:relative}.opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.opt span{align-items:center;gap:12px;padding:8px 10px;font-size:16px;font-weight:700;display:flex;box-shadow:inset 0 0 0 3px #0000}.opt span i{background:var(--c);border-radius:50%;flex:none;width:16px;height:16px}.opt input:checked+span{background:var(--p-tinte);color:#fff}.opt input:focus-visible+span{outline:3px solid var(--fokus);outline-offset:2px}.opt:hover input:not(:checked)+span{box-shadow:inset 0 0 0 3px var(--p-tinte)}.ringfach{flex-direction:row;grid-column:4/7;justify-content:flex-start;align-items:center;gap:18px}.ringfach svg{flex:none;width:128px;height:128px}.ringfach circle{transition:fill .25s}.ringfach p{font-size:18px;font-weight:700;line-height:1.25}.ringfach p b{font-size:26px;font-weight:800;line-height:1.1;display:block}.aufg{grid-auto-rows:auto}.col{grid-column:span 2;justify-content:flex-start;padding:16px}.col h3{justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:20px;display:flex}.col h3 span{font-size:15px;font-weight:600}.vor{grid-column:1/4;justify-content:flex-start}.vor ul{flex-wrap:wrap;gap:8px;margin-top:12px;padding:0;list-style:none;display:flex}.vor li{background:var(--p-tinte);color:#fff;padding:6px 12px;font-size:16px;font-weight:700}.woche{grid-column:4/7;justify-content:flex-start}.tage{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;font-size:14px;font-weight:700;display:grid}.tage div{background:#fff;flex-direction:column;align-items:center;gap:4px;min-height:68px;padding:6px 0;display:flex}.tage div.h{background:var(--p-tinte);color:#fff}.tage i{background:var(--c);width:12px;height:12px;display:block}.fam{grid-auto-rows:auto}.fam .kind,.fam .freund{min-height:260px}.kind{grid-column:1/3}.freund{grid-column:3/7;justify-content:flex-start}.freund .code{margin:14px 0 6px}.freund .btn{align-self:flex-start;margin-top:12px}.zeit{font-size:16px;font-weight:700}.zeit b{font-variant-numeric:tabular-nums}.erkl{grid-column:1/7;justify-content:center;min-height:0;padding:22px 16px}.erkl p{max-width:60ch;font-size:24px;font-weight:700;line-height:1.15}.null{grid-auto-rows:minmax(150px,auto)}.null .z{grid-column:1/4}.null .t{grid-column:4/7}.start footer{padding:96px 0 0}.start footer h2{max-width:14ch}.start footer p{margin:12px 0 22px}.fuss{border-top:10px solid var(--p-tinte);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:72px;padding:20px 0 40px;font-size:16px;font-weight:600;display:flex}.fuss ul{flex-wrap:wrap;gap:8px 24px;padding:0;list-style:none;display:flex}.text-seite{max-width:70ch;padding:40px 0 0}.text-seite h1{max-width:none;margin-bottom:24px;font-size:clamp(40px,7vw,72px)}.text-seite h2{letter-spacing:-.01em;max-width:none;margin:32px 0 8px;font-size:28px;font-stretch:100%}.text-seite p{margin-bottom:12px}.platzhalter{background:var(--p-sonne);padding:2px 6px;font-weight:700}.form-seite{place-items:start center;padding:24px 20px 64px;display:grid}.form-fach{width:100%;max-width:460px}.form-fach .case{grid-auto-rows:auto;display:block}.form-fach .c{padding:24px}.form-fach h1{margin-bottom:8px;font-size:44px}.feld{gap:6px;margin-top:16px;display:grid}.feld label,.feld .label{font-size:16px;font-weight:700}.feld .hinweis{font-size:14px;font-weight:500}input[type=text],input[type=email],input[type=password],input[type=date],input[type=datetime-local],input[type=time],input[type=search],input[type=tel],input:not([type]),select,textarea,input[type=url],input[type=number]{width:100%;min-height:48px;color:var(--text);border:3px solid var(--p-tinte);font:inherit;background:#fff;border-radius:0;padding:10px 12px;font-size:17px}input,select,textarea{box-sizing:border-box;min-width:0;max-width:100%}input[type=date],input[type=datetime-local],input[type=time]{appearance:none;width:100%;min-width:0;line-height:1.2;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-width:0}input[type=date]::-webkit-datetime-edit{padding:0}input[type=datetime-local]::-webkit-datetime-edit{padding:0}.feld,.form-inline>*{min-width:0}textarea{resize:vertical;min-height:96px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}.meldung{border-left:8px solid var(--p-tinte);background:#fff;margin-top:16px;padding:12px 14px;font-size:16px;font-weight:700}.meldung.fehler{border-left-color:var(--fehler);color:var(--fehler)}.meldung.ok{border-left-color:var(--p-minze)}.zeile{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.zeile.rand{margin-top:20px}.link-btn{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.app{gap:var(--steg);min-height:100vh;padding:var(--steg);background:var(--bg-rahmen);grid-template-columns:240px 1fr;display:grid}.side{background:var(--bg-fach);box-shadow:var(--kante);top:var(--steg);max-height:calc(100vh - 2 * var(--steg));flex-direction:column;align-self:start;gap:20px;padding:20px 16px;display:flex;position:sticky;overflow:auto}.side .famkopf{background:var(--p-tinte);color:#fff;gap:2px;min-width:0;margin:-20px -16px 0;padding:14px 16px;display:grid}.side .famkopf-name{overflow-wrap:anywhere;font-size:22px;font-weight:800;line-height:1.1}.side .famkopf-ich{display:none}.side .famkopf-slug{opacity:.85;overflow-wrap:anywhere;font-size:14px;font-weight:600}.side .logo{font-size:20px}.side nav .nav-knopf{display:none}.side nav .nav-gruppen{gap:10px;display:grid}.side nav .nav-gruppen-name{border:0;border-top:3px solid var(--p-tinte);width:100%;font:inherit;color:var(--p-tinte);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;margin:0 0 2px;padding:7px 12px;font-size:15px;font-weight:800;display:flex}.side nav .nav-gruppen-name:hover{background:#1b1f4b14}.side nav .nav-gruppe ul{padding-left:10px}.side nav .nav-dashboard{margin-bottom:10px}.side nav ul{gap:2px;padding:0;list-style:none;display:grid}.side nav a{align-items:center;gap:12px;padding:7px 12px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.side nav a i{background:var(--c);flex:none;width:16px;height:16px}.side nav a[aria-current=page]{background:var(--ab,var(--p-tinte));color:var(--at,#fff)}.side nav a[aria-current=page] i{background:currentColor}.side nav a:hover:not([aria-current]){box-shadow:inset 0 0 0 3px var(--p-tinte)}.side .famk{align-items:center;gap:10px;margin-top:8px;font-size:15px;font-weight:600;display:flex}.side .abmelden-symbol,.familien-knopf{display:none}.side .famk .marke{width:36px;height:36px}.main{gap:var(--steg);grid-template-rows:auto 1fr;align-content:start;min-width:0;display:grid}.kopf{background:var(--bk,var(--bg-fach));color:var(--bt,var(--text));box-shadow:var(--kante);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.kopf>*{z-index:1;position:relative}.kopf:after{content:"";background:var(--bd,transparent);border-radius:var(--br,50%);width:200px;height:200px;transform:var(--rot,none);z-index:0;pointer-events:none;position:absolute;bottom:-64px;right:-36px}.main:has(.kopf[data-b=dashboard]){--bk:var(--p-sonne);--bt:var(--p-tinte);--bd:#1b1f4b1f;--br:50% 50% 0 0;--ak:var(--p-sonne)}.main:has(.kopf[data-b=aufgaben]){--bk:var(--p-tomate-tief);--bt:#fff;--bd:#ffffff2e;--br:0;--ak:var(--p-tomate);--rot:rotate(16deg)}.main:has(.kopf[data-b=kalender]){--bk:var(--p-kobalt);--bt:#fff;--bd:#ffffff2e;--br:50%;--ak:var(--p-kobalt)}.main:has(.kopf[data-b=familie]){--bk:var(--p-minze);--bt:var(--p-tinte);--bd:#1b1f4b1f;--br:50% 50% 0 0;--ak:var(--p-minze)}.main:has(.kopf[data-b=freunde]){--bk:var(--p-sonne);--bt:var(--p-tinte);--bd:#1b1f4b1f;--br:100% 0 0 0;--ak:var(--p-sonne)}.main:has(.kopf[data-b=oeffentlich]){--bk:var(--p-pflaume);--bt:#fff;--bd:#ffffff2e;--br:0 100% 0 0;--ak:var(--p-pflaume)}.main:has(.kopf[data-b=kategorien]){--bk:var(--p-tomate-tief);--bt:#fff;--bd:#ffffff2e;--br:0 0 0 100%;--ak:var(--p-tomate)}.main:has(.kopf[data-b=boards]){--bk:var(--p-kobalt);--bt:#fff;--bd:#ffffff2e;--br:0 0 100% 0;--ak:var(--p-kobalt)}.main:has(.kopf[data-b=konto]){--bk:var(--p-tinte);--bt:#fff;--bd:#ffffff24;--br:50% 0 50% 0;--ak:var(--p-minze)}.main .fach h2:before{content:"";background:var(--ak,var(--p-tinte));vertical-align:1px;border-radius:var(--br,0);width:14px;height:14px;margin-right:10px;display:inline-block}[data-f=minze],[data-f=sonne]{--ct:var(--p-tinte)}[data-f=tomate]{--cf:var(--p-tomate-tief);--ct:#fff}[data-f=kobalt],[data-f=pflaume]{--ct:#fff}.kopf .btn.l{color:var(--p-tinte);background:#fff}.kopf h1{max-width:none;color:inherit;font-size:44px;line-height:1}.kopf small{font-size:15px;font-weight:600;display:block}.inhalt{gap:var(--steg);align-content:start;min-width:0;display:grid}.fach{background:var(--bg-fach);box-shadow:var(--kante);min-width:0;padding:16px 20px}.fach h2{letter-spacing:-.01em;max-width:none;margin-bottom:12px;font-size:24px;font-stretch:100%;line-height:1.15}.fach h3{font-size:20px}.fach p+p{margin-top:8px}.raster2{gap:var(--steg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.raster3{gap:var(--steg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.board{gap:var(--steg);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.board.mit-archiv,.board[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.boardrahmen{grid-template-columns:minmax(0,1fr)}.bnav{flex-wrap:wrap;gap:6px;display:flex}.bnav a{padding:8px 14px;font-size:16px;font-weight:700;text-decoration:none}.bnav a[aria-current=page]{background:var(--p-tinte);color:#fff}.bnav a:hover:not([aria-current]){box-shadow:inset 0 0 0 3px var(--p-tinte)}.sp{outline-offset:-3px;outline:3px solid #0000;transition:outline-color .15s,opacity .15s}.sp.ziel{outline-color:var(--p-tomate)}.sp.ziel.darueber{outline-color:var(--p-tinte);background:#fff}.sp.gesperrt{opacity:.55}.tk{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-user-drag:none}.tk.hebt{cursor:grabbing;outline:3px solid var(--p-tinte);outline-offset:0}.kw.platz{background:#fff6;border:3px dashed #1b1f4b61;margin-bottom:8px}.ablage{border:3px dashed var(--p-tinte);background:#ffffffbf;justify-content:center;align-items:center;margin-bottom:8px;font-size:15px;font-weight:700;animation:.16s ease-out ablage-ein;display:flex}@keyframes ablage-ein{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:none}}.kw:has(:focus-visible) .verschieben{display:block}:is(.kw.platz .verschieben,.kw.platz:has(:focus-visible) .verschieben){display:none}@media (prefers-reduced-motion:reduce){.ablage{animation:none}}.kw .tk{margin-bottom:8px}.kat{background:var(--cf,var(--c,var(--p-grau)));width:fit-content;color:var(--ct,var(--p-tinte));align-items:center;gap:6px;margin-bottom:6px;padding:2px 8px;font-size:12px;font-weight:700;display:flex}.kat i{border-radius:50%;width:10px;height:10px;display:inline-block}.filter{color:#fff;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter a{background:var(--cf,var(--c,var(--bg-fach)));color:var(--ct,var(--p-tinte));align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.filter a i{border-radius:50%;width:12px;height:12px;display:inline-block}.filter a[aria-current=page]{background:var(--p-tinte);color:#fff;box-shadow:inset 0 0 0 3px #fff}.filter a[aria-current=page][data-f]{background:var(--cf,var(--c));color:var(--ct);box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 6px var(--p-tinte)}.filter a:hover:not([aria-current]){box-shadow:inset 0 0 0 3px var(--p-tinte)}.filter a.verwalten{color:#fff;background:0 0;text-decoration:underline}.verschieben{margin:-2px 0 10px;display:none}.verschieben select{min-height:40px;padding:4px 8px;font-size:15px}.nur-touch{display:none}@media (pointer:coarse){.verschieben{display:block}.nur-maus{display:none}.nur-touch{display:inline}}.tk.zieht{opacity:.4}.sp{background:var(--bg-fach);box-shadow:var(--kante);min-width:0;min-height:240px;padding:16px}.sp h2{letter-spacing:0;background:var(--sb,var(--p-tinte));max-width:none;color:var(--st,#fff);justify-content:space-between;margin:-16px -16px 12px;padding:10px 16px;font-size:20px;font-stretch:100%;line-height:1.2;display:flex}.sp[data-s=open]{--sb:var(--p-tomate-tief);--st:#fff}.sp[data-s=progress]{--sb:var(--p-sonne);--st:var(--p-tinte)}.sp[data-s=done]{--sb:var(--p-minze);--st:var(--p-tinte)}.sp[data-s=snoozed]{--sb:var(--p-pflaume);--st:#fff}.sp[data-s=archived]{--sb:var(--p-tinte);--st:#fff}.sp h2 span{font-size:15px;font-weight:700}.tk{border-left:8px solid var(--c,var(--p-tinte));background:#fff;margin-bottom:8px;padding:10px 12px;font-size:16px;font-weight:600;line-height:1.3;text-decoration:none;display:block}a.tk:hover{box-shadow:inset 0 0 0 3px var(--p-tinte)}.tk small{margin-top:2px;font-weight:500;display:block}.tk .cl{gap:3px;margin-top:8px;display:flex}.tk .cl b{background:var(--p-tinte);width:14px;height:8px}.tk .cl b.of{background:var(--p-grau)}.tk.faellig small{color:var(--fehler);font-weight:700}.leer{padding:12px 0;font-size:15px;font-weight:600}.liste{gap:8px;padding:0;list-style:none;display:grid}.liste li{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:600;display:flex}.liste .links{align-items:center;gap:12px;min-width:0;display:flex}.form-inline{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.form-inline .feld{flex:180px;margin-top:0}.form-inline .btn{flex:none}.marke{background:var(--c);flex:none;width:40px;height:40px;display:block}.marke.kreis{border-radius:50%}.marke.viertel{border-radius:40px 0 0}.marke.bogen{border-radius:40px 40px 0 0}.marke.gross{width:72px;height:72px}.marke.gross.viertel{border-radius:72px 0 0}.marke.gross.bogen{border-radius:72px 72px 0 0}.punkt{background:var(--c);border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.v0{--c:var(--p-tinte)}.v1{--c:var(--p-minze)}.v2{--c:var(--p-tomate)}.v3{--c:var(--p-sonne)}.v4{--c:var(--p-kobalt)}.wochenzeile{gap:var(--steg);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.tag{background:var(--bg-fach);box-shadow:var(--kante);min-width:0;min-height:220px;padding:12px}.tag h2{letter-spacing:0;background:var(--p-grau);max-width:none;margin:-12px -12px 8px;padding:6px 12px;font-size:16px;font-stretch:100%;line-height:1.2}.tag.we h2{background:var(--p-sonne)}.tag.heute h2{background:var(--p-kobalt);color:#fff}.ev{background:var(--cf,var(--c,var(--p-kobalt)));color:var(--ct,#fff);margin-bottom:6px;padding:6px 8px;font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;display:block}a.ev:hover{box-shadow:inset 0 0 0 3px var(--p-tinte)}.ev small{font-size:13px;font-weight:500;display:block}.ev.aufgabe{color:var(--p-tinte);border:3px dashed var(--p-tomate-tief);background:#fff;padding:3px 6px}.okal-scroll{box-shadow:var(--kante);background:#fff;overflow-x:auto}.okal-zeit-scroll{overflow-anchor:none;height:520px;overflow:hidden auto}.okal-zeit-scroll:focus-visible{outline:3px solid var(--p-kobalt);outline-offset:-3px}.okal{--gutter:56px;min-width:760px}.okal-kopf,.okal-band{grid-template-columns:var(--gutter) repeat(7, minmax(0, 1fr));border-bottom:2px solid var(--p-tinte);display:grid}.okal-eck{border-right:1px solid var(--p-grau)}.okal-tag{text-align:center;border-right:1px solid var(--p-grau);flex-direction:column;align-items:center;gap:2px;padding:6px 0 8px;font-size:14px;font-weight:600;display:flex}.okal-tag b{border-radius:50%;place-items:center;min-width:36px;height:36px;font-size:22px;line-height:1;display:grid}.okal-tag.heute{color:var(--p-kobalt)}.okal-tag.heute b{background:var(--p-kobalt);color:#fff}.okal-bandlabel{text-align:right;padding:6px 4px;font-size:12px;font-weight:600}.okal-bandzelle{border-right:1px solid var(--p-grau);min-width:0;padding:3px}.okal-bandzelle .ev{text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;padding:2px 6px;font-size:13px;overflow:hidden}.okal-bandzelle .ev.aufgabe{border-width:2px;padding:0 4px}.okal-bandzelle.heute,.okal-spalte.heute{background:#2b57e80f}.okal-raster{grid-template-columns:var(--gutter) repeat(7, minmax(0, 1fr));display:grid;position:relative}.okal-zeiten div{position:relative}.okal-zeiten span{color:#5a5f86;font-size:12px;font-weight:600;position:absolute;top:-8px;right:8px}.okal-zeiten div:first-child span{display:none}.okal-spalte{border-right:1px solid var(--p-grau);background-image:repeating-linear-gradient(to bottom, var(--p-grau) 0, var(--p-grau) 1px, transparent 1px, transparent var(--h));position:relative}.okal-spalte.we:not(.heute){background-color:#d5dae847}.okal-ev{background:var(--cf,var(--c,var(--p-kobalt)));color:var(--ct,#fff);cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:1;border-left:4px solid #1b1f4b8c;padding:2px 6px;font-size:13px;line-height:1.25;text-decoration:none;position:absolute;overflow:hidden}.okal-ev b{text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.okal-ev small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.okal-ev:hover{box-shadow:inset 0 0 0 3px var(--p-tinte);z-index:2}.okal-jetzt{background:var(--p-tomate-tief);z-index:3;pointer-events:none;height:2px;position:absolute;left:0;right:0}.okal-jetzt:before{content:"";background:var(--p-tomate-tief);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-5px}.wechsel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auswahl{flex-wrap:wrap;gap:8px;display:flex}.auswahl label{cursor:pointer;background:#fff;align-items:center;gap:8px;padding:8px 12px;font-size:16px;font-weight:600;display:inline-flex}.auswahl input{width:18px;height:18px;accent-color:var(--p-tinte)}dialog{background:0 0;border:0;width:100%;max-width:min(560px,94vw);padding:0}dialog::backdrop{background:#1b1f4b99}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:1000px){.board,.board.mit-archiv,.board[data-n="3"],.wochenzeile,.raster3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){body{font-size:17px}.nav ul{display:none}.case{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(150px,auto)}.case>*{grid-area:auto!important}.c1{min-height:300px;grid-column:1/3!important}.c3,.c5,.c8,.c9{grid-column:1/3!important}.zero{font-size:60px}.person,.wer,.ringfach,.col,.vor,.woche,.freund,.erkl,.null .z,.null .t,.kind{grid-column:1/3!important}.felder li{grid-template-columns:100px 1fr}.start section{padding-top:64px}.tage{gap:4px}.raster2{grid-template-columns:1fr}}@media (max-width:700px){.app{grid-template-columns:1fr}.side{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;max-height:none;padding:10px 12px 12px;display:grid;position:static;overflow:visible}.side .famkopf{grid-column:1/-1;margin:-10px -12px 0;padding:8px 12px}.side .logo{order:1;align-items:center;min-height:44px;display:inline-flex}.side .famkopf-ich{font-size:15px;font-weight:600;display:block}.side>.side-aktionen{order:2;align-items:center;gap:8px;display:flex;position:relative}.side .abmelden-text{display:none}.side .abmelden-symbol{display:block}.side .abmelden,.side .icon-knopf{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0 8px;display:inline-flex}.side .familien-wechsel{display:none}.familien-knopf{display:block;position:relative}.familien-knopf-feld{z-index:70;background:var(--bg-fach);width:min(280px,100vw - 24px);box-shadow:var(--kante);border:3px solid var(--p-tinte);padding:12px;position:absolute;top:calc(100% + 8px);right:0}.familien-knopf-feld form{gap:8px;display:grid}.familien-knopf-feld label{font-weight:700}.familien-knopf-feld select{width:100%;min-height:44px}.side .familien-wechsel form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.side .familien-wechsel label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.side .familien-wechsel .meldung{grid-column:1/-1}.side .familien-wechsel>a{align-items:center;min-height:44px;margin-top:0;display:inline-flex}.side nav{order:4;grid-column:1/-1}.side nav .nav-knopf{background:var(--p-tinte);color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:17px;font-weight:700;display:flex}.side nav ul.nav-dashboard{grid-template-columns:1fr;margin-bottom:8px}.side nav ul.nav-dashboard a{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:8px 12px;font-size:17px}.side nav .nav-gruppen{gap:8px;margin-top:8px;display:none}.side nav.offen .nav-gruppen{display:grid}.side nav .nav-gruppen-name{margin-left:0}.side nav .nav-gruppe ul{padding-left:0}.side nav ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.side nav a{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:8px 2px;font-size:14px}.side .famk,.side .side-recht{display:none}.board,.board.mit-archiv,.board[data-n="3"],.wochenzeile,.raster3{grid-template-columns:1fr}.bnav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.bnav a{text-align:center;padding:8px 4px;font-size:15px}.kopf h1{font-size:34px}.sp,.tag{min-height:0}}@media (max-width:360px){.side nav a{padding:8px 0;font-size:12.5px}}.dash{gap:var(--steg);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;align-items:start;display:grid}.kachel{background:var(--bg-fach);box-shadow:var(--kante);min-width:0;padding:16px 20px 20px;position:relative;overflow:hidden}.kachel.breit{grid-column:span 2}.kachel h2{letter-spacing:-.01em;max-width:none;margin-bottom:12px;padding-right:56px;font-size:24px;font-stretch:100%;line-height:1.15}.kachel .tk,.kachel .ev{margin-bottom:8px}.kachel .ev{font-size:16px}.kachel .mehr{margin-top:4px}.kform{background:var(--c);width:32px;height:32px;position:absolute;top:12px;right:12px}.kform.kreis{border-radius:50%}.kform.viertel{border-radius:32px 0 0}.kform.bogen{border-radius:32px 32px 0 0}.zahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;text-decoration:none;display:grid}.zahlen b{font-size:56px;display:block}.zahlen small{font-size:15px;font-weight:700}.zahlen:hover small{text-decoration:underline}.personen{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.personen a{background:#fff;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.personen a:hover{box-shadow:inset 0 0 0 3px var(--p-tinte)}.personen .marke{width:28px;height:28px}.personen .marke.viertel{border-radius:28px 0 0}.personen .marke.bogen{border-radius:28px 28px 0 0}.liste.knapp a{font-weight:700}.steuerung{border-top:3px solid var(--p-tinte);gap:12px;margin-top:16px;padding-top:14px;display:grid}.steuerung .zeile{gap:8px}.steuerung .form-inline .feld{flex:140px}.katalog{gap:var(--steg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.katalogkachel{background:#fff;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px 16px;display:flex}.katalogkachel .feld{width:100%;margin-top:4px}.katalogkachel .btn{margin-top:auto}@media (max-width:1000px){.dash{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.dash{grid-template-columns:1fr}.kachel.breit{grid-column:auto}}:root{--p-gruen:#1e8a5a}.haken{background:var(--p-gruen);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.haken svg{width:16px;height:16px}.haken.klein{width:22px;height:22px}.tk{position:relative}.tk.erledigt{padding-right:44px}.tk.erledigt .haken{position:absolute;top:10px;right:10px}.karte-seite{grid-template-columns:minmax(0,620px) minmax(240px,1fr);align-items:start;gap:24px;display:grid}.karte{background:var(--p-papier);border-radius:26px;width:100%;max-width:620px;position:relative;overflow:hidden;box-shadow:10px 10px #0d1030}.karte-loch{background:var(--p-tinte);z-index:3;border-radius:8px;width:76px;height:16px;margin-left:-38px;position:absolute;top:14px;left:50%;box-shadow:inset 0 3px #00000059}.karte-kopf{background:var(--cf,var(--c));color:var(--ct,var(--p-tinte));border-bottom:5px solid var(--p-tinte);min-height:250px;padding:52px 28px 26px;position:relative;overflow:hidden}.karte-kopf>*{z-index:1;position:relative}.karte-form{opacity:.3;line-height:0;bottom:-78px;right:-46px;z-index:0!important;position:absolute!important}.karte-form .marke{background:var(--ct,var(--p-tinte));width:260px;height:260px}.karte-form .marke.kreis{border-radius:50%}.karte-form .marke.viertel{border-radius:260px 0 0}.karte-form .marke.bogen{border-radius:260px 260px 0 0}.karte-fam{background:var(--p-papier);color:var(--p-tinte);border:3px solid var(--p-tinte);padding:3px 12px;font-size:15px;font-weight:700;display:inline-block}.karte-name{letter-spacing:-.03em;max-width:none;color:inherit;overflow-wrap:anywhere;margin:18px 0 10px;font-size:clamp(54px,11vw,92px);font-weight:800;font-stretch:78%;line-height:.88}.karte-rolle{font-size:20px;font-weight:700}.karte-koerper{gap:20px;padding:22px 22px 8px 0;display:grid}.karte-abschnitt{grid-template-columns:40px minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.karte-reiter{letter-spacing:0;background:var(--ak);max-width:none;color:var(--akt,#fff);border-radius:0 12px 12px 0;justify-content:center;align-items:flex-start;min-height:90px;margin:0;padding:14px 0;font-size:15px;font-stretch:100%;line-height:1;display:flex}.karte-reiter span{writing-mode:vertical-rl;white-space:nowrap;font-weight:800;transform:rotate(180deg)}.karte-angaben{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-content:start;gap:14px 22px;margin:0;padding:4px 0 6px;display:grid}.karte-angabe{border-bottom:3px dotted #1b1f4b47;align-self:start;min-width:0;padding-bottom:8px}.karte-angabe dt{opacity:.78;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.karte-angabe dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:22px;font-weight:700;line-height:1.2}.karte-stufe{flex:none;width:14px;height:14px;display:inline-flex}.karte-stufe i{background:var(--c);border-radius:50%;width:14px;height:14px;display:block}.karte-leer{margin-left:22px;padding:8px 22px 16px;font-weight:600}.karte-fuss{background:var(--p-tinte);color:#fff;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 22px;display:flex}.karte-fuss-text{gap:4px;min-width:0;display:grid}.karte-marke{letter-spacing:-.01em;font-size:22px;font-weight:800;font-stretch:78%}.karte-scan{opacity:.9;font-size:14px;font-weight:600}.karte-nr{letter-spacing:.1em;opacity:.75;font-size:12px;font-weight:700}.karte-qr{background:#fff;border:4px solid #fff;border-radius:6px;flex:none;width:108px;height:108px}.karte-eigen{border:2px solid var(--p-tinte);vertical-align:1px;white-space:nowrap;background:#fff;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:700}.karte.klein{border-radius:20px;box-shadow:6px 6px #0d1030}.karte.klein .karte-kopf{min-height:150px;padding:40px 20px 18px}.karte.klein .karte-name{margin:12px 0 6px;font-size:clamp(40px,7vw,56px)}.karte.klein .karte-rolle{font-size:16px}.karte.klein .karte-form .marke{width:170px;height:170px}.karte.klein .karte-form .marke.viertel{border-radius:170px 0 0}.karte.klein .karte-form .marke.bogen{border-radius:170px 170px 0 0}.karte.klein .karte-angabe dd{font-size:18px}.karte.klein .karte-qr{width:84px;height:84px}.karte.klein .karte-scan{display:none}.karte.klein .karte-angaben{grid-template-columns:1fr}.karte-raster{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:28px;display:grid}@media (max-width:960px){.karte-seite{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.karte-abschnitt{grid-template-columns:34px minmax(0,1fr);gap:12px}.karte-koerper{padding-right:14px}.karte-angaben{grid-template-columns:1fr}}.karte-mitte{justify-items:center;gap:22px;padding:12px 0 64px;display:grid}.karte-intro{text-align:center;max-width:620px;font-size:19px;font-weight:600}.art-tag{border:2px solid var(--p-tinte);white-space:nowrap;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.2;display:inline-block}.art-tag.standard{background:var(--p-tinte);color:#fff}.art-tag.eigen{color:var(--p-tinte);background:#fff}.art-tag.weitere{background:var(--p-grau);color:var(--p-tinte);border-style:dashed}.feld-block{position:relative}.feld-block-art{position:absolute;top:0;right:0}.form-inline .freunde-wahl{border:0;flex:100%;order:9;min-width:0;margin-top:0;padding:0}.mobil-leiste{display:none}@media (max-width:700px){.mobil-leiste{z-index:60;background:var(--bg-fach);border-bottom:4px solid var(--p-tinte);visibility:hidden;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;transition:transform .22s ease-out,visibility 0s linear .22s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}.mobil-leiste.zeigt{visibility:visible;transition:transform .22s ease-out;transform:none}.mobil-leiste .mobil-fam{text-overflow:ellipsis;white-space:nowrap;flex:100%;order:-1;margin:-2px 0 0;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.mobil-leiste .mobil-logo{flex:none;align-items:center;font-size:18px;text-decoration:none;display:inline-flex}.mobil-leiste .mobil-logo .marke-logo{width:auto;height:2.2em}.mobil-leiste .aktiv{background:var(--ab,var(--p-tinte));min-width:0;color:var(--at,#fff);flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.mobil-leiste .aktiv span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobil-leiste .aktiv i{background:currentColor;flex:none;width:14px;height:14px}.mobil-leiste form{flex:none}.mobil-leiste .btn{min-height:0;padding:8px 12px;font-size:15px}.mobil-leiste .familien-knopf{position:static}.mobil-leiste .familien-knopf-feld{width:auto;margin-top:4px;top:100%;left:10px;right:10px}.mobil-leiste .mobil-abmelden,.mobil-leiste .btn.icon-knopf{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0 8px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.mobil-leiste,.mobil-leiste.zeigt{transition:none}}.okal-ev.hebt,.okal-bandzelle .ev.hebt{cursor:grabbing;outline:3px solid var(--p-tinte);outline-offset:0}.okal-platz{z-index:0;background:#fff6;border:3px dashed #1b1f4b61;position:absolute}.okal-platz-band{opacity:.35}.okal-ziel{border:3px dashed var(--p-tinte);z-index:1;pointer-events:none;background:#ffffffc7;padding:1px 6px;font-size:12px;font-weight:700;animation:.16s ease-out ablage-ein;position:absolute;left:2px;right:2px;overflow:hidden}.okal-bandzelle .ev:not(.aufgabe){cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.okal-bandzelle.ziel{outline:3px dashed var(--p-tinte);outline-offset:-3px;background:#2b57e81f}@media (prefers-reduced-motion:reduce){.okal-ziel{animation:none}}.side-recht{font-size:14px;font-weight:600}.side-recht a{text-decoration:underline}@media (max-width:700px){.side .side-recht{text-align:center;order:9;grid-column:1/-1}}.familien-wechsel{border:2px solid;margin:16px 0;padding:12px}.familien-wechsel form{gap:8px;display:grid}.familien-wechsel label{font-weight:700}.familien-wechsel select{width:100%;min-width:0;min-height:44px}.familien-wechsel>a{margin-top:10px;font-size:14px;display:block}.kalender-kopf{background:var(--p-kobalt);color:#fff}.kalender-fenster,.kalender-hinweis{color:#fff;margin-bottom:12px;font-size:14px}.okal-spalte{overflow:hidden}.kalender-liste summary{cursor:pointer;font-weight:800}.kalender-liste p{margin-top:12px}.kalender-termin-detail{border-top:2px solid var(--p-rahmen-tinte);margin-top:16px;padding-top:12px;scroll-margin-top:120px}.familien-tagesplan{border-bottom:1px solid var(--p-grau);padding:12px 0}.familien-tagesplan h3{align-items:center;gap:10px;margin-bottom:8px;display:flex}.familien-tagesplan h3 .marke{width:24px;height:24px}.familien-konflikt{border-left:4px solid var(--p-tomate-tief);margin:12px 0;padding:8px 12px}.okal-zeiten div:first-child span{display:block;top:2px}.kachel>h2{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tk.gespeichert{position:relative}.tk.gespeichert:after{content:"";border:3px solid var(--p-kobalt);pointer-events:none;animation:5s ease-out forwards aufgabe-gespeichert;position:absolute;inset:-3px;box-shadow:0 0 8px 3px #2b57e8a6,inset 0 0 6px #2b57e84d}@keyframes aufgabe-gespeichert{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tk.gespeichert:after{animation:none}}.v5{--c:var(--p-pflaume)}.dash{grid-auto-flow:row}.dashboard-position{min-width:0;position:relative}.dashboard-position.breit{grid-column:span 2}.dashboard-position>.kachel{height:100%}.dash-edit .dashboard-position>.kachel{height:auto}.dash-griff{text-align:left;background:var(--p-tinte);color:#fff;width:100%;font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:0;padding:10px 16px;font-weight:700;display:block}.dash-griff:active{cursor:grabbing}.dash-griff:focus-visible{outline:3px solid var(--p-sonne);outline-offset:-3px}.dashboard-flaeche{width:100%}.dashboard-position.wird-gezogen{outline:3px dashed var(--p-kobalt);outline-offset:-3px;background:#2b57e81f}.dashboard-position.wird-gezogen>.dashboard-flaeche{transform-origin:50% 28px;will-change:transform;box-shadow:0 20px 48px #0d103059}.dashboard-position.wird-gezogen .dash-griff{cursor:grabbing;background:var(--p-kobalt)}.dashboard-aufgaben{max-height:440px;padding:3px;overflow-y:auto}.dashboard-aufgaben:focus-visible{outline:3px solid var(--p-kobalt)}@media (max-width:700px){.dashboard-position.breit{grid-column:auto}}.dashboard-modus-wahl{background:var(--bg-fach);box-shadow:var(--kante);color:var(--p-tinte);flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.dashboard-modus-wahl .feld{flex:200px;margin:0}.dashboard-modus-wahl .btn{min-height:44px}.dashboard-modus-hinweis{color:#fff}.online{background:var(--p-papier);color:var(--p-tinte);border:3px solid var(--p-tinte);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:13px;font-weight:800;line-height:1.3;display:inline-flex}.online i{border:2px solid var(--p-tinte);background:0 0;border-radius:50%;flex:none;width:12px;height:12px;display:block}.online.an i{background:#12b76a;border-color:#0a6b43}.online.aus{opacity:.85}.karte-online{margin-top:12px}.liste .online{vertical-align:1px;margin-left:8px}.fk-personen{gap:14px;margin:0;padding:0 0 6px;list-style:none;display:grid}.fk-personen li{border-bottom:3px dotted #1b1f4b47;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:14px;padding-bottom:12px;display:grid}.fk-personen li:last-child{border-bottom:0;padding-bottom:0}.fk-personen strong{overflow-wrap:anywhere;font-size:22px;line-height:1.15;display:block}.fk-personen small{opacity:.8;margin-right:4px;font-size:14px;font-weight:600}.fk-felder{gap:4px;margin:8px 0 0;display:grid}.fk-felder>div{flex-wrap:wrap;gap:2px 10px;display:flex}.fk-felder dt{opacity:.78;font-size:13px;font-weight:600}.fk-felder dd{overflow-wrap:anywhere;margin:0;font-weight:700}.fk-freunde{flex-wrap:wrap;align-content:start;gap:10px;margin:0;padding:4px 0 6px;list-style:none;display:flex}.fk-freunde li{border:3px solid var(--p-tinte);background:#fff;padding:0;font-weight:700}.fk-freunde li>a,.fk-freunde li>span{min-height:44px;padding:10px 14px;display:block}.fk-freunde a{color:inherit}.fk-form fieldset{border:0;gap:10px;margin:0 0 14px;padding:0;display:grid}.fk-zeile{grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:end;gap:10px 14px;display:grid}@media (max-width:600px){.fk-zeile{grid-template-columns:1fr}.fk-personen li{grid-template-columns:40px minmax(0,1fr)}.fk-personen li .btn{grid-column:2;justify-self:start}}.app-fuss{display:none}@media (max-width:700px){.app-fuss{color:#fff;justify-content:center;gap:20px;padding:0 12px 16px;font-size:15px;font-weight:600;display:flex}.app-fuss a{align-items:center;min-height:44px;display:inline-flex}}.nav .logo,.fuss a,.case .zeile.rand a{align-items:center;min-height:44px;display:inline-flex}.liste .links{flex-wrap:wrap}.liste li{min-width:0}.liste li small,.liste li .klein-text{overflow-wrap:anywhere}.kreis-einstellung{margin-top:8px}.kreis-einstellung summary,.liste details>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.okal-jetzt-knopf{min-width:44px;min-height:32px;padding:4px 8px}.familien-wechsel>a{align-items:center;min-height:32px;display:inline-flex}.okal-bandzelle .ev.aufgabe{line-height:24px}.einst-liste{gap:var(--steg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.einst-kachel{background:var(--bg-fach);min-height:84px;box-shadow:var(--kante);color:var(--p-tinte);align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:flex}.einst-kachel b{font-size:20px;line-height:1.15;display:block}.einst-kachel small{margin-top:2px;font-size:15px;font-weight:500;display:block}.einst-marke{background:var(--c);border:3px solid var(--p-tinte);flex:none;width:30px;height:30px}.einst-kachel:hover,.einst-kachel:focus-visible{box-shadow:inset 0 0 0 4px var(--p-tinte)}.bz{gap:var(--steg);display:grid}.bz-l-spalten{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.bz .sp{min-height:120px}.bz-l-stapel .bz-liste{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 12px;display:grid}.bz-hinweis{margin:-4px 0 12px}.tk.gesperrt-karte{cursor:default}.bz-aussen{flex-direction:column;align-items:stretch;display:flex}.bz-aussen>.bz-liste{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 12px;display:grid}.bz-kreis{aspect-ratio:1;text-align:center;width:min(100%,460px);box-shadow:inset 0 0 0 5px var(--p-tinte);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:12px auto 4px;padding:56px 56px 48px;display:flex;overflow:hidden;min-height:0!important}.bz-kreis h2{color:var(--p-tinte);background:0 0;justify-content:center;gap:8px;margin:0 0 8px;padding:0}.bz-kreis .bz-liste{text-align:left;width:100%;max-height:62%;overflow-y:auto}.bz-kreis.ziel{box-shadow:inset 0 0 0 5px var(--p-tomate)}.bz-kreis.ziel.darueber{box-shadow:inset 0 0 0 5px var(--p-tinte);background:var(--p-sonne)}@media (max-width:800px){.bz-l-stapel .bz-liste,.bz-aussen>.bz-liste{grid-template-columns:1fr}.bz-kreis{padding:44px 36px 36px}}.erl{gap:var(--steg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;display:grid}.erl-spalte{background:var(--bg-fach);box-shadow:var(--kante);min-width:0;padding:16px}.erl-spalte h2{background:var(--p-tinte);color:#fff;justify-content:space-between;gap:10px;max-width:none;margin:-16px -16px 10px;padding:10px 16px;font-size:19px;line-height:1.2;display:flex}.erl-spalte h2 span{font-size:15px;font-weight:700}.erl-hinweis{margin-bottom:10px}.erl-spalte ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.erl-familie{text-align:left;border:3px solid var(--p-tinte);color:#fff;width:100%;min-height:56px;font:inherit;cursor:pointer;background:#3b4075;padding:8px 14px;font-size:17px;font-weight:700;display:block}.erl-familie small{font-size:13px;font-weight:500;display:block}.erl-familie.an{color:var(--p-tinte);border-left-width:10px;border-left-color:var(--p-minze);box-shadow:3px 3px 0 var(--p-tinte);background:#fff}.erl-familie:hover:not(:disabled),.erl-familie:focus-visible{outline:3px solid var(--p-sonne);outline-offset:2px}.erl-familie:disabled{cursor:default}.doc-aktionen{align-items:center;gap:10px;display:flex}.doc-scan{background:var(--p-tomate-tief);color:#fff;border:3px solid var(--p-tinte);min-height:64px;box-shadow:4px 4px 0 var(--p-tinte);font:inherit;cursor:pointer;align-items:center;gap:12px;padding:0 22px 0 16px;font-size:18px;font-weight:800;display:inline-flex}.doc-scan svg{flex:none;width:38px;height:38px}.doc-scan:hover:not(:disabled){background:var(--p-tinte)}.doc-icon{width:52px;height:52px;color:var(--p-tinte);border:3px solid var(--p-tinte);cursor:pointer;background:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.doc-icon svg{width:28px;height:28px}.doc-icon input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.doc-icon.aus,.doc-scan:disabled{opacity:.5;cursor:default}.doc-icon:hover:not(.aus){background:var(--p-sonne)}.doc-icon:focus-within,.doc-scan:focus-visible{outline:3px solid var(--p-sonne);outline-offset:3px}.ordner-reihe{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:28px 20px;margin-top:22px;display:grid}.ordner{padding-top:38px;position:relative}.ordner-reiter{background:var(--ob,var(--p-kobalt));min-height:40px;color:var(--ot,#fff);border:3px solid var(--p-tinte);border-bottom:0;align-items:center;gap:10px;padding:0 16px;display:flex;position:absolute;top:0;left:18px}.ordner-reiter h3{color:inherit;margin:0;font-size:19px;line-height:1}.ordner-reiter span{color:var(--p-tinte);background:#fff;padding:0 8px;font-weight:800}.ordner-korpus{background:var(--ob,var(--p-kobalt));border:3px solid var(--p-tinte);box-shadow:inset 12px 0 0 #1b1f4b59, 6px 6px 0 var(--p-tinte);min-height:120px;padding:14px 14px 14px 30px}.ordner-korpus>p{color:var(--ot,#fff);margin:0 0 10px}.ordner-korpus>p.leer{color:var(--p-tinte);background:#fff;margin:0;padding:10px 12px}.ordner-korpus ul{background:0 0;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ordner .ordner-korpus li{color:var(--p-tinte);border:3px solid var(--p-tinte);border-top:3px solid var(--p-tinte);background:#fff;margin:0;padding:12px 14px;box-shadow:inset 4px 4px #1b1f4b1a}.ordner.physisch{--ob:var(--p-sonne);--ot:var(--p-tinte)}@media (max-width:700px){.doc-scan{min-height:56px;padding:0 14px 0 10px}.doc-scan svg{width:32px;height:32px}.doc-icon{width:48px;height:48px}.doc-aktionen{flex-wrap:nowrap;width:100%}.doc-scan{flex:1;justify-content:center;padding:0 8px}.doc-scan span{font-size:15px}.ordner-reihe{grid-template-columns:1fr}}.scan-einst{background:var(--bg-fach);box-shadow:var(--kante);padding:6px 20px}.scan-einst>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.scan-einst[open]{padding-bottom:16px}ul.filter{margin:0;padding:0;list-style:none}.erl-familie.gesperrt{color:var(--p-tinte);background:#d5dae8;border-style:dashed}.erl-familie.genutzt{border-left-color:var(--p-sonne);box-shadow:3px 3px 0 var(--p-tinte), inset 0 -6px 0 var(--p-sonne);background:#fff}.erl-genutzt{border-top:2px solid var(--p-tinte);align-items:center;gap:8px;margin-top:6px;padding-top:6px;font-size:13px;font-weight:700;line-height:1.25;display:flex}.erl-genutzt svg{flex:none;width:22px;height:22px}.kalender-kopf .wechsel .btn,.kalender-oben .btn{align-items:center;gap:8px;display:inline-flex}.kalender-kopf .wechsel svg,.kalender-oben .btn svg{flex:none;width:20px;height:20px}.kalender-oben{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.kalender-oben .neuer-termin{flex:320px}.neuer-termin>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:20px;font-weight:800}.kalender-oben .okal-jetzt-knopf{color:var(--p-tinte);background:#fff;min-height:56px}.tk,a.tk,.okal-ev,.okal-bandzelle .ev:not(.aufgabe){cursor:pointer}.tk.hebt,.okal-ev.hebt,.okal-bandzelle .ev.hebt,.tk.hebt *,.okal-ev.hebt *{cursor:grabbing}.okal-ev.gespeichert,.okal-bandzelle .ev.gespeichert{z-index:4}.okal-bandzelle .ev.gespeichert{position:relative}.okal-ev.gespeichert:after,.okal-bandzelle .ev.gespeichert:after{content:"";border:3px solid var(--p-tinte);pointer-events:none;animation:5s ease-out forwards aufgabe-gespeichert;position:absolute;inset:-3px;box-shadow:0 0 8px 3px #ffc83de6,inset 0 0 6px #ffc83d80}@media (prefers-reduced-motion:reduce){.okal-ev.gespeichert:after,.okal-bandzelle .ev.gespeichert:after{animation:none}}.board-alle{gap:var(--steg);display:grid}.board-gruppe{background:var(--bg-fach);box-shadow:var(--kante);padding:0 16px 16px}.board-gruppe>summary{cursor:pointer;align-items:center;gap:10px;min-height:52px;font-size:20px;font-weight:800;display:flex}.board-gruppe>summary span{background:var(--p-tinte);color:#fff;padding:0 8px;font-size:15px;font-weight:700}.board-gruppe .board .sp{box-shadow:none;background:0 0;padding:0}.board-gruppe .board .sp h2{margin:0 0 12px}.board[data-n="1"]{grid-template-columns:minmax(0,1fr)}.board[data-n="1"] .sp{min-height:0}.board[data-n="1"] .sp .kw-liste,.board[data-n="1"] .sp{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:0 12px;display:grid}.board[data-n="1"] .sp>h2,.board[data-n="1"] .sp>.leer,.board[data-n="1"] .sp>.ablage{grid-column:1/-1}.prio-legende{color:#fff;flex-wrap:wrap;gap:8px 24px;margin:0 0 12px;padding:0;font-weight:600;list-style:none;display:flex}.prio-legende li{align-items:center;gap:8px;display:inline-flex}.prio-balken{outline:1px solid #fff;flex:none;width:8px;height:20px;display:inline-block}.board-gruppe .board .sp>h2{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board-gruppe .board .sp{position:relative}.freunde-kacheln{gap:var(--steg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.freund-kachel{background:var(--bg-fach);min-height:130px;box-shadow:var(--kante);color:var(--p-tinte);border-left:10px solid var(--p-sonne);align-content:space-between;gap:10px;padding:16px 18px;text-decoration:none;display:grid}.freund-kachel b{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:24px;line-height:1.1}.freund-adresse{overflow-wrap:anywhere;font-size:14px;font-weight:600}.freund-karte{font-size:15px;font-weight:700;text-decoration:underline}.freund-kachel:hover,.freund-kachel:focus-visible{box-shadow:inset 0 0 0 4px var(--p-tinte)}li.freund-kachel{align-content:space-between}.freund-kachel .freund-kachel-link{color:inherit;gap:10px;text-decoration:none;display:grid}.freund-kachel .freund-kachel-link:focus-visible{outline:3px solid var(--p-tinte);outline-offset:4px}.zaehler{text-align:center;background:var(--p-tomate-tief);color:#fff;vertical-align:middle;min-width:26px;padding:0 8px;font-size:15px;display:inline-block}.nav-zahl{background:var(--p-tomate-tief);color:#fff;text-align:center;min-width:22px;margin-left:auto;padding:0 6px;font-size:13px;font-weight:800}.einkauf-gruppen{gap:16px;display:grid}.einkauf-gruppe{margin-bottom:8px;font-size:18px}.einkauf-punkte{gap:6px;padding:0;list-style:none;display:grid}.einkauf-punkte li{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-weight:600;display:flex}.einkauf-punkte label{cursor:pointer;overflow-wrap:anywhere;flex:1;align-items:center;gap:12px;min-width:0;min-height:32px;display:flex}.einkauf-punkte input[type=checkbox]{width:24px;height:24px;accent-color:var(--p-tomate-tief);flex:none}.einkauf-punkte li.erledigt span{opacity:.6;text-decoration:line-through}.rezept-kacheln{gap:var(--steg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0;list-style:none;display:grid}.rezept-kachel{background:var(--bg-fach);box-shadow:var(--kante);min-height:84px;color:var(--p-tinte);flex-direction:column;gap:4px;padding:14px 18px;text-decoration:none;display:flex}.rezept-kachel b{overflow-wrap:anywhere;font-size:20px}.rezept-kachel:hover{transform:translate(-2px,-2px)}.rezept-schritte{gap:10px;padding-left:24px;display:grid}.quelle-link{overflow-wrap:anywhere;word-break:break-all}@media (hover:none){a,button,summary,select,label[for]{-webkit-tap-highlight-color:#1b1f4b29}button:not(:disabled):active,a[href]:active,summary:active{opacity:.72;transition:opacity 50ms}.btn:active{opacity:1;filter:brightness(.9)}}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}.ablage-art{border:0;gap:10px;margin:0;padding:0;display:grid}.ablage-art-karte{cursor:pointer;background:#fff;grid-template-columns:auto 1fr;align-items:start;column-gap:12px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 3px #0000}.ablage-art-karte.gesperrt{opacity:.55;cursor:not-allowed}.ablage-art-karte input{width:22px;height:22px;accent-color:var(--p-tinte);grid-row:1/span 2;margin-top:2px}.ablage-art-karte b{font-size:18px;display:block}.ablage-art-karte small{margin-top:2px;font-size:14px;font-weight:600;display:block}.ablage-art legend{margin-bottom:8px;padding:0;font-size:18px}.dok-ablage-wechsel{margin:16px 0}.speicher-anzeige{margin-bottom:20px}.speicher-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.speicher-kopf h3{font-size:20px}.plan-marke{background:var(--p-tinte);color:#fff;vertical-align:middle;margin-left:8px;padding:2px 10px;font-size:13px;font-weight:800;display:inline-block}.speicher-kopf .plan-marke{margin-left:0}.speicher-zahl{margin:6px 0 8px;font-size:18px}.speicher-balken{height:22px;box-shadow:inset 0 0 0 3px var(--p-tinte);background:#fff;overflow:hidden}.speicher-balken span{background:var(--p-kobalt);height:100%;display:block}.speicher-knapp span{background:var(--p-sonne)}.speicher-voll span{background:var(--p-tomate-tief)}.speicher-zeile{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:6px;font-size:15px;font-weight:700;display:flex}.plan-voll{box-shadow:inset 4px 0 0 var(--p-tomate-tief);background:#fff;gap:10px;margin-top:12px;padding:14px 16px;display:grid}.plan-doppelt{gap:var(--steg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.plan-daten{grid-template-columns:max-content 1fr;gap:6px 16px;margin:8px 0 0;display:grid}.plan-daten dt{font-weight:700}.plan-daten dd{overflow-wrap:anywhere;margin:0}.plan-warnung{color:var(--p-tomate-tief);font-weight:700}.plan-status{background:var(--p-minze);color:var(--p-tinte);padding:1px 10px;font-weight:800;display:inline-block}.plan-status-past_due,.plan-status-unpaid,.plan-status-incomplete{background:var(--p-sonne)}.plan-status-canceled,.plan-status-incomplete_expired{background:#d5dae8}.plan-karten{gap:var(--steg);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:0;padding:0;list-style:none;display:grid}.plan-karte{background:var(--bg-fach);box-shadow:var(--kante);flex-direction:column;gap:6px;min-width:0;padding:16px 18px 18px;display:flex}.plan-karte.aktuell{box-shadow:inset 0 0 0 4px var(--p-tomate-tief), var(--kante)}.plan-karte.wunsch{box-shadow:inset 0 0 0 4px var(--p-sonne), var(--kante)}.plan-bereich{border:0;min-width:0;margin:0;padding:0}.plan-inaktiv{opacity:.5;filter:grayscale();pointer-events:none;-webkit-user-select:none;user-select:none}.plan-inaktiv .btn{cursor:not-allowed}.plan-karte h3{font-size:24px}.plan-preis{margin:4px 0 0;font-size:26px}.plan-preis small{font-size:15px;font-weight:700}.plan-speicher{font-size:18px;font-weight:800}.plan-karte .zeile.rand{margin-top:auto;padding-top:12px}:root{--r-steuer:12px;--r-pille:999px;--r-dok:16px;--linie:2px}.btn{border-radius:var(--r-pille);min-height:44px;padding:0 22px;font-size:16px;font-weight:700;transition:background-color .15s,filter .15s,transform .1s}.btn.l{box-shadow:inset 0 0 0 var(--linie) var(--p-tinte)}.btn.klein{min-height:36px;padding:0 16px;font-size:15px}.btn:active{transform:scale(.98)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=datetime-local],input[type=time],input[type=search],input[type=tel],input:not([type]),select,textarea,input[type=url],input[type=number]{border-width:var(--linie);border-radius:var(--r-steuer);min-height:46px;padding:9px 14px;font-size:16px}.meldung{border-radius:var(--r-steuer);border-left-width:6px}.skip{border-radius:var(--r-steuer)}.nav ul a{border-radius:var(--r-pille);border-bottom:0;padding:6px 14px}.nav ul a:hover{background:#1b1f4b14}.side nav a,.bnav a,.filter a{border-radius:var(--r-pille)}.side nav a{padding:8px 14px;font-weight:600}.side nav a i{border-radius:5px;width:14px;height:14px}.side nav .nav-gruppen-name{border-top-width:var(--linie);border-radius:var(--r-steuer)}.side nav a:hover:not([aria-current]),.bnav a:hover:not([aria-current]),.filter a:hover:not([aria-current]){box-shadow:none;background:#1b1f4b1a}.bnav a{padding:7px 16px;font-weight:600}.filter a{padding:6px 14px;font-weight:600}.filter a[aria-current=page]{box-shadow:inset 0 0 0 2px #fff}.filter a[aria-current=page][data-f]{box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 4px var(--p-tinte)}.kat,.zaehler,.nav-zahl,.plan-marke,.plan-status,.board-gruppe>summary span,.ordner-reiter span,.art-tag{border-radius:var(--r-pille)}.kat{padding:2px 10px}.nav-zahl{padding:0 7px}.doc-scan{border-radius:var(--r-pille);box-shadow:none;border-width:0;min-height:52px;padding:0 22px 0 14px;font-size:16px}.doc-scan svg{width:30px;height:30px}.doc-icon{border-width:var(--linie);border-radius:50%;width:52px;height:52px}.ordner-reiter{border-radius:var(--r-steuer) var(--r-steuer) 0 0;border:0;min-height:36px;padding:0 16px;left:14px}.ordner-korpus{border-radius:var(--r-dok);box-shadow:none;border:0;border-top-left-radius:0;min-height:110px;padding:14px}.ordner-korpus>p.leer{border-radius:var(--r-steuer)}.ordner .ordner-korpus li{border-radius:var(--r-steuer);box-shadow:none;border:0;padding:12px 16px;transition:background-color .15s}.ordner .ordner-korpus li:hover{background:var(--p-papier)}.ordner .ordner-korpus li strong{overflow-wrap:anywhere;display:block}.ordner .ordner-korpus li small{opacity:.8;font-size:14px;font-weight:500;display:block}.ablage-art-karte{border-radius:var(--r-steuer)}.ablage-art-karte.an{box-shadow:inset 0 0 0 var(--linie) var(--p-tinte)}.scan-einst,.speicher-balken{border-radius:var(--r-steuer)}.speicher-balken{box-shadow:inset 0 0 0 var(--linie) var(--p-tinte)}.speicher-balken span{border-radius:var(--r-pille)}.erl-familie{border-width:var(--linie);border-radius:var(--r-steuer);box-shadow:none}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.app{--bg-seite:#f6f7fb;--bg-fach:#fff;--kante:inset 0 0 0 2px #e4e8f4;background:var(--bg-seite)}.app .fach,.app .sp,.app .tag,.app .erl-spalte,.app .scan-einst,.app .board-gruppe,.app .okal-scroll,.app .kachel,.app .kopf{border-radius:18px}.app .sp,.app .tag,.app .erl-spalte,.app .fach{overflow:hidden}.tk{border-radius:12px}.ev,.liste li,.einkauf-punkte li{border-radius:10px}.side{box-shadow:none;background-color:#e9ecf7;background-image:radial-gradient(#c3c9df 2.5px,#0000 3px);background-size:26px 26px;border-radius:22px}.side .famkopf{border-radius:0 0 14px 14px}.side nav .nav-gruppen-name{background:#ffffffb3;border-top:0}.side nav a{background:var(--ab,#fff);color:var(--at,var(--p-tinte));border-radius:14px 14px 14px 4px;padding:8px 14px}.side nav ul{gap:8px}.side nav a i{background:#e9ecf7;width:13px;height:13px;border-radius:50%!important}.side nav a[aria-current=page]{box-shadow:inset 0 0 0 3px var(--p-tinte);font-weight:800}.side nav a[aria-current=page] i{border:3px solid var(--p-tinte);background:#e9ecf7}.side nav a:hover:not([aria-current]){filter:brightness(1.06);background:var(--ab,#fff);box-shadow:none}.kachel{box-shadow:none;border:2px solid #e4e8f4;flex-direction:column;padding:16px 16px 0;display:flex}.kachel>.kform{display:none}.kachel>h2{background:var(--cf,var(--c));color:var(--ct,var(--p-tinte));background-clip:padding-box;border-top:16px solid #fff;order:98;align-items:center;gap:14px;margin:auto -16px 0;padding:12px 18px;font-size:20px;line-height:1.15;display:flex}.kachel>h2:after{content:"";background:currentColor;border-radius:8px;flex:0 0 96px;height:12px;margin:0 auto}.kachel>.steuerung{order:97}.kachel>:not(h2):not(.kform){min-width:0}.kachel .tk,.kachel .ev{border-radius:12px}.kachel .tk{border-left-width:6px}.kachel[data-art=boards]>h2{border-top:0;order:-1;margin:-16px -16px 16px}.kachel[data-art=boards]>h2:after{border-radius:4px;flex-basis:40px}.ordner-reihe{gap:36px 24px}.ordner{padding-top:40px}.ordner:before{content:"";border:9px solid var(--p-tinte);box-sizing:border-box;border-bottom:0;border-radius:24px 24px 0 0;width:120px;height:34px;margin-left:-60px;position:absolute;top:0;left:50%}.ordner-reiter{border:0;border-radius:22px 22px 0 0;align-items:center;gap:14px;min-height:56px;padding:0 22px;display:flex;position:static}.ordner-reiter:before,.ordner-reiter:after{content:"";border:2px solid var(--p-tinte);background:#fff;border-radius:5px;flex:none;width:40px;height:18px}.ordner-reiter:after{margin-left:auto}.ordner-reiter h3{color:var(--p-tinte);border:2px solid var(--p-tinte);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-radius:6px;order:0;padding:3px 14px;font-size:14px}.ordner-korpus{border:3px solid var(--ob,var(--p-pflaume));box-shadow:none;background:#e9ecf7;border-top:0;border-radius:0 0 22px 22px;padding:16px}.ordner-korpus>p{color:var(--p-tinte)}.ordner.digital{--ob:var(--p-pflaume);--ot:#fff}.ordner .ordner-korpus li{box-shadow:none}@media (prefers-reduced-motion:no-preference){.side nav a{transition:filter .15s}}.app .filter,.app .prio-legende,.app .dashboard-modus-hinweis,.app .filter a.verwalten{color:var(--p-tinte)}.prio-balken{outline-color:var(--p-tinte)}@media (max-width:700px){.app-fuss,.app-fuss a{color:var(--p-tinte)}}.side{background-image:radial-gradient(#d3d8ea 2.5px,#0000 3px)}.side .logo{background:#fff;border-radius:12px;align-self:flex-start;padding:2px 12px}.side .familien-wechsel{background:#fff;border:0;border-radius:14px}.side .famk{background:#fff;border-radius:12px;padding:6px 10px}.side .abmelden-symbol{box-sizing:content-box;background:0 0;width:20px;height:20px;padding:0}.side .abmelden{color:var(--p-tinte);background:#fff;border-radius:12px}.side>:last-child:not(nav):not(.famk){background:#fff;border-radius:10px;padding:4px 10px}.app .inhalt>section,.app .inhalt>details{border-radius:18px}.zone-person{background:var(--p-weiss);border:5px solid var(--p-kobalt);box-shadow:8px 8px 0 var(--p-tinte);min-width:0}.zone-kopf{background:var(--p-kobalt);color:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex}.zone-kopf h2{color:inherit;flex:1;margin:0!important;font-size:26px!important}.zone-symbol{width:46px;height:46px;color:var(--p-kobalt);background:#fff;border-radius:50%;flex:none;place-items:center;display:inline-grid}.zone-kopf-links{gap:8px;display:flex}.zone-knopf{width:44px;height:44px;color:var(--p-kobalt);border:3px solid var(--p-tinte);background:#fff;place-items:center;display:inline-grid}.zone-knopf:hover,.zone-knopf:focus-visible{background:var(--p-sonne);color:var(--p-tinte)}.zone-inhalt{padding:14px 16px 0}.angaben-gruppen{gap:14px;display:grid}.angaben-gruppe{background:var(--p-papier);border:0;border-left:10px solid var(--gc,var(--p-grau));min-width:0;margin:0;padding:12px 12px 14px 18px}.angaben-gruppe legend{float:left;width:100%;margin-bottom:8px;padding:0;font-size:20px;font-weight:800}.angaben-gruppe legend+*{clear:both}.angaben-gitter{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 14px;display:grid}.angabe{align-content:start;gap:4px;min-width:0;display:grid}.angabe label{font-size:15px;font-weight:700}.angabe-eingabe{position:relative}.angabe-eingabe input{background:#fff;width:100%;padding-right:40px}.angabe.leer input{border-style:dashed}.angabe.geaendert input{box-shadow:inset 0 0 0 3px var(--p-sonne);border-color:var(--p-tinte)}.angabe-x{width:30px;height:30px;color:var(--p-tinte);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.angabe-x:hover,.angabe-x:focus-visible{background:var(--p-tomate-tief);color:#fff}.angaben-leiste{z-index:2;background:var(--p-weiss);border-top:5px solid var(--p-kobalt);flex-wrap:wrap;align-items:center;gap:14px;margin:14px -16px 0;padding:12px 16px;display:flex;position:sticky;bottom:0}.angaben-fortschritt{background:var(--p-grau);border:3px solid var(--p-tinte);flex:1;min-width:140px;height:28px;position:relative;overflow:hidden}.angaben-fortschritt span{background:var(--p-minze);position:absolute;inset:0 auto 0 0}.angaben-fortschritt b{text-align:center;font-size:14px;line-height:22px;display:block;position:relative}.angaben-leiste .btn{align-items:center;gap:6px;display:inline-flex}.angaben-zahl{background:var(--p-sonne);min-width:24px;height:24px;color:var(--p-tinte);border-radius:12px;place-items:center;padding:0 6px;font-size:14px;font-weight:800;display:inline-grid}.zone-einst{background:repeating-linear-gradient(135deg, var(--p-grau) 0 12px, #e3e7f1 12px 24px);border:3px dashed #8a93b3;min-width:0;padding:0 0 12px}.zone-kopf-ruhig{color:#4b5178;background:0 0;padding-bottom:4px}.zone-kopf-ruhig h2{font-size:20px!important}.zone-kopf-ruhig .zone-symbol{color:#fff;background:#8a93b3;width:38px;height:38px}.zone-karten{gap:var(--steg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;padding:0 12px;display:grid}.zone-karte h3{align-items:center;gap:8px;margin-bottom:8px;display:flex}.zone-karte-gefahr{box-shadow:inset 0 0 0 3px var(--p-tomate-tief), var(--kante)}@media (max-width:640px){.zone-kopf h2{font-size:21px!important}.angaben-leiste{margin-inline:-16px}}.ordner.kat-tomate{--ob:var(--p-tomate);--ot:#fff}.ordner.kat-kobalt{--ob:var(--p-kobalt);--ot:#fff}.ordner.kat-minze{--ob:var(--p-minze);--ot:var(--p-tinte)}.ordner.kat-pflaume{--ob:var(--p-pflaume);--ot:#fff}.ordner.kat-sonne{--ob:var(--p-sonne);--ot:var(--p-tinte)}.ordner{min-width:0}.ordner-reiter{flex-wrap:wrap;padding-block:8px}.ordner-reiter h3{overflow-wrap:anywhere;min-width:0}@media (max-width:700px){.ordner-reiter:before,.ordner-reiter:after{display:none}}.ablage-tipp{margin-top:4px}.ablage-pool{border:3px solid var(--p-tinte);background:#f6f8fd;border-radius:18px;margin-top:12px;padding:16px;transition:background-color .15s}.ablage-pool.ueber{background:#fff4cc}.ablage-kachel-reihe{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.ablage-kachel-reihe.einzeln{grid-template-columns:1fr}.ablage-kachel-reihe.papier{max-width:520px;margin-top:10px}.ablage-kachel{--kc:var(--p-grau);--kt:var(--p-tinte);border:3px solid var(--p-tinte);min-width:0;box-shadow:5px 5px 0 var(--p-tinte);cursor:pointer;background:#fff;border-radius:16px;align-content:start;gap:10px;padding:0 0 14px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.ablage-kachel>*{margin-inline:14px}.ablage-kachel .kachel-kopf{background:var(--kc);color:var(--kt);border-bottom:3px solid var(--p-tinte);align-items:center;gap:12px;margin:0;padding:12px 14px;display:flex}.ablage-kachel .kachel-kopf b{overflow-wrap:anywhere;font-size:19px;line-height:1.15}.kachel-symbol{background:var(--kc);border:3px solid var(--p-tinte);width:52px;height:52px;box-shadow:3px 3px 0 var(--p-tinte);border-radius:14px;flex:none;place-items:center;display:grid}.kachel-symbol svg{display:block}.ablage-kachel.kachel-lokal1{--kc:var(--p-minze)}.ablage-kachel.kachel-lokal2{--kc:var(--p-sonne)}.ablage-kachel.kachel-onedrive{--kc:var(--p-kobalt);--kt:#fff}.ablage-kachel.kachel-cloudflare{--kc:var(--p-tomate-tief);--kt:#fff}.ablage-kachel.kachel-papier{--kc:var(--p-pflaume);--kt:#fff}.ablage-kachel .kachel-symbol{background:#fff}.kachel-status{background:var(--p-grau);color:var(--p-tinte);border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:3px 10px 3px 8px;font-size:13px;font-weight:800;display:inline-flex}.kachel-status i{border:2px solid var(--p-tinte);background:#7a8099;border-radius:50%;width:10px;height:10px}.kachel-status.ok{background:#c9f3e1}.kachel-status.ok i{background:#1e8a5a}.kachel-infos{overflow-wrap:anywhere;gap:2px;margin-block:0;padding:0;font-size:14px;list-style:none;display:grid}.kachel-balken{background:var(--p-grau);border:2px solid var(--p-tinte);border-radius:8px;height:14px;overflow:hidden}.kachel-balken span{background:var(--p-tomate-tief);height:100%;display:block}.ablage-kachel:hover{box-shadow:8px 8px 0 var(--p-tinte);transform:translateY(-3px)}.ablage-kachel:focus-visible{outline:3px solid var(--p-kobalt);outline-offset:3px}.ablage-kachel.aus{filter:grayscale(.9);border-style:dashed}.ablage-kachel.an[draggable=true]{cursor:grab}.ablage-kachel.an[draggable=true]:active{cursor:grabbing}.ablage-kachel.zieht{opacity:.45;transform:rotate(-2deg)}.ablage-kachel.fest{cursor:pointer}.ablage-bereiche{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px;display:grid}.ablage-bereich{border:3px dashed var(--p-tinte);background:var(--p-papier);border-radius:18px;align-content:start;gap:10px;min-height:170px;padding:12px 14px 16px;transition:background-color .15s,transform .15s;display:grid}.ablage-bereich.bereich-primaer{background:#fff8e1}.ablage-bereich.bereich-backup{background:#e9f9f1}.ablage-bereich h3{align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.bereich-marke{border:3px solid var(--p-tinte);background:var(--p-sonne);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;line-height:1;display:grid}.bereich-backup .bereich-marke{background:var(--p-minze)}.ablage-bereich.gefuellt{border-style:solid}.ablage-bereich.ueber{background:#fff4cc;border-style:solid;transform:scale(1.01)}.ablage-leer{text-align:center;color:#4b5178;border:3px dashed #aab1cc;border-radius:14px;margin:0;padding:32px 8px;font-weight:700}.ablage-kachel-leer{color:#4b5178;grid-column:1/-1;padding:12px;font-weight:700}.ablage-unterueberschrift{margin:24px 0 0;font-size:20px}.ablage-hintergrund{z-index:200;background:#1b1f4bb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ablage-dialog{background:var(--p-papier);border:3px solid var(--p-tinte);border-radius:18px;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:8px 8px #0d1030}.ablage-dialog-kopf{z-index:1;border-bottom:3px solid var(--p-tinte);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0}.ablage-dialog-kopf h2{margin:0;font-size:24px}.ablage-dialog-inhalt{gap:10px;padding:16px 18px 20px;display:grid}.ablage-dialog-inhalt p{margin:0}@media (prefers-reduced-motion:reduce){.ablage-kachel,.ablage-bereich{transition:none}.ablage-kachel:hover{transform:none}}.ablage-kachel.kachel-minze{--kc:var(--p-minze)}.ablage-kachel.kachel-sonne{--kc:var(--p-sonne)}.ablage-kachel.kachel-pflaume{--kc:var(--p-pflaume);--kt:#fff}.ablage-kachel.kachel-kobalt{--kc:var(--p-kobalt);--kt:#fff}.ablage-kachel.kachel-neu{--kc:#fff;box-shadow:none;border-style:dashed}.ablage-kachel.kachel-neu:hover{box-shadow:5px 5px 0 var(--p-tinte)}.kachel-belegung{gap:4px;display:grid}.belegt-text{font-size:13px;font-weight:700}.kachel-balken span{transition:width .45s}.umzug-orte{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.umzug-ort{border:3px solid var(--p-tinte);min-width:0;box-shadow:4px 4px 0 var(--p-tinte);cursor:grab;background:#fff;border-radius:14px;align-content:start;gap:8px;padding:12px 14px;transition:transform .15s;display:grid}.umzug-ort b{overflow-wrap:anywhere;font-size:17px}.umzug-ort.aus{cursor:default;box-shadow:none;background:#f1f3f9;border-style:dashed}.umzug-ort.moeglich{outline:3px dashed var(--p-tinte);outline-offset:3px}.umzug-ort.ziel{outline:5px solid var(--p-sonne);outline-offset:3px;transform:scale(1.02)}.umzug-plan{border:3px solid var(--p-tinte);background:#fff8e1;border-radius:14px;gap:10px;margin-top:16px;padding:14px 16px;display:grid}.umzug-plan h3,.umzug-plan p{margin:0}.ordner-dialog{gap:10px;display:grid}@media (prefers-reduced-motion:reduce){.kachel-balken span,.umzug-ort{transition:none}}.kachel-symbol .kachel-wolke{width:36px;height:auto}.ablage-kachel .kachel-knopf{z-index:2;border-radius:inherit;width:100%;height:100%;cursor:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.ablage-kachel .kachel-knopf:focus-visible{outline:3px solid var(--fokus);outline-offset:-6px}.ablage-kachel>.kachel-knopf{margin-inline:0}.umzug-erfolg{font-weight:700}.hilfe{vertical-align:middle;margin-left:6px;display:inline-flex}.hilfe-knopf{width:28px;height:28px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.hilfe-knopf:hover,.hilfe-knopf[aria-expanded=true]{opacity:1}.hilfe-text{z-index:60;background:var(--p-papier);width:min(340px,100vw - 32px);color:var(--p-tinte);box-shadow:0 0 0 2px var(--p-tinte), 4px 4px 0 #1b1f4b40;text-align:left;letter-spacing:0;text-transform:none;padding:12px 14px;font-size:15px;font-weight:500;line-height:1.4;position:fixed}.hilfe-text a{color:inherit;text-decoration:underline}.hilfe-text>span+span{margin-top:8px;display:block}.kopf h1 .hilfe,.fach h2 .hilfe,.fach h3 .hilfe{margin-left:4px}.hilfe-zeile{margin:4px 0 0;line-height:1}.hilfe-zeile .hilfe{margin-left:-6px}.oauth-logo{width:auto;height:32px;color:var(--p-tinte);margin-bottom:12px;display:block}.scan-fest{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:70;background:var(--p-tomate-tief);color:#fff;border:3px solid var(--p-tinte);min-height:52px;box-shadow:4px 4px 0 var(--p-tinte);align-items:center;gap:10px;padding:0 16px 0 12px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex;position:fixed;right:12px}.scan-fest svg{flex:none;width:30px;height:30px}.scan-fest:hover{background:var(--p-tinte)}.scan-fest:focus-visible{outline:3px solid var(--p-sonne);outline-offset:3px}[data-scanfix] .doc-scan{display:none}[data-scanfix] .kopf{padding-right:230px}@media (max-width:700px){.scan-fest{min-height:48px;padding:0 10px;right:8px}.scan-fest span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-scanfix] .kopf{padding-right:76px}[data-scanfix] .mobil-leiste,[data-scanfix] .side .famkopf{padding-right:68px}}dialog.dok-such{max-width:min(680px,94vw);max-height:calc(100vh - 32px);margin:auto;overflow:visible}.dok-such .ablage-dialog{width:100%}.dok-such-liste{gap:8px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.dok-such-liste li{border:3px solid var(--p-tinte);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.dok-such-liste li.schon{background:#eef1f7;border-style:dashed}.dok-such-text{gap:2px;min-width:0;display:grid}.dok-such-text b{overflow-wrap:anywhere}.dok-such-text small{color:#4b5178;overflow-wrap:anywhere}.dok-such-liste mark{background:var(--p-sonne);color:var(--p-tinte);padding:0 1px}.aufgabe-dokumente{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.aufgabe-dokumente li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}dialog.dok-ansicht{width:96vw;max-width:min(900px,96vw)}.dok-ansicht-rahmen{background:#fff;border:0;width:100%;height:min(78vh,900px);display:block}