:root{--farbschema: dark;color-scheme:var(--farbschema);--color-background: #0e0e10;--color-surface: #16161a;--color-surface-hover: #1e1e24;--color-border: #26262e;--color-text: #e8e8ec;--color-text-muted: #8a8a94;--color-auf-akzent: #0e0e10;--color-accent-heute: #7aa2f7;--color-accent-notizen: #9ece6a;--color-accent-statistik: #bb9af7;--color-accent-kalender: #7dcfff;--color-accent-timeline: #e0af68;--color-accent-aufgaben: #f7768e;--color-accent-ziele: #73daca;--color-accent-chat: #ff9e64;--color-accent-motivation: #f2c97d;--color-accent-datenanalyse: #7dcfcf;--color-accent-buttons: #c0a0e0;--color-accent-board-portal: #d9f0c0;--color-accent-pie: var(--color-accent-aufgaben);--color-zusatz-rot: #f7768e;--color-zusatz-orange: #ff9e64;--color-zusatz-gelb: #e0af68;--color-zusatz-gelb-hell: #ffe08a;--color-zusatz-gruen: #9ece6a;--color-zusatz-blau: #73daca;--color-zusatz-blau-hell: #7dcfff;--color-ordner-marke: #7aa2f7;--color-prio-sehrhoch: var(--color-zusatz-rot);--color-prio-hoch: var(--color-zusatz-orange);--color-prio-mittel: var(--color-zusatz-gelb);--color-prio-niedrig: var(--color-zusatz-gruen);--color-prio-freizeit: var(--color-zusatz-blau);--color-ampel-rot: var(--color-zusatz-rot);--color-ampel-amber: var(--color-zusatz-orange);--color-ampel-gruen: var(--color-zusatz-gruen);--color-status-ok: var(--color-zusatz-gruen);--color-warn: var(--color-zusatz-rot);--color-warn-mild: var(--color-zusatz-gelb);--color-fehler-flaeche: var(--color-surface);--color-fehler-flaeche-innen: var(--color-background);--color-scrim: #0d0b14;--radius-no: 0px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50%;--size-punkt-sm: 8px;--size-punkt-lg: 12px;--size-punkt-raster: 24px;--size-steuer-sm: 16px;--size-steuer: 20px;--size-steuer-lg: 24px;--size-steuer-xl: 30px;--size-steuer-2xl: 36px;--size-avatar: 28px;--size-icon: 18px;--size-bericht-spalte: 190px;--size-avatar-lg: 36px;--size-kopf-knopf: 36px;--size-kopf-icon: 22px;--size-haken-termin: 27px;--size-zahl-feld: 56px;--size-zeit-feld: 92px;--size-zahl-feld-eng: 46px;--size-bedienfeld-label: 78px;--size-touch: 54px;--size-touch-sm: 44px;--size-balken-hoehe: 4px;--size-balken: 70px;--size-listen-spalte: 100px;--size-liste-kurz: 180px;--size-vorschau-kachel: 92px;--size-ordner-karte: 170px;--size-vorschau-hoehe: 64px;--size-vorschau-kachel-gross: 128px;--size-vorschau-hoehe-gross: 92px;--size-vorschau-kachel-xl: 176px;--size-vorschau-hoehe-xl: 128px;--size-detail-spalte: 96px;--size-detail-spalte-schmal: 72px;--size-detail-min-breite: 380px;--size-punkte-flaeche-min: 120px;--size-farb-punkt: 22px;--size-symbol-feld: 26px;--size-symbol-gitter: 200px;--size-zeitraum-spalte: 150px;--size-nav-breite: 186px;--size-reiter-hoehe: 44px;--size-tab: 84px;--size-einstell-hoehe: 860px;--size-einstell-hoehe-mittel: 640px;--size-einstell-hoehe-klein: 520px;--size-schnellnotiz-breite: 720px;--size-schnellnotiz-hoehe: 560px;--size-aufg-spalte: 240px;--size-aufg-spalte-kompakt: 180px;--size-stat-spalte: 160px;--pad-chip: 2px 8px;--pad-kompakt: 4px 8px;--pad-feld: 6px 10px;--pad-knopf: 6px 14px;--pad-karte: 10px 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-safe-bottom: calc(var(--space-sm) + env(safe-area-inset-bottom, 0px));--font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-titel: var(--font-family);--font-family-untertitel: var(--font-family);--font-family-bedien: var(--font-family);--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 20px;--font-size-xl: 28px;--font-weight-normal: 400;--font-weight-mittel: 500;--font-weight-halbfett: 600;--font-weight-fett: 700;--font-weight-extrafett: 800;--line-height-symbol: 1;--line-height-eng: 1.3;--line-height-normal: 1.5;--letter-spacing-normal: normal;--letter-spacing-weit: .05em;--letter-spacing-zahl: .08em;--font-transform-gross: uppercase;--border-width: 1px;--border-width-md: 2px;--border-width-lg: 3px;--griff-linie: #4a4a54;--transition-schnell: .15s ease;--transition-normal: .2s ease;--transition-langsam: .3s ease;--focus-ring: 0 0 0 2px var(--color-accent-heute);--focus-umriss: 2px solid var(--color-accent-heute);--focus-umriss-abstand: 2px;--scrollbar-groesse: 10px;--scrollbar-griff: #3a3a44;--scrollbar-griff-hover: #4a4a54;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 80px rgba(0, 0, 0, .5);--umriss-dunkel: 0 0 0 1px rgba(0, 0, 0, .7);--scrim-leicht: color-mix(in srgb, var(--color-scrim) 30%, transparent);--scrim-normal: color-mix(in srgb, var(--color-scrim) 50%, transparent);--scrim-stark: color-mix(in srgb, var(--color-scrim) 70%, transparent);--scrim-voll: color-mix(in srgb, var(--color-scrim) 90%, transparent);--opacity-voll: 1;--opacity-leicht: .7;--opacity-stark: .5;--opacity-unsichtbar: 0;--blur-klein: 2px;--pie-idle-fill: var(--color-border);--pie-idle-stroke: var(--griff-linie);--pie-wall: var(--color-surface);--pie-wall-stroke: var(--color-border);--pie-deep-fill: var(--color-surface-hover);--pie-deep-stroke: var(--color-border);--pie-sub-fill: var(--color-surface-hover);--pie-sub-stroke: var(--color-border);--pie-hub-fill: var(--color-surface-hover);--pie-hub-stroke: var(--color-border);--pie-label-mono: var(--color-text-muted);--pie-name-idle: var(--color-text-muted);--pie-symbol-idle: color-mix(in srgb, var(--color-text-muted) 60%, var(--color-text));--pie-sub-symbol-idle: color-mix(in srgb, var(--color-text-muted) 45%, var(--color-text));--pie-act-fill: color-mix(in srgb, var(--color-accent-pie) 30%, var(--color-background));--pie-act-stroke: color-mix(in srgb, var(--color-accent-pie) 55%, var(--color-text));--pie-wall-act: color-mix(in srgb, var(--color-accent-pie) 20%, var(--color-background));--pie-wall-act-stroke: color-mix(in srgb, var(--color-accent-pie) 60%, var(--color-surface-hover));--pie-sub: color-mix(in srgb, var(--color-accent-pie) 30%, var(--color-border));--pie-name-akt: color-mix(in srgb, var(--color-accent-pie) 40%, var(--color-text));--pie-symbol-akt: color-mix(in srgb, var(--color-accent-pie) 22%, var(--color-text));--pie-sub-symbol-akt: var(--color-text)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--font-family-bedien)}select option,select optgroup{background-color:var(--color-surface);color:var(--color-text)}label{font-family:var(--font-family-untertitel)}input.zahl-feld{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.zahl-feld::-webkit-outer-spin-button,input.zahl-feld::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kachel-liste-kante{scrollbar-gutter:stable both-edges;padding-inline:calc(var(--space-lg) - var(--scrollbar-groesse))}.kachel-liste-kante-innen{scrollbar-gutter:stable both-edges;margin-inline:calc(-1 * var(--scrollbar-groesse))}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-griff) transparent}*::-webkit-scrollbar{width:var(--scrollbar-groesse);height:var(--scrollbar-groesse)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-griff);border-radius:var(--radius-xs);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-griff-hover)}*::-webkit-scrollbar-corner{background:transparent}.scrollbar-verbergen{scrollbar-width:none}.scrollbar-verbergen::-webkit-scrollbar{display:none}@keyframes pulsieren{0%,to{opacity:1}50%{opacity:.4}}@keyframes medienEinblenden{0%{opacity:0}to{opacity:1}}@keyframes kachelHighlight{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-heute) 90%,transparent)}to{box-shadow:0 0 0 3px transparent}}.kachel-highlight{animation:kachelHighlight 1.2s ease-out;border-radius:var(--radius-lg)}[data-raster-id]{scroll-margin:80px}@keyframes aufgabeHervor{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-aufgaben) 90%,transparent)}to{box-shadow:0 0 0 3px transparent}}.aufgabe-hervor{animation:aufgabeHervor 1.4s ease-out;border-radius:var(--radius-md)}[data-aufgabe-id]{scroll-margin:60px}@property --kachel-puls-blur{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --kachel-puls-glow{syntax: "<color>"; inherits: false; initial-value: transparent;}@keyframes randPulsieren{0%,to{border-color:var(--color-warn);--kachel-puls-blur: 8px;--kachel-puls-glow: color-mix(in srgb, var(--color-warn) 55%, transparent)}50%{border-color:color-mix(in srgb,var(--color-warn) 25%,transparent);--kachel-puls-blur: 2px;--kachel-puls-glow: color-mix(in srgb, var(--color-warn) 10%, transparent)}}.kachel-rand-pulsiert{animation:randPulsieren 2s ease-in-out infinite}.drag-handle{touch-action:none}.raster-resize{border-right:2px solid var(--griff-linie);border-bottom:2px solid var(--griff-linie);border-bottom-right-radius:var(--radius-xs);opacity:var(--opacity-unsichtbar);transition:opacity var(--transition-schnell);touch-action:none}[data-raster-id]:hover>.raster-resize{opacity:var(--opacity-leicht)}[data-raster-id]>.raster-resize:hover{border-right-color:var(--color-text-muted);border-bottom-color:var(--color-text-muted);opacity:var(--opacity-voll)}.raster-eck{opacity:var(--opacity-unsichtbar);transition:opacity var(--transition-schnell);touch-action:none}.raster-eck:hover{opacity:var(--opacity-voll)}.notiz-v2-inhalt{height:100%}.notiz-v2 .ProseMirror{outline:none;min-height:100%;padding-left:2.8rem;overflow-wrap:anywhere}.notiz-v2 .ProseMirror:focus{outline:none}[data-eng=an] .notiz-v2 .ProseMirror{padding-left:var(--space-sm)}.notiz-v2 .ProseMirror p{margin:0 0 .5em}.notiz-v2 .ProseMirror>*:last-child{margin-bottom:0}.notiz-v2 .ProseMirror h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-fett);margin:.3em 0}.notiz-v2 .ProseMirror h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-fett);margin:.3em 0}.notiz-v2 .ProseMirror h3{font-size:var(--font-size-md);font-weight:var(--font-weight-halbfett);margin:.3em 0}.notiz-v2 .ProseMirror ul,.notiz-v2 .ProseMirror ol{padding-left:1.4em;margin:0 0 .5em}.notiz-v2 .ProseMirror a{color:var(--color-accent-notizen);text-decoration:underline;cursor:pointer}.notiz-platzhalter-mitte .notiz-v2 .ProseMirror p.is-empty:before{content:none}.notiz-v2 .ProseMirror p.is-empty:before{content:attr(data-placeholder);color:var(--color-text-muted);float:left;height:0;pointer-events:none}.notiz-v2 .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:var(--space-sm)}.notiz-v2 .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:var(--space-md)}.notiz-v2 .ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;-webkit-user-select:none;user-select:none;margin-left:var(--space-xs);display:inline-flex;align-items:center;height:calc(1em * var(--line-height-normal))}.notiz-v2 .ProseMirror ul[data-type=taskList] li>div{flex:1;min-width:0}.notiz-v2 .ProseMirror ul[data-type=taskList] li[data-checked=true]>div{color:var(--color-text-muted);text-decoration:line-through}.notiz-v2 .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.2em;height:1.2em;margin:0;border:var(--border-width-md) solid var(--color-text-muted);border-radius:var(--radius-xs);background:var(--color-surface);cursor:pointer;position:relative;flex-shrink:0;transition:background var(--transition-schnell),border-color var(--transition-schnell)}.notiz-v2 .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:hover{border-color:var(--color-accent-notizen)}.notiz-v2 .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked{background:var(--color-accent-notizen);border-color:var(--color-accent-notizen)}.notiz-v2 .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:.3em;height:.58em;border:solid var(--color-auf-akzent);border-width:0 var(--border-width-lg) var(--border-width-lg) 0;transform:translate(-50%,-50%) rotate(45deg)}.notiz-v2-insel-werkzeug{opacity:var(--opacity-unsichtbar);transition:opacity var(--transition-basis)}.notiz-v2-insel:hover .notiz-v2-insel-werkzeug{opacity:var(--opacity-voll)}.notiz-v2-griff{display:inline-flex;align-items:center;justify-content:flex-end;cursor:grab;color:var(--color-text-muted);font-size:calc(var(--font-size-md) * 1.1);border-radius:var(--radius-sm);padding:0 var(--space-md);min-width:2.4rem;margin-left:calc(-1 * var(--space-lg));background:color-mix(in srgb,var(--color-surface-hover) 55%,transparent);-webkit-user-select:none;user-select:none}.notiz-v2-griff:hover{color:var(--color-text);background:var(--color-surface-hover)}.notiz-v2-griff:active{cursor:grabbing}@media(hover:none){.notiz-v2-griff{font-size:var(--font-size-lg);min-width:2.8rem;padding:0 var(--space-md)}}.notiz-v2 [data-wichtig=true]{position:relative}.notiz-v2 [data-wichtig=true]:after{content:"";position:absolute;top:0;left:calc(-1 * (var(--size-steuer) + var(--space-xs)));width:var(--size-steuer);height:var(--size-steuer);background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffe08a' stroke='%23ffe08a' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3.6 l2.3 4.9 5.2 .7 c.5 .1 .7 .7 .3 1.1 l-3.8 3.6 .95 5.3 c.1 .5 -.45 .9 -.9 .65 L12 17.4 l-4.05 2.45 c-.45 .25 -1 -.15 -.9 -.65 l.95 -5.3 -3.8 -3.6 c-.4 -.4 -.2 -1 .3 -1.1 l5.2 -.7 z'/%3E%3C/svg%3E");pointer-events:none}.notiz-v2.nur-wichtig .ProseMirror>:not([data-wichtig=true]):not(:has([data-wichtig=true])){display:none}.notiz-v2.nur-wichtig .ProseMirror li:not([data-wichtig=true]):not(:has([data-wichtig=true])){display:none}.notiz-v2.abgehakt-aus .ProseMirror li[data-checked=true]{display:none}.notiz-suchtreffer{background-color:color-mix(in srgb,var(--color-zusatz-blau-hell) 38%,transparent);border-radius:var(--radius-xs);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-zusatz-blau-hell) 60%,transparent)}.notiz-block-menu-knopf:hover{background:var(--color-surface-hover)}.kachel-titel-klick:hover{text-decoration:underline}.notiz-v2-fremdcursor{position:relative;margin-left:-1px;margin-right:-1px;border-left:2px solid;border-right:none;word-break:normal;pointer-events:none}.notiz-v2-fremdname{position:absolute;top:-1.35em;left:-2px;white-space:nowrap;border-radius:var(--radius-xs);padding:0 var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-halbfett);line-height:1.3;color:var(--color-auf-akzent);-webkit-user-select:none;user-select:none;pointer-events:none}.notiz-v2 .ProseMirror-yjs-selection{padding:1px 0}#dpl-board-inhalt{user-select:none;-webkit-user-select:none}#dpl-board-inhalt input,#dpl-board-inhalt textarea,#dpl-board-inhalt [contenteditable=true]{user-select:text;-webkit-user-select:text}button,[role=button]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button input,button textarea,[role=button] input,[role=button] textarea,[role=button] [contenteditable=true]{user-select:text;-webkit-user-select:text}html[data-tastatur] :focus-visible{outline:var(--focus-umriss)!important;outline-offset:var(--focus-umriss-abstand)!important}html:not([data-tastatur]) :focus-visible{outline:none!important}.raster-ebene{opacity:.25;transition:opacity var(--transition-schnell)}[data-raster-id]:hover .raster-ebene{opacity:.9}.raster-ebene button:hover{color:var(--color-text);border-color:var(--color-text-muted)}.chat-aktionen{opacity:0;pointer-events:none;transition:opacity var(--transition-schnell)}.chat-nachricht:hover .chat-aktionen,.chat-aktionen[data-offen="1"]{opacity:1;pointer-events:auto}.portal-badge{background:color-mix(in srgb,var(--color-background) 78%,transparent);border:var(--border-width) solid rgba(255,255,255,.12);border-radius:7px;box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--blur-klein));-webkit-backdrop-filter:blur(var(--blur-klein));transform-origin:bottom right;transition:transform var(--transition-normal),background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.portal-badge:hover{transform:translateY(-2px) scale(1.08);background:#161e12e6;border-color:var(--color-accent-notizen);box-shadow:var(--shadow-lg),0 0 18px color-mix(in srgb,var(--color-accent-notizen) 34%,transparent)}.portal-mini-tile{position:absolute;border-radius:2px;background:color-mix(in srgb,var(--c) 30%,transparent);border:var(--border-width) solid color-mix(in srgb,var(--c) 80%,transparent);transition:background var(--transition-normal),border-color var(--transition-normal)}.portal-badge:hover .portal-mini-tile{background:color-mix(in srgb,var(--c) 45%,transparent);border-color:var(--c)}.portal-badge-arrow{transition:color var(--transition-normal)}.portal-badge:hover .portal-badge-arrow{color:#d9f0c0;animation:portalBob 1s ease-in-out infinite}@keyframes portalBob{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}.portal-badge-label{opacity:0;transform:translateY(4px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.portal-badge:hover .portal-badge-label{opacity:1;transform:translateY(0)}.timer-laeuft{animation:timerPuls 1.8s ease-in-out infinite}@keyframes timerPuls{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 16px 1px color-mix(in srgb,var(--color-accent-notizen) 40%,transparent)}}.notiz-eintrag,.zeile-hover{transition:box-shadow var(--transition-schnell),transform var(--transition-schnell),background-color var(--transition-schnell)}.notiz-eintrag:hover,.zeile-hover:hover{box-shadow:inset 0 0 0 1px var(--hover-akzent, var(--color-accent-notizen)),var(--shadow-md),0 0 12px color-mix(in srgb,var(--hover-akzent, var(--color-accent-notizen)) 18%,transparent);transform:translateY(-1px)}.zeile-hover-kalender{--hover-akzent: var(--color-accent-kalender)}@keyframes karte-abgehakt{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent-aufgaben) 60%,transparent)}to{box-shadow:0 0 0 14px color-mix(in srgb,var(--color-accent-aufgaben) 0%,transparent)}}.karte-abgehakt{animation:karte-abgehakt .7s ease-out}@media(prefers-reduced-motion:reduce){.karte-abgehakt{animation:none}}.notiz-eintrag{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}tr.zeile-hover:hover{box-shadow:none;transform:none;background-color:color-mix(in srgb,var(--color-accent-notizen) 9%,transparent)}.ueb-knopf-feld button{transition:transform var(--transition-schnell),filter var(--transition-schnell),box-shadow var(--transition-schnell)}.ueb-knopf-feld button:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:var(--shadow-sm)}.ueb-knopf-feld button:active{transform:translateY(0);filter:brightness(.95)}@keyframes chatTabPuls{0%,to{filter:drop-shadow(0 0 1px color-mix(in srgb,var(--tab-glow) 45%,transparent))}50%{filter:drop-shadow(0 0 5px var(--tab-glow))}}.chat-tab-ungelesen{animation:chatTabPuls 1.6s ease-in-out infinite}.chat-text a{color:var(--color-accent-heute);text-decoration:none}.chat-text a:hover{text-decoration:underline}.chat-text ul.chat-liste{margin:2px 0;padding-left:18px;list-style:disc}.chat-text ul.chat-liste li{margin:1px 0}.richtext-edit:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.richtext-edit h1{font-size:1.5em;margin:.25em 0}.richtext-edit h2{font-size:1.3em;margin:.25em 0}.richtext-edit h3{font-size:1.1em;margin:.25em 0}.richtext-edit p{margin:.25em 0}.richtext-edit ul,.richtext-edit ol{margin:.25em 0;padding-left:1.4em}.richtext-edit a,.richtext-anzeige a{color:var(--color-accent-heute)}.blockhost{outline:none}.blockhost>*{margin-left:0}.blockhost li{margin:.12em 0}[data-check]{position:relative;padding-left:1.5em}[data-check]:before{content:"☐";position:absolute;left:0;cursor:pointer}[data-check="1"]:before{content:"☑"}[data-check="1"]{text-decoration:line-through;color:var(--color-text-muted)}::selection{background:color-mix(in srgb,var(--color-accent-notizen) 32%,transparent)}::-moz-selection{background:color-mix(in srgb,var(--color-accent-notizen) 32%,transparent)}.blockhost ::selection{background:color-mix(in srgb,var(--color-accent-notizen) 32%,transparent)}.blockhost .dpl-btn-edit{display:inline-flex;align-items:center;gap:6px;margin:.35em 0;padding:5px 13px;border-radius:var(--radius-sm);font-weight:var(--font-weight-halbfett);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;line-height:var(--line-height-eng)}.blockhost .dpl-btn-edit:after{content:"↗";opacity:.65;font-size:.85em;margin-left:2px}.blockhost .dpl-btn-edit[data-art=notiz]:after,.blockhost .dpl-btn-edit[data-art=aufgabe]:after,.blockhost .dpl-btn-edit[data-art=projekt]:after{content:"→"}.login-person-knopf{transition:border-color var(--transition-schnell),background-color var(--transition-schnell),box-shadow var(--transition-schnell),transform var(--transition-schnell)}.login-person-knopf:hover{background-color:color-mix(in srgb,var(--color-accent-heute) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent-heute) 55%,transparent)}.login-person-knopf:active{transform:scale(.95)}.login-person-knopf[data-aktiv=true]{border-color:var(--color-accent-heute);background-color:color-mix(in srgb,var(--color-accent-heute) 18%,transparent);box-shadow:var(--focus-ring)}.aufgabe-felder-mobil{display:grid!important;grid-template-columns:1fr 1fr;align-items:end}.aufgabe-felder-mobil>*,.aufgabe-felder-mobil>*>*{flex:0 0 auto!important;order:0!important;width:100%;min-width:0}.aufgabe-felder-mobil>*:first-child{grid-column:1 / -1}.aufgabe-felder-mobil>button[aria-pressed]{width:auto!important;justify-self:start;align-self:end;justify-content:flex-start;white-space:nowrap}.aufgabe-felder-mobil>button[aria-pressed]>*{width:auto!important;flex:0 0 auto!important}.ohne-scrollbalken{scrollbar-width:none;-ms-overflow-style:none}.ohne-scrollbalken::-webkit-scrollbar{display:none;width:0;height:0}@keyframes knopf-welle{0%{transform:scale(0);opacity:.5}to{transform:scale(2.6);opacity:0}}@keyframes knopf-randpuls{0%{box-shadow:0 0 0 0 var(--knopf-fb-farbe)}45%{box-shadow:0 0 0 4px var(--knopf-fb-farbe)}to{box-shadow:0 0 0 0 transparent}}@keyframes knopf-haken{0%{opacity:0;transform:translateY(6px)}25%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.knopf-welle-teil{position:absolute;border-radius:var(--radius-full);width:80px;height:80px;pointer-events:none;background:var(--knopf-fb-farbe);animation:knopf-welle .5s ease-out forwards}.knopf-randpuls-an{animation:knopf-randpuls .5s ease-out}.knopf-haken-teil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-status-ok);font-size:var(--font-size-lg);pointer-events:none;animation:knopf-haken .9s ease-out forwards}@media(prefers-reduced-motion:reduce){.knopf-welle-teil,.knopf-randpuls-an,.knopf-haken-teil{animation:none}}@keyframes skelett-schimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skelett-schimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.skelett-schimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface-hover) 70%,transparent),transparent);animation:skelett-schimmer 1.4s ease-in-out infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.skelett-schimmer:after{animation:none}}@keyframes kachel-einblenden{0%{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}.kachel-einblenden{animation:kachel-einblenden .5s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.kachel-einblenden{animation:none}}.kopf-belebt button{transition:transform var(--transition-schnell),background-color var(--transition-schnell),border-color var(--transition-schnell),color var(--transition-schnell)}.kopf-belebt button:hover{transform:translateY(-1px) scale(1.08);box-shadow:0 0 0 1px var(--color-accent-notizen),0 0 8px color-mix(in srgb,var(--color-accent-notizen) 60%,transparent)}.kopf-belebt button:active{transform:translateY(0) scale(.94)}@media(prefers-reduced-motion:reduce){.kopf-belebt button{transition:none}.kopf-belebt button:hover,.kopf-belebt button:active{transform:none}}.reiter-belebt button{transition:transform var(--transition-schnell),box-shadow var(--transition-schnell),color var(--transition-schnell)}.reiter-belebt button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--color-accent-notizen),0 0 8px color-mix(in srgb,var(--color-accent-notizen) 45%,transparent)}@media(prefers-reduced-motion:reduce){.reiter-belebt button{transition:none}.reiter-belebt button:hover{transform:none}}.zahl-ohne-pfeile::-webkit-inner-spin-button,.zahl-ohne-pfeile::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.zahl-ohne-pfeile{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.klebt-spalte{background-color:var(--color-surface)}tr.zeile-hover:hover .klebt-spalte{background-color:color-mix(in srgb,var(--color-accent-notizen) 9%,var(--color-surface))}.kachel-steuer{pointer-events:auto;transition:opacity var(--transition-normal)}.kachel-steuer-auto{opacity:0;pointer-events:none}.kachel-wurzel:hover .kachel-steuer-auto,.kachel-wurzel[data-steuer=an] .kachel-steuer-auto,.kachel-steuer-auto:focus-within{opacity:1;pointer-events:auto}@media(hover:none){.kachel-wurzel:hover .kachel-steuer-auto{opacity:0;pointer-events:none}.kachel-wurzel[data-steuer=an] .kachel-steuer-auto{opacity:1;pointer-events:auto}}.kachel-griffpunkt{opacity:0;transition:opacity var(--transition-normal)}.kachel-wurzel:hover .kachel-griffpunkt,.kachel-wurzel[data-steuer=an] .kachel-griffpunkt{opacity:1}@media(hover:none){.kachel-wurzel:hover .kachel-griffpunkt{opacity:0}.kachel-wurzel[data-steuer=an] .kachel-griffpunkt{opacity:1}}.flaeche-gesperrt{overflow:hidden!important;touch-action:pan-y!important}.flaeche-gesperrt *{pointer-events:none!important}.punkte-flaeche{background-color:var(--color-background);background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:var(--size-punkt-raster) var(--size-punkt-raster)}@keyframes speichern-ok{0%{transform:scale(1)}35%{transform:scale(1.12)}70%{transform:scale(.97)}to{transform:scale(1)}}.speichern-ok{animation:speichern-ok .42s cubic-bezier(.22,1,.36,1)}@keyframes speicher-hinweis-ein{0%{opacity:0;transform:translate(-50%,calc(-50% - 8px))}to{opacity:1;transform:translate(-50%,-50%)}}.speicher-hinweis{animation:speicher-hinweis-ein .22s ease-out}@keyframes speicher-hinweis-weg{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 6px))}}.speicher-hinweis-weg{animation:speicher-hinweis-weg .26s ease-in forwards}@keyframes chat-hervor{0%{background-color:color-mix(in srgb,var(--color-accent-chat) 38%,transparent)}to{background-color:transparent}}.chat-hervor{animation:chat-hervor 2.4s ease-out;border-radius:var(--radius-sm)}@media print{body>*{display:none!important}body>.druck-wurzel{display:block!important}.druck-wurzel{position:static!important;background:#fff!important;color:#000!important;padding:0!important;margin:0!important;font-family:Arial,Helvetica,sans-serif}.druck-wurzel table{width:100%;border-collapse:collapse;font-size:10pt}.druck-wurzel th,.druck-wurzel td{border:1px solid #999;padding:3pt 5pt;text-align:left;vertical-align:top}.druck-wurzel thead{display:table-header-group}.druck-wurzel tr{break-inside:avoid}.druck-wurzel .druck-summe{font-weight:700;background:#eee!important}.druck-wurzel .druck-zahl{text-align:right;white-space:nowrap}.druck-wurzel h1{font-size:16pt;margin:0 0 2pt}.druck-wurzel .druck-hinweis{font-size:9pt;color:#444;margin:0 0 10pt}.druck-wurzel .druck-fuss{font-size:9pt;color:#444;margin-top:8pt}@page{margin:15mm}}.druck-wurzel{display:none}@media(pointer:coarse){.haken-gross{width:var(--size-steuer-lg);height:var(--size-steuer-lg);flex-shrink:0}}.zeilen-knopf{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--size-steuer-lg);min-height:var(--size-steuer-lg);padding:var(--pad-kompakt);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-symbol);cursor:pointer;transition:color var(--transition-schnell),border-color var(--transition-schnell)}.zeilen-knopf:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.zeilen-knopf:disabled{cursor:default;opacity:var(--opacity-stark)}.zeilen-knopf-gefahr:hover:not(:disabled){color:var(--color-accent-aufgaben);border-color:var(--color-accent-aufgaben)}@media(pointer:coarse){.zeilen-knopf{min-width:var(--size-touch-sm);min-height:var(--size-touch-sm)}}.pie-keine-auswahl,.pie-keine-auswahl *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(pointer:coarse){.kopf-knopf{min-width:var(--size-touch-sm);min-height:var(--size-touch-sm)}}@media(pointer:coarse){.kachel-auge{min-width:var(--size-touch-sm);min-height:var(--size-touch-sm)}}.abhak-ziel{transition:opacity var(--transition-langsam)}.abhak-kaestchen{transition:background-color var(--transition-langsam),border-color var(--transition-langsam)}.abhak-huelle{position:relative;display:inline-block}.abhak-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xs);border:var(--border-width-md) solid var(--color-status-ok);box-sizing:border-box;opacity:var(--opacity-unsichtbar);pointer-events:none;transform-origin:center center}.abhak-lauf .abhak-ring{animation:abhak-ring .55s .12s ease-out both}.abhak-lauf .abhak-zeichen{animation:abhak-wisch .3s .1s ease-out both}.abhak-lauf .abhak-text{text-decoration:none!important;position:relative}.abhak-lauf .abhak-text:after{content:"";position:absolute;left:0;top:50%;height:var(--border-width);background:var(--color-text-muted);animation:abhak-strich .45s .15s ease-out both}@keyframes abhak-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(2.3);opacity:0}}@keyframes abhak-wisch{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes abhak-strich{0%{width:0}to{width:100%}}.bericht-zeile{border-radius:var(--radius-xs);padding-inline:var(--space-xs);margin-inline:calc(-1 * var(--space-xs));transition:background-color var(--transition-schnell),box-shadow var(--transition-schnell)}.bericht-zeile:hover{background-color:var(--color-surface-hover);box-shadow:inset 0 0 0 var(--border-width) var(--color-border)}
