@charset "UTF-8";

:root {
  color-scheme: light dark;
}

:root, [data-theme=light] {
  --eit-accent: #334680;
  --eit-accent-dark: #24325c;
  --eit-accent-light: #425aa4;
  --eit-primary: #3a5092;
  --eit-primary-dark: #24325c;
  --eit-primary-light: #5b74be;
  --eit-primary-a50: rgba(58, 80, 146, 0.5);
  --eit-secondary: #8d8d8d;
  --eit-secondary-dark: #676767;
  --eit-secondary-light: #b3b3b3;
  --eit-secondary-a50: rgba(141, 141, 141, 0.5);
  --eit-success: #3ec581;
  --eit-success-dark: #2a8c5b;
  --eit-success-light: #79d6a7;
  --eit-success-a50: rgba(62, 197, 129, 0.5);
  --eit-info: #3e3ec5;
  --eit-info-dark: #2a2a8c;
  --eit-info-light: #7979d6;
  --eit-info-a50: rgba(62, 62, 197, 0.5);
  --eit-warning: #c5a23e;
  --eit-warning-dark: #8c732a;
  --eit-warning-light: #d6be79;
  --eit-warning-a50: rgba(197, 162, 62, 0.5);
  --eit-danger: #c53e3e;
  --eit-danger-dark: #8c2a2a;
  --eit-danger-light: #d67979;
  --eit-danger-a50: rgba(197, 62, 62, 0.5);
  --eit-bg-1: #d7d7d7;
  --eit-bg-2: #e3e3e3;
  --eit-bg-3: #f0f0f0;
  --eit-fg: #202020;
  --eit-fg-heading: #202020;
  --eit-fg-dimmed: rgba(32, 32, 32, 0.5);
  --eit-fg-active: #03144a;
  --eit-bg-mark: #cbcb51;
  --eit-fg-mark: #202020;
  --eit-fg-link: #334680;
  --eit-fg-linkhover: #24325c;
  --eit-fg-linkvisited: #425aa4;
  --eit-bg-selection: #2c3c6e;
  --eit-fg-selection: #f0f0f0;
  --eit-border: rgba(32, 32, 32, 0.3);
  --eit-bg-1-highlight: #3a5092;
  --eit-bg-2-highlight: #425aa4;
  --eit-bg-3-highlight: #4964b6;
  --eit-fg-highlight: #dddddd;
  --eit-fg-heading-highlight: #f6f6f6;
  --eit-fg-dimmed-highlight: rgba(208, 208, 208, 0.5);
  --eit-fg-active-highlight: #a4b2db;
  --eit-fg-link-highlight: #dddddd;
  --eit-fg-linkhover-highlight: #f6f6f6;
  --eit-fg-linkvisited-highlight: #dddddd;
  --eit-bg-1-header: #f0f0f0;
  --eit-bg-2-header: rgba(240, 240, 240, 0.9);
  --eit-fg-header: #202020;
  --eit-fg-heading-header: #202020;
  --eit-fg-dimmed-header: rgba(32, 32, 32, 0.5);
  --eit-fg-active-header: var(--eit-fg-link);
  --eit-fg-link-header: #334680;
  --eit-fg-linkhover-header: #24325c;
  --eit-fg-linkvisited-header: #334680;
  --eit-bg-input-field: #f0f0f0;
  --eit-fg-input-field: #202020;
  --eit-bg-input-element: #d7d7d7;
  --eit-border-input-element: rgba(0, 0, 0, 0.5);
  --eit-fg-input-element: #334680;
  --eit-bg-a5: rgba(255, 255, 255, 0.05);
  --eit-bg-a10: rgba(255, 255, 255, 0.1);
  --eit-bg-a20: rgba(255, 255, 255, 0.2);
  --eit-bg-a30: rgba(255, 255, 255, 0.3);
  --eit-bg-a50: rgba(255, 255, 255, 0.5);
  --eit-bg-a70: rgba(255, 255, 255, 0.7);
  --eit-bg-a80: rgba(255, 255, 255, 0.8);
  --eit-bg-a90: rgba(255, 255, 255, 0.9);
  --eit-bg-a95: rgba(255, 255, 255, 0.95);
  --eit-fg-a5: rgba(0, 0, 0, 0.05);
  --eit-fg-a10: rgba(0, 0, 0, 0.1);
  --eit-fg-a20: rgba(0, 0, 0, 0.2);
  --eit-fg-a30: rgba(0, 0, 0, 0.3);
  --eit-shadow: 0.2rem 0.2rem 0.4rem var(--eit-bg-a10), inset 0.2rem 0.2rem 0.4rem var(--eit-fg-a5);
  --eit-shadow-active: inset 0 0.2em 0.3em var(--eit-bg-a10);
  --eit-shadow-focus: 0 0 0 0.3em;
  --circle-switch-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.5%29'/%3e%3c/svg%3e");
  --circle-switch-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  --checkbox-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  --radio-ckeck: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
  --ckeckbox-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  --tblr-primary: #F25E0D;
  --tblr-illustrations-primary: #F25E0D;
}
:root .landingpage > *, [data-theme=light] .landingpage > * {
  --eit-bg-2-header: rgba(58, 80, 146, 0.9);
}

