html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--app-kopf-hoehe: 56px;--bg: #f4f5f7;--card: #ffffff;--card-hover: #eceef1;--text: #1f2430;--muted: #5b6472;--primary: #2563eb;--on-primary: #ffffff;--border: #d1d5db;--input-bg: #ffffff;--branding-header-bg: var(--branding-hell-header-bg, var(--card));--branding-header-text: var(--branding-hell-header-text, var(--text));--branding-footer-bg: var(--branding-hell-footer-bg, var(--card));--branding-footer-text: var(--branding-hell-footer-text, var(--text));--success: #166534;--success-bg: #dcfce7;--warning: #92400e;--warning-bg: #fef3c7;--danger: #991b1b;--danger-bg: #fee2e2;--info: #1e40af;--info-bg: #dbeafe;--neutral-text: #374151;--neutral-bg: #e5e7eb;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);color-scheme:light}html[data-theme=dark]{--bg: #14161c;--card: #1c1f27;--card-hover: #232733;--text: #e5e7eb;--muted: #9ca3af;--primary: #3b82f6;--on-primary: #14161c;--border: #374151;--input-bg: #1c1f27;--success: #4ade80;--success-bg: rgba(34, 197, 94, .18);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .18);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .18);--info: #93c5fd;--info-bg: rgba(59, 130, 246, .18);--neutral-text: #cbd5e1;--neutral-bg: rgba(148, 163, 184, .18);--shadow: 0 1px 3px rgba(0, 0, 0, .4);--branding-header-bg: var(--card);--branding-header-text: var(--text);--branding-footer-bg: var(--card);--branding-footer-text: var(--text);color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--bg: #14161c;--card: #1c1f27;--card-hover: #232733;--text: #e5e7eb;--muted: #9ca3af;--primary: #3b82f6;--on-primary: #14161c;--border: #374151;--input-bg: #1c1f27;--success: #4ade80;--success-bg: rgba(34, 197, 94, .18);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .18);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .18);--info: #93c5fd;--info-bg: rgba(59, 130, 246, .18);--neutral-text: #cbd5e1;--neutral-bg: rgba(148, 163, 184, .18);--shadow: 0 1px 3px rgba(0, 0, 0, .4);--branding-header-bg: var(--card);--branding-header-text: var(--text);--branding-footer-bg: var(--card);--branding-footer-text: var(--text);color-scheme:dark}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{scroll-padding-top:var(--app-kopf-hoehe)}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.btn-danger-ghost{background:transparent;border:1px solid var(--danger);color:var(--danger)}.password-field{position:relative;display:flex}.password-field input{flex:1;padding-right:2.5rem}.password-field .eye-btn{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);min-height:44px;min-width:44px;border:none;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--muted)}.password-field .eye-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem;margin-bottom:1rem}.card h2{margin-top:0}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.error{color:var(--danger)}.success{color:var(--success)}.icon-action{min-width:44px;min-height:44px;padding:0;margin-right:.25rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:1.05rem;line-height:1}.icon-action:hover{background:var(--bg);border-color:var(--border)}.icon-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.downloads{display:flex;gap:.4rem;flex-wrap:wrap}.downloads a{display:inline-flex;align-items:center;min-height:44px;padding:0 .5rem;border-radius:var(--radius-sm);color:var(--primary);text-decoration:none}.downloads a:hover{background:var(--bg)}.downloads a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;color:var(--text);line-height:1.4}.tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}table button.th-sort:not(.icon-action){background:transparent;border:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:0;min-height:0}.card button.zurueck-link:not(.icon-action){display:inline-flex;align-items:center;min-height:44px;padding:0;border:none;background:none;color:var(--primary);font:inherit;font-size:.9rem;font-weight:400;line-height:inherit;cursor:pointer}.card button.zurueck-link:not(.icon-action):hover{background:none;text-decoration:underline}.card button.zurueck-link:not(.icon-action):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.rand-rechts{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.rand-links{-webkit-mask-image:linear-gradient(to right,transparent,#000 24px);mask-image:linear-gradient(to right,transparent,#000 24px)}.rand-links.rand-rechts{-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.passkey-liste{list-style:none;padding:0;margin:0 0 .75rem;display:flex;flex-direction:column;gap:.75rem}.passkey-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.passkey-name{font-weight:600}.passkey-meta{flex:1 1 100%;color:var(--muted);font-size:.85rem;order:1}.passkey-einrichten{display:inline-flex;align-items:center;gap:.5rem}.passkey-hinweis{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--card)}.passkey-hinweis-text{flex:1 1 12rem;font-weight:600}.passkey-hinweis-aktionen{display:flex;gap:.5rem}.passkey-hinweis-nein{background:transparent;color:var(--text);border:1px solid var(--border)}html{--mat-sys-primary: var(--primary);--mat-sys-on-primary: var(--on-primary);--mat-sys-primary-container: color-mix(in srgb, var(--primary) 18%, var(--card));--mat-sys-on-primary-container: var(--text);--mat-sys-secondary-container: color-mix(in srgb, var(--primary) 18%, var(--card));--mat-sys-on-secondary-container: var(--text);--mat-sys-tertiary-container: color-mix(in srgb, var(--primary) 12%, var(--card));--mat-sys-on-tertiary-container: var(--text);--mat-sys-background: var(--bg);--mat-sys-on-background: var(--text);--mat-sys-surface: var(--card);--mat-sys-surface-container-lowest: var(--card);--mat-sys-surface-container-low: var(--card);--mat-sys-surface-container: var(--card);--mat-sys-surface-container-high: var(--card);--mat-sys-surface-container-highest: var(--card-hover);--mat-sys-on-surface: var(--text);--mat-sys-on-surface-variant: var(--muted);--mat-sys-outline: var(--border);--mat-sys-outline-variant: var(--border);--mat-sys-error: var(--danger);--app-schrift: system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-body-large-font: var(--app-schrift);--mat-sys-body-large: 400 1rem / 1.5rem var(--app-schrift);--mat-sys-body-medium-font: var(--app-schrift);--mat-sys-body-medium: 400 .875rem / 1.25rem var(--app-schrift);--mat-sys-body-small-font: var(--app-schrift);--mat-sys-body-small: 400 .75rem / 1rem var(--app-schrift);--mat-sys-display-large-font: var(--app-schrift);--mat-sys-display-large: 400 3.562rem / 4rem var(--app-schrift);--mat-sys-display-medium-font: var(--app-schrift);--mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-schrift);--mat-sys-display-small-font: var(--app-schrift);--mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-schrift);--mat-sys-headline-large-font: var(--app-schrift);--mat-sys-headline-large: 400 2rem / 2.5rem var(--app-schrift);--mat-sys-headline-medium-font: var(--app-schrift);--mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-schrift);--mat-sys-headline-small-font: var(--app-schrift);--mat-sys-headline-small: 400 1.5rem / 2rem var(--app-schrift);--mat-sys-label-large-font: var(--app-schrift);--mat-sys-label-large: 600 .875rem / 1.25rem var(--app-schrift);--mat-sys-label-medium-font: var(--app-schrift);--mat-sys-label-medium: 600 .75rem / 1rem var(--app-schrift);--mat-sys-label-small-font: var(--app-schrift);--mat-sys-label-small: 600 .688rem / 1rem var(--app-schrift);--mat-sys-title-large-font: var(--app-schrift);--mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-schrift);--mat-sys-title-medium-font: var(--app-schrift);--mat-sys-title-medium: 600 1rem / 1.5rem var(--app-schrift);--mat-sys-title-small-font: var(--app-schrift);--mat-sys-title-small: 600 .875rem / 1.25rem var(--app-schrift);--mat-form-field-container-height: 44px;--mat-sys-corner-extra-small: var(--radius-sm);--mat-form-field-outlined-container-shape: var(--radius-sm);--mat-form-field-container-vertical-padding: 10px;--mat-sys-surface-variant: var(--card-hover);--mat-sys-surface-dim: var(--bg);--mat-sys-surface-bright: var(--card);--mat-sys-surface-tint: var(--primary);--mat-sys-secondary: var(--primary);--mat-sys-on-secondary: var(--on-primary);--mat-sys-inverse-surface: var(--text);--mat-sys-inverse-on-surface: var(--bg);--mat-sys-inverse-primary: var(--primary);--mat-sys-scrim: #000;--mat-sys-shadow: #000;--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--primary) 22%, var(--card));--mat-datepicker-calendar-date-today-outline-color: var(--text);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--on-primary);--mat-datepicker-calendar-body-label-text-color: var(--muted);--mat-datepicker-calendar-period-button-text-color: var(--text);--mat-datepicker-calendar-navigation-button-icon-color: var(--text);--mat-datepicker-calendar-header-text-color: var(--muted)}app-zeitraum-feld,app-uhrzeit-feld{display:block}.datum-formfeld.mat-mdc-form-field{width:100%}.datum-formfeld.mat-mdc-form-field .mat-mdc-form-field-infix{width:auto;min-width:0}.datum-formfeld .mat-datepicker-toggle .mat-mdc-icon-button,.datum-formfeld .mat-timepicker-toggle .mat-mdc-icon-button{width:44px;height:44px;padding:10px;--mat-icon-button-state-layer-size: 44px}.datum-formfeld .mat-mdc-form-field-icon-suffix{padding-right:4px}.datum-formfeld .mat-mdc-icon-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mat-datepicker-content,.mat-timepicker-panel,.mat-calendar{font-family:var(--app-schrift);color:var(--text)}.mat-datepicker-content,.mat-timepicker-panel{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.mat-timepicker-panel .mat-mdc-option{min-height:44px}.mat-timepicker-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled){background:var(--card-hover)}.mat-timepicker-panel .mat-mdc-option.mdc-list-item--selected,.mat-timepicker-panel .mat-mdc-option.mat-mdc-option-active{background:color-mix(in srgb,var(--primary) 18%,var(--card))}.mat-datepicker-actions{gap:.5rem;padding:0 1rem 1rem}.mat-datepicker-actions button{min-height:44px;min-width:44px;padding:0 1rem;border-radius:var(--radius-sm);border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:600;cursor:pointer}.mat-datepicker-actions button.secondary{background:transparent;border-color:var(--border);color:var(--text)}.mat-datepicker-actions button:hover{filter:brightness(1.08)}.mat-datepicker-actions button.secondary:hover{filter:none;background:var(--card-hover)}.mat-datepicker-actions button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(orientation:portrait){.cdk-overlay-pane .mat-datepicker-content-touch .mat-datepicker-content-container{width:min(94vw,420px);height:auto;max-height:80vh}}.feld-fehler{color:var(--danger);font-size:.85rem;margin:.25rem 0 0}