: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;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-naticknowledge)}*,*: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:1440px;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)}.fehler{border-left:2px solid var(--farbe-gefahr);background:var(--farbe-grund-erhoben)}.hinweis{color:var(--farbe-text-gedaempft);border-left:2px solid var(--farbe-akzent);background:var(--farbe-grund-erhoben)}.leer{color:var(--farbe-text-schwach);padding-left:0}.anlegen{display:flex;flex-wrap:wrap;gap:var(--raum-3);margin-bottom:var(--raum-6)}.anlegen .feld__eingabe{flex:1;min-width:160px}.liste{list-style:none;display:flex;flex-direction:column;gap:var(--raum-2)}.zeile{display:flex;align-items:center;gap:var(--raum-3);padding:var(--raum-3) var(--raum-4);border:1px solid var(--farbe-linie);border-radius:2px}.zeile__haupt{font-weight:500}.zeile__neben{color:var(--farbe-text-gedaempft);font-size:var(--text-xs)}.zeile__rechts{margin-left:auto;display:flex;align-items:center;gap:var(--raum-2)}.marke{display:inline-block;padding:2px var(--raum-2);border:1px solid var(--farbe-linie-stark);border-radius:2px;font-family:var(--schrift-mono);font-size:var(--text-xs);color:var(--farbe-text-gedaempft)}.marke--akzent{border-color:var(--farbe-akzent);color:var(--farbe-akzent)}.sperre{max-width:480px;margin:var(--raum-12) auto 0;text-align:center}.sperre__titel{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--raum-3)}.sperre__text{font-size:var(--text-sm);color:var(--farbe-text-gedaempft)}:root{--glas-fond: color-mix(in srgb, var(--farbe-grund) 18%, transparent);--glas-fond-stark: color-mix(in srgb, var(--farbe-grund) 55%, transparent);--glas-blur: 34px}.anmeldung{background-color:#03060a;background-image:radial-gradient(120vw 80vh at 80% -12%,color-mix(in srgb,var(--farbe-akzent) 16%,transparent),transparent 62%),image-set(url(/marke/hero-1920.avif) type("image/avif"),url(/marke/hero-1920.webp) type("image/webp"));background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.anmeldung__karte{background:var(--glas-fond-stark);border:1px solid var(--glas-rand);border-radius:var(--glas-radius);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));backdrop-filter:blur(var(--glas-blur))}}.zeile__link{background:none;border:none;color:var(--farbe-text);font:inherit;font-weight:500;cursor:pointer;text-align:left;padding:0}.zeile__link:hover{color:var(--farbe-akzent)}.board-kopf{display:flex;align-items:center;gap:var(--raum-4);margin-bottom:var(--raum-4)}.board-kopf .titel{margin-bottom:0}.board-kopf .marke{cursor:pointer}.schritte{list-style:none;display:flex;flex-direction:column;gap:var(--raum-2);margin:var(--raum-4) 0}.schritt{display:flex;align-items:center;gap:var(--raum-3);padding:var(--raum-3) var(--raum-4);border:1px solid var(--farbe-linie);border-radius:3px;background:var(--farbe-grund-erhoben)}.schritt__nr{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--farbe-akzent);color:#05070a;font-size:var(--text-xs);font-weight:600}.feld__eingabe--kurz{flex:0 0 150px}.abschnitt{margin:var(--raum-6) 0 var(--raum-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--farbe-text-schwach)}.bricks{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));align-items:start;gap:var(--raum-3);margin-bottom:var(--raum-4)}.brick{display:flex;flex-direction:column;gap:2px;padding:var(--raum-3) var(--raum-4);border:1px solid var(--farbe-linie);border-left:3px solid var(--farbe-akzent);border-radius:3px;background:var(--farbe-grund-erhoben)}.brick__titel{font-weight:500}.brick__body{font-size:var(--text-sm);color:var(--farbe-text-gedaempft)}.dashboard-hero{position:relative;margin:0 0 var(--raum-6);border-radius:16px;overflow:hidden;padding:var(--raum-8);background-image:linear-gradient(180deg,#0a181b8c,#0a181bd9),image-set(url(/marke/hero-1920.avif) type("image/avif"),url(/marke/hero-1920.webp) type("image/webp"));background-size:cover;background-position:center;border:1px solid color-mix(in srgb,#ffffff 10%,transparent)}.dashboard-hero__gruss{margin:0;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--farbe-akzent)}.dashboard-hero__titel{margin:.2rem 0 var(--raum-5);font-size:1.6rem}.dashboard-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--raum-3)}.dashboard-karte{display:flex;flex-direction:column;gap:.15rem;padding:var(--raum-4);border-radius:12px;background:color-mix(in srgb,var(--farbe-grund, #0a181b) 55%,transparent);border:1px solid color-mix(in srgb,#ffffff 10%,transparent)}.dashboard-karte__wert{font-size:2rem;font-weight:700;line-height:1;color:var(--farbe-text, #e9edf1)}.dashboard-karte__label{font-size:var(--text-sm);color:var(--farbe-text-schwach, #7d818b)}.syn-logo{display:block;height:18px;width:auto;flex:0 0 auto}.listen-filter{display:block;width:100%;max-width:460px;margin:0 0 var(--raum-4)}.filterbar{display:flex;flex-wrap:wrap;gap:var(--raum-2);align-items:center;margin:0 0 var(--raum-4)}.filterbar .listen-filter{margin:0;flex:1 1 220px;min-width:180px}.filterbar__facette{flex:0 0 auto;min-width:130px}.filterbar__reset{flex:0 0 auto;font-size:var(--text-sm);color:var(--farbe-text-schwach, #7d818b);background:none;border:none;cursor:pointer;text-decoration:underline}.huelle{background-image:linear-gradient(180deg,#0a181bd1,#0a181beb),image-set(url(/marke/hero-1920.avif) type("image/avif"),url(/marke/hero-1920.webp) type("image/webp"));background-size:cover;background-position:center;background-attachment:fixed}.dashboard-hero{background-image:none;border:none;border-radius:0;padding:var(--raum-6) 0 var(--raum-2)}.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)}.detail{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:var(--raum-6);align-items:start}@media(max-width:760px){.detail{grid-template-columns:1fr}}.detail__eck{position:sticky;top:var(--raum-4);display:flex;flex-direction:column;gap:var(--raum-3);padding:var(--raum-5);border-radius:14px;background:color-mix(in srgb,var(--farbe-grund, #0a181b) 55%,transparent);border:1px solid color-mix(in srgb,#ffffff 10%,transparent)}.detail__titel{margin:0;font-size:1.3rem}.detail__eckdaten{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:0;font-size:var(--text-sm)}.detail__eckdaten dt{color:var(--farbe-text-schwach, #7d818b)}.detail__eckdaten dd{margin:0;color:var(--farbe-text, #e9edf1)}.detail__inhalt{min-width:0}.detail__tabs{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--raum-2);margin-bottom:var(--raum-4);border-bottom:1px solid color-mix(in srgb,#ffffff 8%,transparent);padding-bottom:var(--raum-2)}.detail__tab{padding:var(--raum-2) var(--raum-4);border:none;border-radius:8px;background:transparent;color:var(--farbe-text-schwach, #7d818b);font-size:var(--text-sm);cursor:pointer}.detail__tab--aktiv{color:var(--farbe-text, #e9edf1);background:color-mix(in srgb,var(--akzent-naticknowledge, #d97706) 26%,transparent)}.anmeldung__titel{font-family:var(--schrift-display, inherit);font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--farbe-text-schwach, #7d818b);margin:.15rem 0 var(--raum-2, .5rem)}.syn-logo{align-self:center}.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:4px;top:50%;transform:translateY(-50%);padding:.25rem .6rem;border:none;border-radius:4px;background:color-mix(in srgb,var(--farbe-text, #e9edf1) 12%,transparent);color:var(--farbe-text, #e9edf1);font:inherit;font-size:.72rem;cursor:pointer}.passwort-feld__zeigen:hover{background:color-mix(in srgb,var(--farbe-text, #e9edf1) 22%,transparent)}.abschnitt{margin:var(--raum-8) 0 0;text-transform:none;letter-spacing:normal;font-size:inherit;color:inherit}.abschnitt__titel{margin-bottom:var(--raum-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--farbe-text-schwach)}.reiter{display:flex;flex-wrap:wrap;gap:var(--raum-2);margin:var(--raum-6) 0 var(--raum-6);border-bottom:1px solid var(--farbe-linie)}.reiter__knopf{display:inline-flex;align-items:center;gap:var(--raum-2);padding:var(--raum-2) var(--raum-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--farbe-text-gedaempft);font:inherit;font-size:var(--text-sm);cursor:pointer}.reiter__knopf:hover{color:var(--farbe-text)}.reiter__knopf--aktiv{color:var(--farbe-text);border-bottom-color:var(--farbe-akzent)}.reiter__zahl{min-width:18px;padding:0 5px;border-radius:9px;background:var(--farbe-akzent);color:#05070a;font-size:var(--text-xs);font-weight:600;text-align:center}.marke--gruen{border-color:#3f9d6d;color:#6fd39c}.marke--gelb{border-color:#a8873a;color:#e0bc63}.marke--rot{border-color:#a5484c;color:#e08287}.knopf--klein{padding:3px var(--raum-2);font-size:var(--text-xs)}.anlegen--breit{flex-wrap:wrap}.anlegen--breit .feld__eingabe{min-width:200px}.feld__flaeche{width:100%;min-height:70px;font:inherit;resize:vertical}.zeile__auszug{display:block;margin-top:2px;font-size:var(--text-xs);font-weight:400;color:var(--farbe-text-gedaempft)}.leiser{font-size:var(--text-xs);color:var(--farbe-text-schwach)}.brick__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--raum-3);flex-wrap:wrap}.brick__marken{display:flex;gap:var(--raum-2);flex-wrap:wrap}.brick__fuss{display:flex;gap:var(--raum-2);margin-top:var(--raum-3)}.brick--luecke{border-left-color:#a8873a}.sicherheit{list-style:none;margin-top:var(--raum-2);font-size:var(--text-xs);color:#e0bc63}.agent-kasten{padding:var(--raum-4);border:1px solid var(--farbe-linie);border-radius:3px;background:var(--farbe-grund-erhoben)}.agent-knoepfe{display:flex;flex-wrap:wrap;gap:var(--raum-2);margin:var(--raum-3) 0}.dashboard-karte--warnung .dashboard-karte__wert{color:#e0bc63}.dashboard-karte--akzent .dashboard-karte__wert{color:var(--farbe-akzent)}.rohantwort{margin-top:var(--raum-4);font-size:var(--text-xs);color:var(--farbe-text-gedaempft)}.rohantwort pre{margin-top:var(--raum-2);padding:var(--raum-3);overflow-x:auto;border:1px solid var(--farbe-linie);border-radius:3px;background:var(--farbe-grund-erhoben);font-family:var(--schrift-mono)}.hinweis,.leiser{max-width:78ch}.rohantwort pre{max-height:420px;overflow:auto}.feld__eingabe--schmal{flex:0 0 90px}.schalter{display:inline-flex;align-items:center;gap:var(--raum-2);font-size:var(--text-xs);color:var(--farbe-text-gedaempft);white-space:nowrap}.lauf-protokoll{margin:var(--raum-3) 0;padding:var(--raum-3);max-height:320px;overflow:auto;border:1px solid var(--farbe-linie);border-radius:3px;background:var(--farbe-grund);font-family:var(--schrift-mono);font-size:var(--text-xs);color:var(--farbe-text-gedaempft);white-space:pre-wrap}.beispiele{display:flex;flex-wrap:wrap;gap:var(--raum-2);margin-bottom:var(--raum-3)}.marke--knopf{cursor:pointer;font-family:var(--schrift-text);background:none;text-align:left}.marke--knopf:hover{border-color:var(--farbe-akzent);color:var(--farbe-akzent)}.lauf{margin-top:var(--raum-4)}.lauf__kopf{display:flex;gap:var(--raum-2);margin-bottom:var(--raum-3)}.lauf__antwort{padding:var(--raum-3) var(--raum-4);border-left:3px solid var(--farbe-akzent);background:var(--farbe-grund-erhoben);font-size:var(--text-sm)}.schritt--lauf{align-items:flex-start}.schritt__nr--fehler{background:#a5484c;color:#fff}.schritt__inhalt{display:flex;flex-direction:column;gap:2px;min-width:0}.schritt__gedanke{font-size:var(--text-xs);color:var(--farbe-text-gedaempft)}.schritt__ergebnis{font-family:var(--schrift-mono);font-size:var(--text-xs);color:var(--farbe-text-schwach);overflow-wrap:anywhere}.zeile--gesperrt{opacity:.55}.abschnitt__titel--abstand{margin-top:var(--raum-6)}.token-kasten{margin:var(--raum-4) 0;padding:var(--raum-4);border:1px solid var(--farbe-akzent);border-radius:3px;background:var(--farbe-grund-erhoben)}.token-kasten__titel{margin-bottom:var(--raum-3);font-size:var(--text-sm)}.token-kasten__wert{display:block;margin-bottom:var(--raum-3);padding:var(--raum-3);border:1px solid var(--farbe-linie-stark);border-radius:2px;background:var(--farbe-grund);font-family:var(--schrift-mono);font-size:var(--text-xs);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.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}}