: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;--akzent-masterdata: #22c55e;--akzent-resources: #f97316;--akzent-inbox: #38bdf8;--akzent-digitalhome: #4169e1;--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;inset: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;inset: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;inset: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}}*,*: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;overflow:hidden}:focus-visible{outline:2px solid var(--farbe-text);outline-offset:2px}.syn-logo{display:block;width:auto}.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);position:relative;overflow:hidden}.anmeldung:before{content:"";position:absolute;top:-20%;right:-10%;width:60vw;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--farbe-akzent) 10%,transparent) 0%,transparent 65%);pointer-events:none}.anmeldung__karte{display:flex;flex-direction:column;gap:var(--raum-4);width:min(100%,360px);padding:var(--raum-12) var(--raum-8);border:1px solid var(--glas-rand);border-radius:var(--glas-radius);background:var(--glas-fond-stark);box-shadow:var(--glas-schatten)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.anmeldung__karte{background:var(--glas-fond);-webkit-backdrop-filter:blur(var(--glas-blur-stark));backdrop-filter:blur(var(--glas-blur-stark))}}@media(prefers-reduced-transparency:reduce){.anmeldung__karte{background:var(--farbe-grund-erhoben);-webkit-backdrop-filter:none;backdrop-filter:none}}.anmeldung__titel{margin:var(--raum-4) 0 var(--raum-2);font-size:var(--text-xl);font-weight:500;letter-spacing:var(--laufweite-eng)}.anmeldung__unter{color:var(--farbe-text-schwach);margin-bottom:var(--raum-2)}.anmeldung__fehler{color:var(--farbe-text);font-size:var(--text-xs);padding:var(--raum-2) var(--raum-3);border-left:2px solid var(--farbe-gefahr);background:var(--farbe-grund-schwebend)}.feld{display:flex;flex-direction:column;gap:var(--raum-1);flex: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-family:inherit;font-size:var(--text-sm);transition:border-color var(--dauer-schnell) var(--kurve)}.feld__eingabe:focus{border-color:var(--farbe-akzent);outline:none}.passwort-feld{position:relative;display:flex;align-items:stretch}.passwort-feld .feld__eingabe{flex:1;width:100%;padding-right:5.5rem}.passwort-feld__zeigen{position:absolute;right:var(--raum-2);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--farbe-text-gedaempft);font-size:var(--text-xs);cursor:pointer}.passwort-feld__zeigen:hover{color:var(--farbe-text)}.knopf{padding:var(--raum-3) var(--raum-6);border-radius:var(--glas-radius-klein);font-size:var(--text-sm);font-family:inherit;cursor:pointer;white-space:nowrap;transition:background-color var(--dauer-schnell) var(--kurve),border-color var(--dauer-schnell) var(--kurve)}.knopf:disabled{opacity:.5;cursor:default}.knopf--primaer{background:var(--farbe-text);color:var(--farbe-grund);border:1px solid var(--farbe-text)}.werkbank{display:flex;flex-direction:column;height:100dvh}.kopf{display:flex;align-items:center;gap:var(--raum-4);padding:var(--raum-3) var(--raum-4);border-bottom:1px solid var(--glas-rand);background:var(--glas-fond-stark);flex-wrap:wrap}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.kopf{background:var(--glas-fond);-webkit-backdrop-filter:blur(var(--glas-blur));backdrop-filter:blur(var(--glas-blur))}}.kopf__titel{font-size:var(--text-md);font-weight:500;letter-spacing:var(--laufweite-eng);margin-right:var(--raum-2)}.kopf__hinweis{font-size:var(--text-xs);color:var(--farbe-text-schwach)}.kopf__hinweis--fehler{color:var(--farbe-gefahr)}.geraete-leiste{display:flex;gap:var(--raum-2);flex-wrap:wrap;flex:1}.geraet-chip{display:inline-flex;align-items:center;gap:var(--raum-2);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)){.geraet-chip{background:var(--glas-fond);-webkit-backdrop-filter:blur(var(--glas-blur));backdrop-filter:blur(var(--glas-blur))}}.geraet-chip:hover{color:var(--farbe-text)}.geraet-chip--aktiv{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)}.geraet-chip__sli{opacity:.65;font-size:.7rem}.ampel{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.ampel--gruen{background:#35e0a0;box-shadow:0 0 6px #35e0a0}.ampel--gelb{background:var(--farbe-warnung);box-shadow:0 0 6px var(--farbe-warnung)}.ampel--rot{background:var(--farbe-gefahr);box-shadow:0 0 6px var(--farbe-gefahr)}.ampel--unbekannt{background:var(--farbe-linie-stark)}.buehne{flex:1;display:grid;gap:2px;background:var(--farbe-linie);overflow:hidden}.buehne--0{display:grid;place-items:center}.buehne--1{grid-template-columns:1fr}.buehne--2{grid-template-columns:1fr 1fr}.buehne__leer{color:var(--farbe-text-schwach)}@media(max-width:860px){.buehne--2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.vnc{position:relative;display:flex;flex-direction:column;background:var(--farbe-grund);min-height:0;overflow:hidden}.vnc__leinwand{width:100%;flex:1;min-height:0}.vnc__zeile{display:flex;gap:var(--raum-2);padding:var(--raum-2);border-top:1px solid var(--glas-rand);background:var(--glas-fond-stark)}.vnc__zeile-eingabe{flex:1;min-width:0;padding:var(--raum-2) var(--raum-3);border:1px solid var(--farbe-linie-stark);border-radius:2px;background:var(--farbe-grund);color:var(--farbe-text);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--dauer-schnell) var(--kurve)}.vnc__zeile-eingabe:focus{border-color:var(--farbe-akzent);outline:none}.vnc__zeile--zwischenablage{padding-top:0;border-top:none}.vnc__zeile--zwischenablage .vnc__zeile-eingabe{color:var(--farbe-text-schwach)}.vnc__zeile-hinweis{align-self:center;font-size:var(--text-xs);color:var(--farbe-text-schwach);white-space:nowrap}.vnc__overlay{position:absolute;inset:0;display:grid;place-items:center;gap:var(--raum-4);padding:var(--raum-6);color:var(--farbe-text-schwach);background:color-mix(in srgb,var(--farbe-grund) 75%,transparent);text-align:center}.vnc__passwort{display:flex;flex-direction:column;align-items:center;gap:var(--raum-3);width:min(100%,280px)}@media(max-width:640px){.kopf{padding:var(--raum-2) var(--raum-3)}.kopf__titel{display:none}.geraet-chip{padding:.55rem .9rem}}.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;inset: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}}