@import"https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--teal-50: #ecf7f5;--teal-100: #cdebe6;--teal-200: #a3dad1;--teal-300: #6fc5b8;--teal-400: #4cb3a4;--teal-500: #3aa699;--teal-600: #2f897e;--teal-700: #266e66;--teal-800: #1f574f;--teal-900: #163d38;--navy-50: #eef0f7;--navy-100: #d6daec;--navy-200: #a9b1d6;--navy-300: #6e79b0;--navy-400: #404c88;--navy-500: #2a3670;--navy-600: #1f2a60;--navy-700: #18204c;--navy-800: #121838;--navy-900: #0c1026;--gold-100: #fff7de;--gold-200: #ffefbc;--gold-300: #ffe49a;--gold-400: #ffdd88;--gold-500: #e8c766;--gold-600: #c9a648;--cream: #f3e8b4;--red-400: #f25555;--red-500: #e23838;--green-500: #2fa36b;--green-400: #43c184;--amber-500: #e0a23b;--amber-400: #f0b657;--blue-500: #3f6fd6;--blue-400: #5b87e6;--gray-400: #9ba4b5;--gray-500: #6b7488;color-scheme:light dark;--color-bg: light-dark(#f4f6fb, #0a0e1f);--color-bg-subtle: light-dark(#eef0f7, #0c1026);--color-surface: light-dark(#ffffff, #121838);--color-surface-2: light-dark(#eef0f7, #18204c);--color-surface-sunken: light-dark(#e7ebf4, #0a0e1f);--color-surface-hover: light-dark(#e4e8f3, #1b2450);--color-text: light-dark(#232a45, #e7eaf4);--color-text-muted: light-dark(#5a6178, #9ba4b5);--color-text-subtle: light-dark(#6b7286, #6b7488);--color-text-inverse: light-dark(#ffffff, #0c1026);--color-heading: light-dark(#0c1026, #f4f6fc);--color-primary: light-dark(#266e66, #4cb3a4);--color-primary-hover: light-dark(#1f574f, #6fc5b8);--color-primary-active: light-dark(#163d38, #3aa699);--color-primary-contrast: light-dark(#ffffff, #06231f);--color-primary-soft: light-dark(rgba(47, 137, 126, .12), rgba(58, 166, 153, .14));--color-secondary: light-dark(#404c88, #a9b1d6);--color-accent: light-dark(#e8c766, #ffdd88);--color-accent-strong: light-dark(#c9a648, #e8c766);--color-border: light-dark(rgba(12, 16, 38, .12), rgba(255, 255, 255, .1));--color-border-strong: light-dark(rgba(12, 16, 38, .22), rgba(255, 255, 255, .2));--color-divider: light-dark(rgba(12, 16, 38, .08), rgba(255, 255, 255, .07));--color-focus: light-dark(#266e66, #6fc5b8);--color-focus-ring: light-dark(rgba(47, 137, 126, .35), rgba(111, 197, 184, .4));--color-success: light-dark(#1a6b47, #43c184);--color-success-soft: light-dark(rgba(26, 107, 71, .12), rgba(47, 163, 107, .16));--color-warning: light-dark(#8a5a0e, #f0b657);--color-warning-soft: light-dark(rgba(201, 166, 72, .2), rgba(224, 162, 59, .16));--color-danger: light-dark(#c0362c, #f25555);--color-danger-soft: light-dark(rgba(192, 54, 44, .1), rgba(226, 56, 56, .16));--color-info: light-dark(#2f57ac, #5b87e6);--color-info-soft: light-dark(rgba(47, 87, 172, .1), rgba(63, 111, 214, .16));--color-badge-teal: light-dark(#1f574f, #a3dad1);--color-badge-teal-soft: light-dark(rgba(47, 137, 126, .14), rgba(58, 166, 153, .18));--color-badge-navy: light-dark(#2a3670, #d6daec);--color-badge-navy-soft: light-dark(rgba(64, 76, 136, .12), rgba(110, 121, 176, .22));--color-badge-gold: light-dark(#7a5c12, #ffe49a);--color-badge-gold-soft: light-dark(rgba(201, 166, 72, .22), rgba(233, 199, 102, .18));--color-scroll-edge: light-dark(rgba(12, 16, 38, .16), rgba(0, 0, 0, .45));--color-neutral-soft: light-dark(rgba(12, 16, 38, .06), rgba(255, 255, 255, .07));--color-responsible-manager: light-dark(#1f574f, #a3dad1);--color-responsible-manager-soft: light-dark(rgba(47, 137, 126, .16), rgba(58, 166, 153, .2));--color-responsible-manager-line: light-dark(rgba(31, 87, 79, .65), rgba(163, 218, 209, .55));--color-responsible-accountant: light-dark(#5a3a86, #cdb6ee);--color-responsible-accountant-soft: light-dark(rgba(122, 86, 168, .16), rgba(140, 108, 190, .26));--color-responsible-accountant-line: light-dark(rgba(90, 58, 134, .65), rgba(205, 182, 238, .65));--color-responsible-empty-line: light-dark(rgba(12, 16, 38, .55), rgba(255, 255, 255, .45));--color-topbar: light-dark(rgba(244, 246, 251, .85), rgba(10, 14, 31, .85));--color-scrim: rgba(4, 6, 15, .6);--color-phase-1: light-dark(#1f2a60, #5a6aa8);--color-phase-2: light-dark(#2b2a6e, #6f6cc0);--color-phase-3: light-dark(#4a3a86, #8d7ad2);--color-phase-4: light-dark(#6e4e96, #a98fdc);--color-phase-5: light-dark(#9a5d94, #c79fd0);--color-phase-6: light-dark(#c77fbe, #dfaad8);--color-phase-7: light-dark(#c9a648, #e8c766);--color-phase-8: light-dark(#266e66, #4cb3a4);--gradient-brand: linear-gradient(120deg, #1f2a60 0%, #2b2a6e 28%, #6e4e96 52%, #c77fbe 68%, #e8c063 86%, #ffdd88 100%);--gradient-teal: linear-gradient(135deg, #3aa699 0%, #2f897e 100%);--gradient-brand-deep: light-dark( linear-gradient(135deg, #eef0f7 0%, #e4e9f4 55%, #dcede9 100%), linear-gradient(135deg, #0c1026 0%, #18204c 55%, #2a3670 100%) );--font-display: "Jost", "Century Gothic", system-ui, sans-serif;--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--tracking-eyebrow: .18em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: light-dark(0 1px 2px rgba(12, 16, 38, .06), 0 1px 2px rgba(0, 0, 0, .4));--shadow-md: light-dark(0 8px 24px -8px rgba(12, 16, 38, .14), 0 8px 24px -8px rgba(0, 0, 0, .55));--shadow-lg: light-dark(0 18px 48px -12px rgba(12, 16, 38, .18), 0 18px 48px -12px rgba(0, 0, 0, .6));--shadow-teal: light-dark(0 8px 22px -10px rgba(47, 137, 126, .45), 0 8px 22px -10px rgba(58, 166, 153, .55));--ease-out: cubic-bezier(.2, .6, .2, 1);--dur-fast: .14s;--dur-base: .22s;--z-sticky: 100;--z-dropdown: 300;--z-modal: 900}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading);font-weight:600;letter-spacing:-.01em;margin:0}a{color:var(--color-primary-hover);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}.takt-scrollframe{scrollbar-width:auto;scrollbar-color:var(--color-text-subtle) var(--color-surface-sunken);overscroll-behavior-x:contain}.takt-scrollframe::-webkit-scrollbar{width:14px;height:14px}.takt-scrollframe::-webkit-scrollbar-track{background:var(--color-surface-sunken)}.takt-scrollframe::-webkit-scrollbar-thumb{background:var(--color-text-subtle);border:3px solid var(--color-surface-sunken);border-radius:999px}.takt-scrollframe::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (pointer: coarse){.takt-nur-maus{display:none}}.eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-text-muted)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes takt-step-done{0%{border-color:var(--color-success);background-color:var(--color-success-soft);box-shadow:0 0 #43c1848c}35%{border-color:var(--color-success);background-color:var(--color-success-soft);box-shadow:0 0 0 10px #43c18400}to{box-shadow:0 0 #43c18400}}.takt-step-done{animation:takt-step-done 1.1s var(--ease-out)}.takt-titellink{color:inherit}.takt-titellink:hover{color:var(--color-primary-hover)}.takt-kontextkachel{display:block;color:inherit;transition:transform var(--dur-base) var(--ease-out)}.takt-kontextkachel:hover{text-decoration:none;transform:translateY(-2px)}.takt-kontextkachel:hover>*{border-color:var(--color-primary-hover)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}