:root{--farbe-grund: #050506;--farbe-grund-erhoben: #0b0b0d;--farbe-grund-schwebend: #131316;--farbe-text: #ffffff;--farbe-text-gedaempft: #a1a1a8;--farbe-text-schwach: #7d818b;--farbe-linie: #232329;--farbe-linie-stark: #34343c;--farbe-akzent: #35e0c1;--farbe-akzent-hell: #c2fbe7;--farbe-akzent-tief: #0f8f7d;--farbe-akzent-schwach: #35e0c126;--farbe-akzent-hauch: #35e0c112;--akzent-naticad: #0f172a;--akzent-naticpm: #14b8a6;--akzent-flowbricks: #f59e0b;--akzent-naticstack: #6366f1;--akzent-naticai-von: #7c3aed;--akzent-naticai-bis: #14b8a6;--akzent-naticdocs: #10b981;--akzent-naticbd: #3b82f6;--akzent-naticknowledge: #d97706;--akzent-naticmanage: #ec4899;--akzent-pikett: #ef4444;--akzent-aivi: #06b6d4;--akzent-synaticcloud: #0ea5e9;--schrift-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--schrift-text: var(--schrift-display);--schrift-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: clamp(1.125rem, .5vw + 1rem, 1.25rem);--text-xl: clamp(1.5rem, 1.5vw + 1rem, 2rem);--text-2xl: clamp(2rem, 3vw + 1rem, 3rem);--text-3xl: clamp(2.75rem, 6vw + 1rem, 5.5rem);--text-hero: clamp(2.6rem, 6.5vw, 6.5rem);--zeilenhoehe-eng: 1.05;--zeilenhoehe-normal: 1.5;--laufweite-eng: -.03em;--laufweite-weit: .18em;--raum-1: .25rem;--raum-2: .5rem;--raum-3: .75rem;--raum-4: 1rem;--raum-6: 1.5rem;--raum-8: 2rem;--raum-12: 3rem;--raum-16: 4rem;--raum-24: 6rem;--raum-32: 8rem;--raum-48: 12rem;--breite-inhalt: 1240px;--breite-text: 68ch;--glas-fond: color-mix(in srgb, var(--farbe-grund-erhoben) 62%, transparent);--glas-fond-stark: color-mix(in srgb, var(--farbe-grund-erhoben) 80%, transparent);--glas-rand: color-mix(in srgb, #ffffff 10%, transparent);--glas-rand-hell: color-mix(in srgb, #ffffff 18%, transparent);--glas-glanz: color-mix(in srgb, #ffffff 6%, transparent);--glas-blur: 18px;--glas-blur-stark: 30px;--glas-radius: 14px;--glas-schatten: 0 8px 40px -12px rgba(0, 0, 0, .7);--glas-saettigung: 170%;--glas-helligkeit: 1.04;--glas-innenlicht: inset 0 1px 0 color-mix(in srgb, #ffffff 14%, transparent);--glas-radius-klein: 12px;--glas-radius-chip: 999px;--farbe-gefahr: #e0564d;--farbe-warnung: #f0a500;--dauer-schnell: .15s;--dauer-normal: .3s;--dauer-langsam: .6s;--kurve: cubic-bezier(.16, 1, .3, 1);--kurve-weich: cubic-bezier(.4, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--dauer-schnell: .01ms;--dauer-normal: .01ms;--dauer-langsam: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.syn-wordmark{display:inline-flex;align-items:center;gap:var(--raum-3);text-decoration:none;color:var(--farbe-text)}.syn-wordmark__mark{display:inline-flex;align-items:center;justify-content:center;padding:var(--raum-2) var(--raum-4);border:1px solid var(--farbe-linie-stark);border-radius:2px;font-family:var(--schrift-display);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--laufweite-weit);color:var(--farbe-text);transition:border-color var(--dauer-normal) var(--kurve),background-color var(--dauer-normal) var(--kurve)}.syn-wordmark:hover .syn-wordmark__mark,.syn-wordmark:focus-visible .syn-wordmark__mark{border-color:var(--farbe-text);background-color:var(--farbe-grund-erhoben)}.syn-wordmark:focus-visible{outline:2px solid var(--farbe-text);outline-offset:4px;border-radius:2px}.syn-wordmark__hinweis{font-family:var(--schrift-mono);font-size:var(--text-xs);color:var(--farbe-text-schwach);letter-spacing:0}.glas{background:var(--glas-fond-stark);border:1px solid var(--glas-rand);border-radius:var(--glas-radius);box-shadow:var(--glas-schatten),var(--glas-innenlicht)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.glas{background:var(--glas-fond);-webkit-backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-saettigung)) brightness(var(--glas-helligkeit));backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-saettigung)) brightness(var(--glas-helligkeit))}}.glas--liquid{position:relative}.glas--liquid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,#ffffff 12%,transparent) 0%,transparent 32%),radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--farbe-akzent) 9%,transparent),transparent 58%)}.glas--kante{position:relative}.glas--kante:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,var(--glas-rand-hell),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glas--stark{background:var(--glas-fond-stark)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.glas--stark{-webkit-backdrop-filter:blur(var(--glas-blur-stark));backdrop-filter:blur(var(--glas-blur-stark))}}@media(prefers-reduced-transparency:reduce){.glas,.glas--stark{background:var(--farbe-grund-erhoben);-webkit-backdrop-filter:none;backdrop-filter:none}.glas--liquid:after{display:none}}.knopf--glas{position:relative;background:var(--glas-fond-stark);border:1px solid var(--glas-rand);color:var(--farbe-text);border-radius:var(--glas-radius-klein);overflow:hidden;transition:border-color .18s ease,box-shadow .22s ease,transform .12s ease}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.knopf--glas{background:var(--glas-fond);-webkit-backdrop-filter:blur(var(--glas-blur));backdrop-filter:blur(var(--glas-blur))}}.knopf--glas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,var(--glas-rand-hell),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.knopf--glas:hover:not(:disabled){border-color:color-mix(in srgb,var(--farbe-akzent) 60%,var(--glas-rand));box-shadow:0 0 24px -6px var(--farbe-akzent)}.knopf--glas:active:not(:disabled){transform:translateY(1px)}.chip-glas{position:relative;padding:.4rem .8rem;border-radius:var(--glas-radius-chip);border:1px solid var(--glas-rand);background:var(--glas-fond-stark);color:var(--farbe-text-schwach);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:color .16s ease,border-color .16s ease,box-shadow .2s ease}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.chip-glas{background:var(--glas-fond);-webkit-backdrop-filter:blur(var(--glas-blur));backdrop-filter:blur(var(--glas-blur))}}.chip-glas:hover{color:var(--farbe-text)}.chip-glas--an{color:var(--farbe-text);border-color:color-mix(in srgb,var(--farbe-akzent) 60%,var(--glas-rand));box-shadow:0 0 18px -8px var(--farbe-akzent)}.chip-glas__zahl{opacity:.6;margin-left:.3rem}@media(prefers-reduced-transparency:reduce){.knopf--glas,.chip-glas{background:var(--farbe-grund-erhoben);-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--farbe-akzent: var(--akzent-synaticcloud)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--farbe-grund);color:var(--farbe-text);font-family:var(--schrift-text);font-size:var(--text-sm);line-height:var(--zeilenhoehe-normal);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--farbe-text);outline-offset:2px}.laedt{display:grid;place-items:center;min-height:100dvh;color:var(--farbe-text-schwach)}.anmeldung{display:grid;place-items:center;min-height:100dvh;padding:var(--raum-6)}.anmeldung__karte{display:flex;flex-direction:column;gap:var(--raum-4);width:100%;max-width:360px;padding:var(--raum-8);border:1px solid var(--farbe-linie-stark);border-radius:4px;background:var(--farbe-grund-erhoben)}.anmeldung__titel{font-size:var(--text-xl);font-weight:600}.anmeldung__unter{font-size:var(--text-xs);color:var(--farbe-text-gedaempft);margin-top:calc(-1 * var(--raum-2))}.anmeldung__fehler{font-size:var(--text-xs);border-left:2px solid var(--farbe-text);padding:var(--raum-2) var(--raum-3);background:var(--farbe-grund-schwebend)}.feld{display:flex;flex-direction:column;gap:var(--raum-1)}.feld__label{font-size:var(--text-xs);color:var(--farbe-text-gedaempft)}.feld__eingabe{padding:var(--raum-3);border:1px solid var(--farbe-linie-stark);border-radius:2px;background:var(--farbe-grund);color:var(--farbe-text);font:inherit;font-size:var(--text-sm)}.feld__eingabe:focus{border-color:var(--farbe-akzent);outline:none}.knopf{padding:var(--raum-3) var(--raum-6);border-radius:2px;font:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap}.knopf:disabled{opacity:.5;cursor:default}.knopf--primaer{background:var(--farbe-text);color:var(--farbe-grund);border:1px solid var(--farbe-text);transition:box-shadow var(--dauer-normal, .24s) var(--kurve, ease)}.knopf--primaer:hover:not(:disabled){box-shadow:0 0 20px -4px var(--farbe-akzent)}.huelle{min-height:100dvh}.kopf{display:flex;align-items:center;gap:var(--raum-4);padding:var(--raum-4) var(--raum-6);border-bottom:1px solid var(--farbe-linie)}.kopf__produkt{font-weight:600;border-left:2px solid var(--farbe-akzent);padding-left:var(--raum-3)}.kopf__abmelden{margin-left:auto;padding:var(--raum-1) var(--raum-3);border:1px solid var(--farbe-linie-stark);border-radius:2px;background:transparent;color:var(--farbe-text);font:inherit;font-size:var(--text-xs);cursor:pointer}.inhalt{max-width:720px;margin:0 auto;padding:var(--raum-8) var(--raum-6)}.titel{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--raum-6)}.fehler,.hinweis,.leer{font-size:var(--text-xs);padding:var(--raum-3);margin-bottom:var(--raum-4)}.quickswitch{position:relative;margin-left:auto}.quickswitch__feld{width:8.5rem;padding:.4rem .7rem;border-radius:8px;border:1px solid color-mix(in srgb,#ffffff 12%,transparent);background:color-mix(in srgb,var(--farbe-grund, #0a181b) 45%,transparent);color:var(--farbe-text, #e9edf1);font-size:.85rem;opacity:.6;transition:opacity .15s ease,width .15s ease,border-color .15s ease}.quickswitch__feld::placeholder{color:var(--farbe-text-schwach, #7d818b)}.quickswitch__feld:hover,.quickswitch__feld:focus{opacity:1;width:11rem;outline:none;border-color:var(--farbe-akzent)}.quickswitch__liste{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:15rem;max-height:60vh;overflow-y:auto;list-style:none;margin:0;padding:.25rem;border-radius:10px;background:color-mix(in srgb,var(--farbe-grund, #0a181b) 92%,transparent);border:1px solid color-mix(in srgb,#ffffff 12%,transparent);box-shadow:0 16px 40px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quickswitch__eintrag{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;border:none;border-radius:7px;background:none;color:var(--farbe-text, #e9edf1);font-size:.88rem;text-align:left;cursor:pointer}.quickswitch__eintrag:hover{background:color-mix(in srgb,var(--farbe-akzent) 20%,transparent)}.quickswitch__kuerzel{font-family:var(--schrift-mono, monospace);font-weight:700;color:var(--farbe-akzent);min-width:3.2rem}.quickswitch__pfeil{opacity:.5}.quickswitch__name{color:var(--farbe-text-schwach, #7d818b)}.speicher{display:grid;grid-template-columns:minmax(0,1fr);justify-content:center;gap:var(--raum-6);max-width:1400px;margin:0 auto;padding:var(--raum-8) var(--raum-6);transition:grid-template-columns var(--dauer-langsam, .42s) var(--kurve, ease)}.speicher>*{min-width:0}.speicher:not(.speicher--offen) .speicher__baum{max-width:720px;margin:0 auto;width:100%}.speicher--offen{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}@media(prefers-reduced-motion:reduce){.speicher{transition:none}}.speicher__baum{padding:var(--raum-5);border-radius:var(--glas-radius);align-self:start}.speicher__werkzeuge{display:flex;flex-wrap:wrap;gap:var(--raum-3);margin-bottom:var(--raum-4)}.speicher__wohin{font-size:var(--text-xs);color:var(--farbe-text-gedaempft);margin-bottom:var(--raum-4);padding-bottom:var(--raum-3);border-bottom:1px solid var(--glas-rand)}.baum{list-style:none}.baum__zeile{display:flex;align-items:center;gap:var(--raum-2);padding:var(--raum-2) var(--raum-3);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dauer-schnell, .14s) var(--kurve, ease)}.baum__zeile:hover{background:var(--glas-glanz)}.baum__zeile--aktiv{background:var(--farbe-akzent-schwach, rgb(14 165 233 / 15%));box-shadow:inset 2px 0 0 var(--farbe-akzent)}.baum__zeile--tool .baum__name{font-weight:600;letter-spacing:.01em}.baum__pfeil{width:1em;flex:none;color:var(--farbe-text-gedaempft);font-size:var(--text-xs)}.baum__symbol{flex:none;opacity:.75}.baum__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baum__zeile[aria-selected=true] .baum__symbol{opacity:1}.tafel{padding:var(--raum-6);border-radius:var(--glas-radius);display:flex;flex-direction:column;gap:var(--raum-4);align-self:start}.tafel__kopf{display:flex;align-items:flex-start;gap:var(--raum-4)}.tafel__titel{font-size:var(--text-lg);font-weight:600;word-break:break-word}.tafel__pfad{font-family:var(--schrift-mono);font-size:var(--text-xs);color:var(--farbe-text-gedaempft);word-break:break-all}.tafel__schliessen{margin-left:auto;flex:none;padding:var(--raum-1) var(--raum-3);border:1px solid var(--glas-rand-hell);border-radius:2px;background:transparent;color:var(--farbe-text);font:inherit;font-size:var(--text-xs);cursor:pointer}.tafel__zeile{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--raum-3)}.tafel__zeile .feld{flex:1 1 160px}.tafel__zeile .feld__eingabe[readonly]{font-family:var(--schrift-mono);font-size:var(--text-xs)}.tafel__gefahr{color:var(--farbe-gefahr);border-color:color-mix(in srgb,var(--farbe-gefahr) 40%,transparent)}.tafel__ueber{font-size:var(--text-sm);font-weight:600;padding-top:var(--raum-4);border-top:1px solid var(--glas-rand)}.tafel__hinweis,.tafel__klein{font-size:var(--text-xs);color:var(--farbe-text-gedaempft)}.tafel__daten{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--raum-4)}.tafel__daten dt{font-size:var(--text-xs);color:var(--farbe-text-gedaempft)}.tafel__daten dd{font-size:var(--text-sm);word-break:break-word}.tafel__oft{display:flex;align-items:center;gap:var(--raum-2)}.tafel__zahl{width:5rem}.tafel__frisch{padding:var(--raum-4);border-radius:8px;border:1px solid var(--farbe-akzent);display:flex;flex-direction:column;gap:var(--raum-3)}.tafel__tabelle{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.tafel__tabelle th,.tafel__tabelle td{text-align:left;padding:var(--raum-2) var(--raum-3);border-bottom:1px solid var(--glas-rand)}.tafel__tabelle th{color:var(--farbe-text-gedaempft);font-weight:500}.tafel__zu td{color:var(--farbe-text-gedaempft);text-decoration:line-through}.tafel__widerruf{background:none;border:none;color:var(--farbe-gefahr);font:inherit;font-size:var(--text-xs);cursor:pointer;padding:0}.tafel__fassungen{list-style:none;display:flex;flex-direction:column;gap:var(--raum-2)}.tafel__fassungen li{display:flex;justify-content:space-between;gap:var(--raum-4);font-size:var(--text-xs);padding-bottom:var(--raum-2);border-bottom:1px solid var(--glas-rand)}@media(max-width:900px){.speicher--offen{grid-template-columns:minmax(0,1fr)}}.knopf--primaer{position:relative;overflow:hidden;background:color-mix(in srgb,var(--farbe-akzent) 20%,var(--glas-fond-stark));border:1px solid color-mix(in srgb,var(--farbe-akzent) 45%,var(--glas-rand));color:var(--farbe-text);transition:border-color .18s ease,box-shadow .24s ease,transform .12s ease,background .18s ease}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.knopf--primaer{background:color-mix(in srgb,var(--farbe-akzent) 16%,var(--glas-fond));-webkit-backdrop-filter:blur(var(--glas-blur, 18px));backdrop-filter:blur(var(--glas-blur, 18px))}}.knopf--primaer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,var(--glas-rand-hell, rgba(255, 255, 255, .18)),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.knopf--primaer:hover:not(:disabled){border-color:color-mix(in srgb,var(--farbe-akzent) 70%,transparent);box-shadow:0 0 26px -6px var(--farbe-akzent);transform:translateY(-1px)}.knopf--primaer:active:not(:disabled){transform:translateY(0)}@media(prefers-reduced-transparency:reduce){.knopf--primaer{background:color-mix(in srgb,var(--farbe-akzent) 24%,var(--farbe-grund-erhoben));-webkit-backdrop-filter:none;backdrop-filter:none}}