[data-theme=dark] {
  --eit-accent: #334680;
  --eit-accent-dark: #425aa4;
  --eit-accent-light: #24325c;
  --eit-primary: #2c3c6e;
  --eit-primary-dark: #425aa4;
  --eit-primary-light: #161e37;
  --eit-primary-a50: rgba(44, 60, 110, 0.5);
  --eit-secondary: #737373;
  --eit-secondary-dark: #9a9a9a;
  --eit-secondary-light: #4d4d4d;
  --eit-secondary-a50: rgba(115, 115, 115, 0.5);
  --eit-success: #309f67;
  --eit-success-dark: #51cb8e;
  --eit-success-light: #1e6541;
  --eit-success-a50: rgba(48, 159, 103, 0.5);
  --eit-info: #30309f;
  --eit-info-dark: #5151cb;
  --eit-info-light: #1e1e65;
  --eit-info-a50: rgba(48, 48, 159, 0.5);
  --eit-warning: #9f8330;
  --eit-warning-dark: #cbac51;
  --eit-warning-light: #65531e;
  --eit-warning-a50: rgba(159, 131, 48, 0.5);
  --eit-danger: #9f3030;
  --eit-danger-dark: #cb5151;
  --eit-danger-light: #651e1e;
  --eit-danger-a50: rgba(159, 48, 48, 0.5);
  --eit-bg-1: #2a2a2a;
  --eit-bg-2: #1d1d1d;
  --eit-bg-3: #101010;
  --eit-fg: #e0e0e0;
  --eit-fg-heading: #e0e0e0;
  --eit-fg-dimmed: rgba(224, 224, 224, 0.5);
  --eit-fg-active: #2257f7;
  --eit-bg-mark: #3d3d13;
  --eit-fg-mark: #e0e0e0;
  --eit-fg-link: var(--eit-fg-active-header);
  --eit-fg-linkhover: var(--eit-fg-linkhover-header);
  --eit-fg-linkvisited: #24325c;
  --eit-bg-selection: #3a5092;
  --eit-fg-selection: #101010;
  --eit-border: rgba(224, 224, 224, 0.3);
  --eit-bg-1-highlight: #2c3c6e;
  --eit-bg-2-highlight: #24325c;
  --eit-bg-3-highlight: #1d2849;
  --eit-fg-highlight: #c3c3c3;
  --eit-fg-heading-highlight: #dddddd;
  --eit-fg-dimmed-highlight: rgba(208, 208, 208, 0.5);
  --eit-fg-active-highlight: #a4b2db;
  --eit-fg-link-highlight: #dddddd;
  --eit-fg-linkhover-highlight: #f6f6f6;
  --eit-fg-linkvisited-highlight: #dddddd;
  --eit-bg-1-header: #101010;
  --eit-bg-2-header: rgba(16, 16, 16, 0.9);
  --eit-fg-header: #e0e0e0;
  --eit-fg-dimmed-header: rgba(224, 224, 224, 0.5);
  --eit-fg-active-header: #5b74be;
  --eit-fg-link-header: #334680;
  --eit-fg-linkhover-header: #425aa4;
  --eit-fg-linkvisited-header: #334680;
  --eit-bg-input-field: #101010;
  --eit-fg-input-field: #e0e0e0;
  --eit-bg-input-element: #2a2a2a;
  --eit-border-input-element: rgba(255, 255, 255, 0.5);
  --eit-fg-input-element: #334680;
  --eit-bg-a5: rgba(0, 0, 0, 0.05);
  --eit-bg-a10: rgba(0, 0, 0, 0.1);
  --eit-bg-a20: rgba(0, 0, 0, 0.2);
  --eit-bg-a30: rgba(0, 0, 0, 0.3);
  --eit-fg-a5: rgba(255, 255, 255, 0.05);
  --eit-fg-a10: rgba(255, 255, 255, 0.1);
  --eit-fg-a20: rgba(255, 255, 255, 0.2);
  --eit-fg-a30: rgba(255, 255, 255, 0.3);
  --circle-switch-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.5%29'/%3e%3c/svg%3e");
  --circle-switch-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
  --checkbox-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  --radio-ckeck: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
  --ckeckbox-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
[data-theme=dark] .landingpage > * {
  --eit-bg-2-header: rgba(44, 60, 110, 0.9);
}

.landingpage > * {
  --eit-bg-1-header: var(--eit-bg-1-highlight);
  --eit-fg-header: var(--eit-fg-highlight);
  --eit-fg-heading-header: var(--eit-fg-highlight);
  --eit-fg-dimmed-header: var(--eit-fg-dimmed-highlight);
  --eit-fg-active-header: var(--eit-fg-active-highlight);
  --eit-fg-link-header: var(--eit-fg-link-highlight);
  --eit-fg-linkhover-header: var(--eit-fg-linkhover-highlight);
  --eit-fg-linkvisited-header: var(--eit-fg-linkvisited-highlight);
}

[data-theme=contrast], [data-theme=contrast] .landingpage > * {
  --eit-bg-1: Canvas;
  --eit-bg-2: Canvas;
  --eit-bg-3: Canvas;
  --eit-fg: CanvasText;
  --eit-fg-heading: CanvasText;
  --eit-fg-dimmed: GrayText;
  --eit-fg-active: ActiveText;
  --eit-bg-mark: Mark;
  --eit-fg-mark: MarkText;
  --eit-fg-link: LinkText;
  --eit-fg-linkhover: ActiveText;
  --eit-fg-linkvisited: VisitedText;
  --eit-bg-selection: Highlight;
  --eit-fg-selection: HighlightText;
  --eit-border: CanvasText;
  --eit-bg-1-highlight: Canvas;
  --eit-bg-2-highlight: Canvas;
  --eit-bg-3-highlight: Canvas;
  --eit-fg-highlight: CanvasText;
  --eit-fg-heading-highlight: CanvasText;
  --eit-fg-dimmed-highlight: GrayText;
  --eit-fg-active-highlight: ActiveText;
  --eit-fg-link-highlight: LinkText;
  --eit-fg-linkhover-highlight: ActiveText;
  --eit-fg-linkvisited-highlight: VisitedText;
  --eit-bg-1-header: Canvas;
  --eit-bg-2-header: Canvas;
  --eit-fg-header: CanvasText;
  --eit-fg-dimmed-header: GrayText;
  --eit-fg-active-header: ActiveText;
  --eit-fg-link-header: LinkText;
  --eit-fg-linkhover-header: ActiveText;
  --eit-fg-linkvisited-header: VisitedText;
  --eit-bg-input-field: Field;
  --eit-fg-input-field: FieldText;
  --eit-bg-input-element: ButtonFace;
  --eit-border-input-element: rgba(0, 0, 0);
  --eit-fg-input-element: ButtonText;
  --eit-bg-a5: rgba(255, 255, 255, 0.05);
  --eit-bg-a10: rgba(255, 255, 255, 0.1);
  --eit-bg-a20: rgba(255, 255, 255, 0.2);
  --eit-bg-a30: rgba(255, 255, 255, 0.3);
  --eit-fg-a5: rgba(0, 0, 0, 0.05);
  --eit-fg-a10: rgba(0, 0, 0, 0.1);
  --eit-fg-a20: rgba(0, 0, 0, 0.2);
  --eit-fg-a30: rgba(0, 0, 0, 0.3);
  --eit-shadow: none;
}

@media (prefers-color-scheme: dark) {
  [data-theme=contrast], [data-theme=contrast] .landingpage > * {
    --eit-bg-a5: rgba(0, 0, 0, 0.05);
    --eit-bg-a10: rgba(0, 0, 0, 0.1);
    --eit-bg-a20: rgba(0, 0, 0, 0.2);
    --eit-bg-a30: rgba(0, 0, 0, 0.3);
    --eit-fg-a5: rgba(255, 255, 255, 0.05);
    --eit-fg-a10: rgba(255, 255, 255, 0.1);
    --eit-fg-a20: rgba(255, 255, 255, 0.2);
    --eit-fg-a30: rgba(255, 255, 255, 0.3);
    --eit-border-input-element: rgba(255, 255, 255);
    --circle-switch-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.5%29'/%3e%3c/svg%3e");
    --circle-switch-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
    --checkbox-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    --radio-ckeck: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
    --ckeckbox-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  }
}
/* Support for high-contrast browser modes */
@media (forced-colors: active), (-ms-high-contrast: active) {
  :root {
    --eit-bg-1: Canvas;
    --eit-bg-2: Canvas;
    --eit-bg-3: Canvas;
    --eit-fg: CanvasText;
    --eit-fg-heading: CanvasText;
    --eit-fg-dimmed: GrayText;
    --eit-fg-active: ActiveText;
    --eit-bg-mark: Mark;
    --eit-fg-mark: MarkText;
    --eit-fg-link: LinkText;
    --eit-fg-linkhover: ActiveText;
    --eit-fg-linkvisited: VisitedText;
    --eit-bg-selection: Highlight;
    --eit-fg-selection: HighlightText;
    --eit-border: CanvasText;
    --eit-bg-1-highlight: Canvas;
    --eit-bg-2-highlight: Canvas;
    --eit-bg-3-highlight: Canvas;
    --eit-fg-highlight: CanvasText;
    --eit-fg-heading-highlight: CanvasText;
    --eit-fg-dimmed-highlight: GrayText;
    --eit-fg-active-highlight: ActiveText;
    --eit-bg-mark-highlight: Mark;
    --eit-fg-mark-highlight: MarkText;
    --eit-fg-link-highlight: LinkText;
    --eit-fg-linkhover-highlight: ActiveText;
    --eit-fg-linkvisited-highlight: VisitedText;
    --eit-bg-1-header: Canvas;
    --eit-bg-2-header: Canvas;
    --eit-fg-header: CanvasText;
    --eit-fg-dimmed-header: GrayText;
    --eit-fg-active-header: ActiveText;
    --eit-fg-link-header: LinkText;
    --eit-fg-linkhover-header: ActiveText;
    --eit-fg-linkvisited-header: VisitedText;
    --eit-bg-input-field: Field;
    --eit-fg-input-field: FieldText;
    --eit-bg-input-element: ButtonFace;
    --eit-border-input-element: rgba(0, 0, 0);
    --eit-fg-input-element: ButtonText;
    --eit-bg-a5: rgba(255, 255, 255, 0.05);
    --eit-bg-a10: rgba(255, 255, 255, 0.1);
    --eit-bg-a20: rgba(255, 255, 255, 0.2);
    --eit-bg-a30: rgba(255, 255, 255, 0.3);
    --eit-fg-a5: rgba(0, 0, 0, 0.05);
    --eit-fg-a10: rgba(0, 0, 0, 0.1);
    --eit-fg-a20: rgba(0, 0, 0, 0.2);
    --eit-fg-a30: rgba(0, 0, 0, 0.3);
    --eit-shadow: none;
    /* TODO Boxshadow und Effekte z.B. durch Border vereinfachen */
  }
}
@media (prefers-color-scheme: dark) and (forced-colors: active), (prefers-color-scheme: dark) and (-ms-high-contrast: active) {
  :root {
    --eit-bg-a5: rgba(0, 0, 0, 0.05);
    --eit-bg-a10: rgba(0, 0, 0, 0.1);
    --eit-bg-a20: rgba(0, 0, 0, 0.2);
    --eit-bg-a30: rgba(0, 0, 0, 0.3);
    --eit-fg-a5: rgba(255, 255, 255, 0.05);
    --eit-fg-a10: rgba(255, 255, 255, 0.1);
    --eit-fg-a20: rgba(255, 255, 255, 0.2);
    --eit-fg-a30: rgba(255, 255, 255, 0.3);
    --eit-border-input-element: rgba(255, 255, 255);
    --circle-switch-off: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.5%29'/%3e%3c/svg%3e");
    --circle-switch-on: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
    --checkbox-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    --radio-ckeck: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
    --ckeckbox-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  }
}