@import"https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";.mock-page{--mock-font-sans: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--mock-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--mock-font-urkunde: "Fraunces", "Inter Tight", serif;--mock-font-display: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-sans: var(--mock-font-sans);--font-mono: var(--mock-font-mono);--font-display: var(--mock-font-display);--mock-r-1: 4px;--mock-r-2: 6px;--mock-r-3: 10px;--mock-r-4: 14px;--mock-r-5: 20px;--r-1: var(--mock-r-1);--r-2: var(--mock-r-2);--r-3: var(--mock-r-3);--r-4: var(--mock-r-4);--r-5: var(--mock-r-5);--mock-bg: #ffffff;--mock-bg-soft: #f6f7f9;--mock-bg-muted: #eef0f3;--mock-bg-sunken: #e6e9ee;--mock-surface: #ffffff;--mock-surface-2: #f0f2f5;--bg: var(--mock-bg);--bg-soft: var(--mock-bg-soft);--bg-muted: var(--mock-bg-muted);--bg-sunken: var(--mock-bg-sunken);--surface: var(--mock-surface);--surface-2: var(--mock-surface-2);--mock-line: #e1e4ea;--mock-line-strong: #c8cdd6;--line: var(--mock-line);--line-strong: var(--mock-line-strong);--mock-ink: #0b1220;--mock-ink-2: #1f2937;--mock-ink-3: #4b5563;--mock-ink-4: #6b7280;--mock-ink-5: #9ca3af;--ink: var(--mock-ink);--ink-2: var(--mock-ink-2);--ink-3: var(--mock-ink-3);--ink-4: var(--mock-ink-4);--ink-5: var(--mock-ink-5);--mock-accent: #2b54e0;--mock-accent-2: #1e3fb8;--mock-accent-soft: #eaf0ff;--mock-accent-ink: #ffffff;--accent: var(--mock-accent);--accent-2: var(--mock-accent-2);--accent-soft: var(--mock-accent-soft);--accent-ink: var(--mock-accent-ink);--mock-ok: #0a7a4b;--mock-ok-soft: #e6f4ec;--mock-warn: #b45309;--mock-warn-soft: #fdf3e3;--mock-warn-bg: #fff4d6;--mock-warn-ink: #7a5a09;--mock-bad: #b91c1c;--mock-helper: #b45309;--mock-helper-soft: #fef3e2;--mock-helper-2: #9333ea;--ok: var(--mock-ok);--ok-soft: var(--mock-ok-soft);--warn: var(--mock-warn);--warn-soft: var(--mock-warn-soft);--warn-bg: var(--mock-warn-bg);--warn-ink: var(--mock-warn-ink);--bad: var(--mock-bad);--helper: var(--mock-helper);--helper-soft: var(--mock-helper-soft);--helper2: var(--mock-helper-2);--mock-shadow-1: 0 1px 0 rgba(11, 18, 32, .04), 0 1px 2px rgba(11, 18, 32, .04);--mock-shadow-2: 0 1px 0 rgba(11, 18, 32, .04), 0 6px 16px -6px rgba(11, 18, 32, .1);--shadow-1: var(--mock-shadow-1);--shadow-2: var(--mock-shadow-2);font-family:var(--mock-font-sans);color:var(--mock-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mock-shell{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--mock-bg-soft)}.mock-page .tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mock-page .tas-logo-wrap{display:inline-flex;align-items:center;gap:10px}.mock-page .tas-wordmark{font-family:var(--mock-font-display);font-weight:600;font-size:1.375rem;letter-spacing:-.02em;color:var(--mock-ink)}.mock-page .btn-sm,.mock-page a.btn-sm,.mock-page button.btn-sm{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;min-height:28px;max-height:28px;min-width:0;padding:0 10px;background:var(--mock-bg);border:1px solid var(--mock-line-strong);border-radius:var(--mock-r-2);color:var(--mock-ink);font:500 12px/1 var(--mock-font-sans);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s;vertical-align:middle}.mock-page .btn-sm:hover:not(:disabled){background:var(--mock-bg-soft)}.mock-page .btn-sm:disabled{opacity:.45;cursor:not-allowed}.mock-page .btn-sm.h32{height:32px}.mock-page .btn-primary,.mock-page a.btn-sm.btn-primary,.mock-page button.btn-sm.btn-primary{background:var(--mock-accent);border-color:var(--mock-accent);color:var(--mock-accent-ink)}.mock-page .btn-primary:hover:not(:disabled),.mock-page a.btn-sm.btn-primary:hover:not(:disabled),.mock-page button.btn-sm.btn-primary:hover:not(:disabled){background:var(--mock-accent-2);border-color:var(--mock-accent-2)}.mock-page .btn-ok,.mock-page a.btn-sm.btn-ok,.mock-page button.btn-sm.btn-ok{background:var(--mock-ok-soft);border-color:var(--mock-ok);color:var(--mock-ok)}.mock-page .btn-ok:hover:not(:disabled),.mock-page a.btn-sm.btn-ok:hover:not(:disabled),.mock-page button.btn-sm.btn-ok:hover:not(:disabled){background:color-mix(in oklab,var(--mock-ok-soft) 70%,var(--mock-ok));color:#fff}.mock-page .btn-danger,.mock-page a.btn-sm.btn-danger,.mock-page button.btn-sm.btn-danger{background:color-mix(in oklab,var(--mock-bad) 12%,#fff);border-color:var(--mock-bad);color:var(--mock-bad)}.mock-page .btn-danger:hover:not(:disabled),.mock-page a.btn-sm.btn-danger:hover:not(:disabled),.mock-page button.btn-sm.btn-danger:hover:not(:disabled){background:color-mix(in oklab,var(--mock-bad) 28%,#fff);color:var(--mock-bad)}.mock-page .btn-wdsf,.mock-page a.btn-sm.btn-wdsf,.mock-page button.btn-sm.btn-wdsf{background:#1e5fa8;border-color:#154577;color:#fff}.mock-page .btn-wdsf:hover:not(:disabled),.mock-page a.btn-sm.btn-wdsf:hover:not(:disabled),.mock-page button.btn-sm.btn-wdsf:hover:not(:disabled){background:#154577;border-color:#0e3157;color:#fff}.mock-page .btn-dtv,.mock-page a.btn-sm.btn-dtv,.mock-page button.btn-sm.btn-dtv{background:#bd0023;border-color:#8a0019;color:#fff}.mock-page .btn-dtv:hover:not(:disabled),.mock-page a.btn-sm.btn-dtv:hover:not(:disabled),.mock-page button.btn-sm.btn-dtv:hover:not(:disabled){background:#8a0019;border-color:#5f0011;color:#fff}.mock-page .btn-ghost{background:transparent;border:none;color:var(--mock-ink-3);min-height:0}.mock-page .btn-ghost:hover:not(:disabled){background:transparent;color:var(--mock-ink)}.mock-page .pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;background:var(--mock-bg-muted);color:var(--mock-ink-3);border-radius:999px;font:500 11px/1 var(--mock-font-sans);letter-spacing:.02em;white-space:nowrap}.mock-page .pill-mono{font-family:var(--mock-font-mono);letter-spacing:.04em}.mock-page .pill-ok{background:var(--mock-ok-soft);color:var(--mock-ok)}.mock-page .pill-warn{background:var(--mock-warn-soft);color:var(--mock-warn)}.mock-page .pill-accent{background:var(--mock-accent-soft);color:var(--mock-accent-2)}.mock-page .pill-dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.mock-page .divider{width:1px;height:22px;background:var(--mock-line)}.mock-page .header-spacer{flex:1}.mock-page .eyebrow{font-size:11px;color:var(--mock-ink-4);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.mock-page .surface{background:var(--mock-bg);border:1px solid var(--mock-line);border-radius:var(--mock-r-3)}.mock-page .block-open{display:inline-grid;place-items:center;width:22px;height:22px;min-width:22px;border-radius:5px;color:var(--mock-ink-3);background:color-mix(in oklab,var(--mock-bg-soft) 80%,transparent);border:1px solid var(--mock-line);cursor:pointer;transition:background .12s,color .12s,border-color .12s;text-decoration:none}.mock-page .block-open:hover{background:var(--mock-accent);color:#fff;border-color:var(--mock-accent)}.mock-page .block-open:focus-visible{outline:2px solid var(--mock-accent);outline-offset:1px}.mock-page input,.mock-page select,.mock-page textarea{box-sizing:border-box;max-width:100%}@font-face{font-family:Inter;src:url(Inter-VariableFont_opsz,wght.cc27cf3ff100ea21.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;src:url(Inter-Italic-VariableFont_opsz,wght.dd830f3b569412d7.ttf) format("truetype")}:root{font-family:PT Sans,Inter,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.25;margin:0;padding:0;background:var(--color-page-background);color:var(--color-text-primary);--space-page: 2rem;--space-section: 1.5rem;--space-block: 1rem;--space-card: 1.25rem;--space-stack: .75rem;--space-inline: .5rem;--space-tight: .25rem;--space-control-x: .75rem;--space-control-y: .45rem;--space-control-x-compact: .5rem;--space-control-y-compact: .35rem;--size-control-height: 2.75rem;--size-control-min-width: 5rem;--radius-card: .75rem;--radius-control: .5rem;--radius-chip: .5rem;--radius-round: 999px;--font-display: "Fraunces", "Inter Tight", serif;--shadow-card: 0 2px 10px rgba(0, 0, 0, .08);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .25);--hue-navigation: 205;--hue-accent: 335;--hue-success: 165;--hue-warning: 85;--hue-error: 35;--hue-destructive: 20;--lum-page: 97%;--lum-surface: 100%;--lum-control: 66%;--lum-border: 48%;--lum-text-on-dark: 98%;--chr-neutral: .003;--chr-navigation: .12;--chr-accent: .01;--chr-muted: .05;--color-page-background: oklch(var(--lum-page) var(--chr-neutral) 0);--color-surface-default: oklch(var(--lum-surface) var(--chr-neutral) 0);--color-surface-muted: oklch(95% var(--chr-neutral) 0);--color-surface-subtle: oklch(97% var(--chr-neutral) 0);--color-surface-contrast: oklch(90% var(--chr-neutral) 0);--color-border-subtle: oklch(var(--lum-border) var(--chr-neutral) 0);--color-border-muted: oklch(86% var(--chr-neutral) 0);--color-text-primary: oklch(22% .02 270);--color-text-muted: oklch(45% .02 270);--color-text-subtle: oklch(60% .02 270);--color-text-disabled: oklch(70% .02 270);--color-text-on-dark: oklch(var(--lum-text-on-dark) var(--chr-neutral) 0);--color-navigation-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-navigation));--color-navigation-bg-soft: oklch(90% var(--chr-muted) var(--hue-navigation));--color-navigation-border: oklch(var(--lum-border) var(--chr-navigation) var(--hue-navigation));--color-navigation-bg-strong: oklch(40% var(--chr-navigation) var(--hue-navigation));--color-navigation-hover: rgba(255, 255, 255, .12);--color-navigation-active: rgba(255, 255, 255, .28);--color-navigation-border-weak: rgba(255, 255, 255, .4);--color-navigation-border-strong: rgba(255, 255, 255, .7);--color-navigation-surface: rgba(255, 255, 255, .07);--color-navigation-text: rgba(255, 255, 255, .9);--color-navigation-text-muted: rgba(255, 255, 255, .65);--color-navigation-text-subtle: rgba(255, 255, 255, .55);--color-accent-bg: oklch(45% .22 264);--color-accent-bg-soft: oklch(92% var(--chr-muted) var(--hue-accent));--color-accent-border: oklch(var(--lum-border) var(--chr-accent) var(--hue-accent));--color-accent-bg-strong: oklch(54% var(--chr-accent) var(--hue-accent));--color-success-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-success));--color-warning-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-warning));--color-error-bg: oklch(var(--lum-control) var(--chr-navigation) var(--hue-error));--color-success-bg-strong: oklch(54% var(--chr-navigation) var(--hue-success));--color-warning-bg-strong: oklch(54% var(--chr-navigation) var(--hue-warning));--color-error-bg-strong: oklch(54% var(--chr-navigation) var(--hue-error));--color-success-bg-soft: oklch(92% var(--chr-muted) var(--hue-success));--color-warning-bg-soft: oklch(92% var(--chr-muted) var(--hue-warning));--color-error-bg-soft: oklch(92% var(--chr-muted) var(--hue-error));--color-success-text: oklch(35% var(--chr-navigation) var(--hue-success));--color-warning-text: oklch(35% var(--chr-navigation) var(--hue-warning));--color-error-text: oklch(35% var(--chr-navigation) var(--hue-error));--color-destructive-bg: oklch(var(--lum-control) var(--chr-accent) var(--hue-destructive));--color-destructive-bg-soft: oklch(92% var(--chr-muted) var(--hue-destructive));--color-destructive-bg-strong: oklch(54% var(--chr-accent) var(--hue-destructive));--color-destructive-border: oklch(var(--lum-border) var(--chr-accent) var(--hue-destructive));--color-destructive-text: oklch(35% var(--chr-accent) var(--hue-destructive));--color-focus-ring: var(--color-accent-bg-soft);--color-discipline-standard: #bd0023;--color-discipline-latein: #e95d00;--color-discipline-kombination: #eec008;--color-discipline-formation: #69005f;--color-discipline-jmc: #0044bb;--color-discipline-success: #7ec000;--color-discipline-petrol: #0c6a71}body{margin:0;padding:0;background:var(--color-page-background);color:var(--color-text-primary)}h1,h2,h3,h4{color:var(--color-text-primary);font-weight:700;margin:0 0 var(--space-stack)}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.15rem}a{color:var(--color-accent-bg);text-decoration:none;&:hover{color:var(--color-accent-border);text-decoration:underline}}button,.like-button{color:var(--color-text-primary);background:var(--color-surface-default);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-control-y) var(--space-control-x);min-height:var(--size-control-height);min-width:var(--size-control-min-width);cursor:pointer;transition:background .2s,border-color .2s,color .2s;font-family:inherit;font-size:.875rem;&:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-border-subtle)}&.in-text{border:none;padding:0 var(--space-tight);min-height:1rem}&.in-input{padding:2px var(--space-control-x-compact);min-height:calc(1rem + 2px)}&:disabled{background:var(--color-surface-subtle);border-color:var(--color-border-muted);color:var(--color-text-disabled);cursor:default}}.like-button{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}button.btn-primary,.btn-primary{background:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-text-on-dark)}button.btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-accent-bg-strong);border-color:var(--color-accent-border)}button.btn-secondary,.btn-secondary{background:var(--color-surface-default);border-color:var(--color-border-subtle);color:var(--color-text-primary)}button.btn-secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--color-surface-muted)}button.btn-destructive,.btn-destructive{background:var(--color-destructive-bg);border-color:var(--color-destructive-border);color:var(--color-text-on-dark)}button.btn-destructive:hover:not(:disabled),.btn-destructive:hover:not(:disabled){background:var(--color-destructive-bg-strong)}button.btn-outline,.btn-outline{background:transparent;border-color:var(--color-border-subtle);color:var(--color-text-primary)}button.btn-ghost,.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-primary)}button.btn-small,.btn-small{min-height:2.25rem;padding:var(--space-control-y-compact) var(--space-control-x-compact);font-size:.8125rem}input,select,textarea{font:inherit;color:var(--color-text-primary);background:var(--color-surface-default);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);padding:var(--space-control-y) var(--space-control-x);min-height:var(--size-control-height)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent-border);outline-offset:1px;box-shadow:0 0 0 2px var(--color-focus-ring)}input[type=checkbox]:focus,input[type=radio]:focus{outline:2px solid color-mix(in oklab,var(--color-accent-border) 70%,transparent);outline-offset:2px;box-shadow:none}input[type=checkbox]:focus:not(:focus-visible),input[type=radio]:focus:not(:focus-visible){outline:none}.mini-grid{display:inline-grid;grid-template-columns:repeat(2,min-content);gap:var(--space-inline);align-items:center;justify-items:start}app-root{position:relative;display:flex;flex-direction:column;height:100vh;overflow:hidden}@media (min-width: 641px){app-root{flex-direction:row}}.tas-wordmark{font-family:var(--font-display);font-weight:600;font-size:1.375rem;letter-spacing:-.02em;color:var(--ink)}@media (max-width: 1280px){:root{--space-page: 1.25rem;--space-section: 1rem;--space-block: .75rem;--space-card: .875rem;--space-stack: .5rem}}@media (max-width: 1024px){:root{--space-page: 1rem;--space-section: .75rem;--space-block: .625rem;--space-card: .75rem;--space-stack: .5rem;--space-inline: .375rem}}@media (max-width: 640px){:root{--space-page: .625rem;--space-section: .5rem;--space-block: .5rem;--space-card: .5rem;--space-stack: .375rem;--space-inline: .25rem;--space-tight: .125rem;--space-control-x: .5rem;--space-control-y: .35rem}}.mock-shell{padding-inline:0}@media (max-width: 900px){.mock-page main,.mock-shell{min-width:0}.mock-page .scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.mock-page .mock-page-header{flex-wrap:wrap;gap:var(--space-inline)}}